/*
 * Devinevictory — Gold & Black Theme Override
 * Add this AFTER all existing CSS links:
 * <link rel="stylesheet" href="assets/css/theme-gold.css">
 */

/* ═══════════════════════════════════════════
   GLOBAL — Background & Text
═══════════════════════════════════════════ */
:root {
    --theme-color: #D4AF37 !important;
    --gold: #D4AF37;
    --gold-light: #F5D060;
    --gold-dark: #A07820;
    --black: #060606;
    --black2: #0A0A0A;
    --black3: #111111;
    --text: #C8BFA8;
    --muted: #4A4035;
}

body {
    background-color: #060606 !important;
    color: #C8BFA8 !important;
}

/* ═══════════════════════════════════════════
   PRELOADER
═══════════════════════════════════════════ */
.preloader {
    background: #060606 !important;
}
.preloader__icon span {
    background: var(--gold) !important;
    border-color: var(--gold) !important;
}

/* ═══════════════════════════════════════════
   HEADER
═══════════════════════════════════════════ */
.header-section {
    background: rgba(6,6,6,0.97) !important;
    border-bottom: 1px solid rgba(212,175,55,0.15) !important;
    backdrop-filter: blur(20px) !important;
}
.menu > li > a {
    color: #C8BFA8 !important;
    font-weight: 600 !important;
}
.menu > li > a:hover,
.menu > li.active > a {
    color: var(--gold) !important;
}

/* Connect Wallet button */
.wallet-btn {
    background: linear-gradient(135deg, var(--gold), var(--gold-dark)) !important;
    color: #000 !important;
    border: none !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
}
.wallet-btn:hover {
    background: linear-gradient(135deg, var(--gold-light), var(--gold)) !important;
    color: #000 !important;
    box-shadow: 0 4px 20px rgba(212,175,55,0.4) !important;
}

/* Mobile hamburger */
.header-bar span {
    background: var(--gold) !important;
}

/* ═══════════════════════════════════════════
   DEFAULT BUTTON
═══════════════════════════════════════════ */
.default-btn {
    background: linear-gradient(135deg, var(--gold), var(--gold-dark)) !important;
    color: #000 !important;
    border: none !important;
    font-weight: 700 !important;
}
.default-btn:hover {
    background: linear-gradient(135deg, var(--gold-light), var(--gold)) !important;
    color: #000 !important;
    box-shadow: 0 6px 24px rgba(212,175,55,0.4) !important;
}
.default-btn--small {
    background: linear-gradient(135deg, var(--gold), var(--gold-dark)) !important;
    color: #000 !important;
}

/* ═══════════════════════════════════════════
   BANNER
═══════════════════════════════════════════ */
.banner {
    background-color: #060606 !important;
    position: relative !important;
}
.banner::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(6,6,6,0.75) !important;
    z-index: 1;
}
.banner__wrapper { position: relative; z-index: 2; }
.banner__content h1 {
    color: #fff !important;
    font-weight: 900 !important;
}
.banner__content p {
    color: #C8BFA8 !important;
}
/* Color theme class used in template */
.color--theme-color { color: var(--gold) !important; }

/* ═══════════════════════════════════════════
   SECTION HEADERS
═══════════════════════════════════════════ */
.section-header__subtitle {
    color: var(--gold) !important;
    border-color: var(--gold) !important;
}
.section-header__subtitle::before,
.section-header__subtitle::after {
    background: var(--gold) !important;
}
.section__header__title,
h2.section__header__title {
    color: #fff !important;
}

/* ═══════════════════════════════════════════
   CARDS / PROJECT ITEMS
═══════════════════════════════════════════ */
.project__item,
.project__item-inner {
    background: #0A0A0A !important;
    border: 1px solid rgba(212,175,55,0.15) !important;
    border-radius: 14px !important;
}
.project__item:hover,
.project__item-inner:hover {
    border-color: rgba(212,175,55,0.4) !important;
    box-shadow: 0 8px 32px rgba(212,175,55,0.1) !important;
}
.project__item-content h4,
.project__item-content h5,
.project__item-content h6 {
    color: #fff !important;
}
.project__item-content p {
    color: #C8BFA8 !important;
}
.project__item-amount p {
    color: var(--muted) !important;
}

/* Progress bar */
.progress {
    background: rgba(212,175,55,0.1) !important;
    border-radius: 20px !important;
}
.progress-bar {
    background: linear-gradient(90deg, var(--gold-dark), var(--gold), var(--gold-light)) !important;
    border-radius: 20px !important;
}

/* Slider nav */
.project__slider2-prev,
.project__slider2-next {
    background: rgba(212,175,55,0.1) !important;
    border: 1px solid rgba(212,175,55,0.3) !important;
    color: var(--gold) !important;
}
.project__slider2-prev:hover,
.project__slider2-next:hover {
    background: var(--gold) !important;
    color: #000 !important;
}

/* Swiper pagination */
.swiper-pagination-bullet {
    background: rgba(212,175,55,0.3) !important;
}
.swiper-pagination-bullet-active {
    background: var(--gold) !important;
}

/* ═══════════════════════════════════════════
   WORK SECTION (bg--primary-color)
═══════════════════════════════════════════ */
.bg--primary-color,
section.work {
    background: #0A0A0A !important;
    border-top: 1px solid rgba(212,175,55,0.08) !important;
    border-bottom: 1px solid rgba(212,175,55,0.08) !important;
}
.work__item,
.work__item-inner {
    background: #111111 !important;
    border: 1px solid rgba(212,175,55,0.12) !important;
    border-radius: 14px !important;
    transition: all .25s !important;
}
.work__item:hover .work__item-inner {
    border-color: rgba(212,175,55,0.4) !important;
    box-shadow: 0 8px 28px rgba(212,175,55,0.1) !important;
}
.work__item-content h4 {
    color: var(--gold) !important;
}
.work__item-content p {
    color: #C8BFA8 !important;
}

/* ═══════════════════════════════════════════
   ROADMAP
═══════════════════════════════════════════ */
.roadmap__item2-inner {
    background: #0A0A0A !important;
    border: 1px solid rgba(212,175,55,0.15) !important;
    border-radius: 14px !important;
}
.roadmap__item2-inner:hover {
    border-color: rgba(212,175,55,0.4) !important;
    box-shadow: 0 8px 28px rgba(212,175,55,0.1) !important;
}
.roadmap__item2-header h4 {
    color: #fff !important;
}
.roadmap__item2-header p {
    color: var(--gold) !important;
    font-weight: 900 !important;
    opacity: 1 !important;
}
.roadmap__item2-content > p {
    color: #C8BFA8 !important;
}
/* Roadmap center line */
.roadmap__wrapper2::before {
    background: rgba(212,175,55,0.2) !important;
}
.roadmap__item2::before {
    background: var(--gold) !important;
    border-color: var(--gold-dark) !important;
    box-shadow: 0 0 12px rgba(212,175,55,0.5) !important;
}

/* ═══════════════════════════════════════════
   TEAM
═══════════════════════════════════════════ */
.team__item {
    background: #0A0A0A !important;
    border: 1px solid rgba(212,175,55,0.12) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}
.team__item:hover {
    border-color: rgba(212,175,55,0.4) !important;
    box-shadow: 0 8px 28px rgba(212,175,55,0.1) !important;
}
.team__content h4 a {
    color: #fff !important;
}
.team__content h4 a:hover {
    color: var(--gold) !important;
}
.team__content p {
    color: var(--gold) !important;
    font-weight: 700 !important;
}
.social__link {
    background: rgba(212,175,55,0.1) !important;
    border: 1px solid rgba(212,175,55,0.2) !important;
    color: var(--gold) !important;
    border-radius: 8px !important;
}
.social__link:hover {
    background: var(--gold) !important;
    color: #000 !important;
    border-color: var(--gold) !important;
}

/* ═══════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════ */
.footer {
    background-color: #060606 !important;
    background-image: none !important;
    border-top: 1px solid rgba(212,175,55,0.12) !important;
}
.footer__copyright {
    background: #0A0A0A !important;
    border-top: 1px solid rgba(212,175,55,0.08) !important;
}
.footer__copyright p {
    color: var(--muted) !important;
}

/* ═══════════════════════════════════════════
   MODAL
═══════════════════════════════════════════ */
.modal-content {
    background: #0A0A0A !important;
    border: 1px solid rgba(212,175,55,0.25) !important;
    border-radius: 16px !important;
}
.modal-header {
    border-bottom: 1px solid rgba(212,175,55,0.12) !important;
}
.modal-header h4 {
    color: #fff !important;
}
.btn-close {
    filter: invert(1) sepia(1) saturate(2) hue-rotate(0deg) brightness(1.5) !important;
}
.wallet__list-item a {
    background: #111 !important;
    border: 1px solid rgba(212,175,55,0.15) !important;
    border-radius: 12px !important;
}
.wallet__list-item a:hover {
    border-color: var(--gold) !important;
    box-shadow: 0 4px 16px rgba(212,175,55,0.2) !important;
}

/* ═══════════════════════════════════════════
   SCROLL TO TOP
═══════════════════════════════════════════ */
.scrollToTop {
    background: linear-gradient(135deg, var(--gold), var(--gold-dark)) !important;
    color: #000 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 16px rgba(212,175,55,0.35) !important;
}
.scrollToTop:hover {
    background: var(--gold-light) !important;
    color: #000 !important;
}

/* ═══════════════════════════════════════════
   BADGE & CHAIN ICONS
═══════════════════════════════════════════ */
.badge {
    background: var(--gold) !important;
    color: #000 !important;
    border-radius: 8px !important;
}

/* ═══════════════════════════════════════════
   TYPOGRAPHY — General
═══════════════════════════════════════════ */
h1, h2, h3, h4, h5, h6 { color: #fff !important; }
p { color: #C8BFA8; }
a { color: var(--gold) !important; }
a:hover { color: var(--gold-light) !important; }

/* Links in content that should stay white */
.project__item-content a,
.team__content h4 a,
.menu a { color: inherit !important; }