/* ==========================================================================
   Academic Theme — global re-skin
   Load this file LAST in <head> (after any page inline <style>) so its
   rules win the cascade without needing !important on most selectors.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Markazi+Text:wght@500;600;700&family=Vazirmatn:wght@400;500;600;700;800&display=swap');

:root{
    /* Academic palette: deep navy + brass/gold, warm paper tones */
    --primary:#1B3358;
    --secondary:#B4922F;
    --ac-bg:#0C1626;
    --ac-bg-soft:#101E33;
    --ac-paper:#F6F1E6;
    --ac-ink:#E9EDF3;
    --ac-ink-dim:#AEB9C9;
    --ac-line:rgba(180,146,47,0.22);
    --ac-line-soft:rgba(233,237,243,0.10);
    --ac-shadow:0 10px 28px -12px rgba(0,0,0,0.55);
    --ac-radius:12px;
    --ac-serif:'Markazi Text','Vazirmatn',serif;
}

html{scroll-behavior:smooth}

body{
    background:var(--ac-bg) !important;
    background-image:
        radial-gradient(circle at 15% 0%, rgba(27,51,88,0.55), transparent 45%),
        radial-gradient(circle at 100% 20%, rgba(180,146,47,0.08), transparent 40%) !important;
    color:var(--ac-ink) !important;
}

/* Headings get the serif academic voice */
h1,h2,h3,.section-title,.hero-title,h1 span,h2 span{
    font-family:var(--ac-serif) !important;
    letter-spacing:.2px;
}

/* Remove the neon glassmorphism glow, replace with quiet paper-on-navy cards */
.navbar{
    background:rgba(12,22,38,0.92) !important;
    backdrop-filter:blur(10px) !important;
    border-bottom:1px solid var(--ac-line) !important;
}

.logo-mark{
    background:linear-gradient(135deg,var(--primary),var(--secondary)) !important;
    border-radius:8px !important;
    box-shadow:none !important;
    animation:none !important;
}

.hero-badge{
    background:rgba(180,146,47,0.10) !important;
    border:1px solid var(--ac-line) !important;
    color:var(--secondary) !important;
    border-radius:6px !important;
}

.hero-stat,
.profile-card,
.main-box,
.course-card,
.article-card,
.testimonial-card,
.guide-section,
.tracking-section,
.contact-box,
.info-box,
.related-card,
.form-group,
.upload-area{
    background:var(--ac-bg-soft) !important;
    backdrop-filter:none !important;
    border:1px solid var(--ac-line-soft) !important;
    border-radius:var(--ac-radius) !important;
    box-shadow:var(--ac-shadow);
}

.hero-stat:hover,
.course-card:hover,
.article-card:hover,
.testimonial-card:hover,
.related-card:hover,
.main-box:hover{
    border-color:var(--ac-line) !important;
    transform:translateY(-3px);
}

.featured-free-card{
    background:linear-gradient(135deg,rgba(180,146,47,0.10),rgba(27,51,88,0.25)) !important;
    border:1px solid var(--ac-line) !important;
    border-radius:var(--ac-radius) !important;
    backdrop-filter:none !important;
}

/* Buttons: institutional, not glowing */
.btn-primary,.btn-hero-primary,.btn-buy,.copy-btn{
    background:linear-gradient(135deg,var(--primary),var(--secondary)) !important;
    box-shadow:none !important;
    border-radius:8px !important;
}
.btn-primary:hover,.btn-hero-primary:hover{
    box-shadow:0 8px 20px -8px rgba(180,146,47,0.45) !important;
    transform:translateY(-2px);
}

.price-current{
    background:linear-gradient(135deg,var(--primary),var(--secondary)) !important;
    -webkit-background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
}

.tab.active,.free-part-card.active{
    border-color:var(--secondary) !important;
    background:rgba(180,146,47,0.10) !important;
}

.tracking-section{
    background:linear-gradient(135deg,rgba(27,51,88,0.35),rgba(180,146,47,0.06)) !important;
    border:1px solid var(--ac-line) !important;
}

/* An academic "seal" motif for certificate / license mentions */
.ac-seal{
    display:inline-flex;align-items:center;gap:.4rem;
    padding:.25rem .7rem;border:1px solid var(--ac-line);
    border-radius:100px;color:var(--secondary);font-size:.7rem;
    background:rgba(180,146,47,0.08);
}

/* Modal + scroll-top stay legible, quieter glow */
.modal-overlay{background:rgba(6,10,18,0.92) !important}
.scroll-top{
    background:linear-gradient(135deg,var(--primary),var(--secondary)) !important;
    box-shadow:0 6px 18px -6px rgba(0,0,0,0.5) !important;
}

/* Bottom mobile nav (if present) */
.bottom-nav{
    background:rgba(12,22,38,0.98) !important;
    border-top:1px solid var(--ac-line) !important;
}
.bottom-nav-item.active,.bottom-nav-item:hover{color:var(--secondary) !important}

/* Forms */
input,textarea,select{
    font-family:'Vazirmatn',sans-serif !important;
}
.form-group input:focus,input:focus,textarea:focus{
    border-color:var(--secondary) !important;
}

/* Performance-friendly image handling */
img{max-width:100%;height:auto}
