/**
 * Brand Theme — ฟ้า–เขียวน้ำทะเล + Google Sans
 * (เดิมชื่อ gold-theme — คงชื่อไฟล์เพื่อไม่ต้องแก้ include ทั้งระบบ)
 */
@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,700&display=swap');

:root,
.theme-gold-2027,
.theme-ocean {
    --brand-deep: #1a6f9a;
    --brand-dark: #0e7490;
    --brand-primary: #0891b2;
    --brand-mid: #14b8a6;
    --brand-bright: #22d3ee;
    --brand-soft: #a5f3fc;
    --brand-cream: #ecfeff;
    --brand-heading-cream: #FFF8E7;
    --brand-white: #FFFFFF;
    --brand-ink: #083344;
    --brand-muted: #155e75;
    --brand-border: #99f6e4;
    --brand-shadow: rgba(26, 111, 154, 0.16);
    --brand-gradient: linear-gradient(135deg, #1a6f9a 0%, #0e7490 40%, #14b8a6 100%);
    --brand-gradient-soft: linear-gradient(160deg, #ecfeff 0%, #FFFFFF 45%, #cffafe 100%);
    --brand-gradient-bar: linear-gradient(135deg, #1a6f9a 0%, #0e7490 45%, #14b8a6 100%);

    /* alias เดิม */
    --gold-deep: var(--brand-deep);
    --gold-dark: var(--brand-dark);
    --gold-primary: var(--brand-primary);
    --gold-mid: var(--brand-mid);
    --gold-bright: var(--brand-bright);
    --gold-soft: var(--brand-soft);
    --gold-cream: var(--brand-cream);
    --gold-white: var(--brand-white);
    --gold-ink: var(--brand-ink);
    --gold-muted: var(--brand-muted);
    --gold-border: var(--brand-border);
    --gold-shadow: var(--brand-shadow);
    --gold-gradient: var(--brand-gradient);
    --gold-gradient-soft: var(--brand-gradient-soft);
    --gold-gradient-bar: var(--brand-gradient-bar);
    --ocean-primary: var(--brand-deep);
    --ocean-secondary: var(--brand-dark);
    --ocean-accent: var(--brand-mid);
}

.theme-gold-2027,
.theme-ocean,
.theme-gold-2027 body,
body.theme-gold-2027,
body.theme-ocean {
    font-family: "Google Sans", "Google Sans Flex", "Sarabun", "Segoe UI", sans-serif !important;
    color: var(--brand-ink);
    background: var(--brand-gradient-soft) !important;
    background-attachment: fixed !important;
}

.theme-gold-2027 h1,
.theme-gold-2027 h2,
.theme-gold-2027 h3,
.theme-gold-2027 h4,
.theme-gold-2027 h5,
.theme-gold-2027 h6,
.theme-gold-2027 .student-name {
    font-family: "Google Sans", "Google Sans Flex", "Sarabun", sans-serif !important;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: var(--brand-ink);
}

.theme-gold-2027 .sb-topnav {
    background: var(--brand-gradient-bar) !important;
    border-bottom: 3px solid rgba(34, 211, 238, 0.45) !important;
    box-shadow: 0 2px 12px var(--brand-shadow) !important;
}
.theme-gold-2027 .sb-topnav::after {
    background: linear-gradient(90deg, transparent, rgba(165, 243, 252, .85), transparent) !important;
}
.theme-gold-2027 .sb-sidenav-dark,
.theme-gold-2027 #layoutSidenav_nav .sb-sidenav {
    background: linear-gradient(180deg, #083344 0%, #1a6f9a 45%, #0e7490 100%) !important;
}
.theme-gold-2027 .sb-sidenav .nav-link,
.theme-gold-2027 .sb-sidenav-menu-heading {
    color: rgba(236, 254, 255, 0.92) !important;
}
.theme-gold-2027 .sb-sidenav .nav-link:hover {
    color: #fff !important;
    background: rgba(20, 184, 166, 0.2) !important;
}

.theme-gold-2027 .page-header,
.theme-gold-2027 .nominate-header,
.theme-gold-2027 .hero-band,
.theme-gold-2027 .form-header,
.theme-gold-2027 .quota-card-header,
.theme-gold-2027 .student-header,
.theme-gold-2027 .card-header.bg-primary,
.theme-gold-2027 .confirmation-card > .card-header,
.theme-gold-2027 .form-card > .card-header,
.theme-gold-2027 .nominate-card > .card-header,
.theme-gold-2027 .success-header,
.theme-gold-2027 .confirmation-header {
    background: var(--brand-gradient-bar) !important;
    color: var(--brand-heading-cream) !important;
    border-color: var(--brand-dark) !important;
}
.theme-gold-2027 .quota-card-header h6,
.theme-gold-2027 .quota-card-header h6 i,
.theme-gold-2027 .quota-selection-card .quota-card-header,
.theme-gold-2027 .quota-selection-card .quota-card-header h6,
.theme-gold-2027 .quota-selection-card .quota-card-header i {
    color: var(--brand-heading-cream, #FFF8E7) !important;
}
.theme-gold-2027 .student-header,
.theme-gold-2027 .nominate-header,
.theme-gold-2027 .hero-band,
.theme-gold-2027 .form-header,
.theme-gold-2027 .page-header,
.theme-gold-2027 .success-header,
.theme-gold-2027 .confirmation-header {
    color: var(--brand-heading-cream) !important;
}
.theme-gold-2027 .nominate-header h1,
.theme-gold-2027 .nominate-header h2,
.theme-gold-2027 .nominate-header h3,
.theme-gold-2027 .nominate-header h4,
.theme-gold-2027 .nominate-header h5,
.theme-gold-2027 .form-header h1,
.theme-gold-2027 .form-header h2,
.theme-gold-2027 .form-header h3,
.theme-gold-2027 .form-header h4,
.theme-gold-2027 .form-header h5,
.theme-gold-2027 .hero-band h1,
.theme-gold-2027 .hero-band h2,
.theme-gold-2027 .page-header h1,
.theme-gold-2027 .page-header h2,
.theme-gold-2027 .page-header-gradient h1,
.theme-gold-2027 .page-header-gradient h2,
.theme-gold-2027 .page-header-gradient-admin h1,
.theme-gold-2027 .page-header-gradient-admin h2,
.theme-gold-2027 .page-header-gradient-admin p,
.theme-gold-2027 .card-header h5,
.theme-gold-2027 .card-header .mb-0,
.theme-gold-2027 .success-header h1,
.theme-gold-2027 .success-header h2,
.theme-gold-2027 .confirmation-header h1,
.theme-gold-2027 .confirmation-header h2 {
    color: var(--brand-heading-cream) !important;
}
.theme-gold-2027 .hero-band .small,
.theme-gold-2027 .hero-band .opacity-75 {
    color: rgba(255, 248, 231, 0.9) !important;
}

.theme-gold-2027 .nominate-card,
.theme-gold-2027 .student-card,
.theme-gold-2027 .form-card,
.theme-gold-2027 .confirmation-card,
.theme-gold-2027 .quota-selection-card,
.theme-gold-2027 .card {
    background: var(--brand-white) !important;
    border: 1px solid var(--brand-border) !important;
    box-shadow: 0 8px 24px var(--brand-shadow) !important;
    border-radius: 1rem !important;
}
.theme-gold-2027 .student-card:hover,
.theme-gold-2027 .quota-selection-card:hover,
.theme-gold-2027 .major-card:hover {
    box-shadow: 0 12px 28px rgba(14, 116, 144, 0.2) !important;
    border-color: var(--brand-mid) !important;
}

.theme-gold-2027 .btn-primary,
.theme-gold-2027 .btn-enhanced.btn-primary,
.theme-gold-2027 #nextBtn,
.theme-gold-2027 .toggle-btn.btn-primary {
    background: var(--brand-gradient-bar) !important;
    border-color: var(--brand-deep) !important;
    color: #fff !important;
}
.theme-gold-2027 .btn-primary:hover,
.theme-gold-2027 .btn-enhanced.btn-primary:hover {
    background: linear-gradient(135deg, #083344, #0e7490) !important;
    filter: brightness(1.05);
}
.theme-gold-2027 .btn-success {
    background: linear-gradient(135deg, #0e7490, #14b8a6) !important;
    border-color: var(--brand-deep) !important;
}
.theme-gold-2027 .btn-outline-primary {
    color: var(--brand-deep) !important;
    border-color: var(--brand-primary) !important;
}
.theme-gold-2027 .btn-outline-primary:hover,
.theme-gold-2027 .btn-outline-primary.active {
    background: var(--brand-cream) !important;
    color: var(--brand-ink) !important;
}
.theme-gold-2027 .btn-warning {
    background: var(--brand-bright) !important;
    border-color: var(--brand-primary) !important;
    color: var(--brand-ink) !important;
}

.theme-gold-2027 .step-circle.active,
.theme-gold-2027 .step-circle.completed,
.theme-gold-2027 .section-badge,
.theme-gold-2027 .counter-pill {
    background: var(--brand-gradient-bar) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.35) !important;
}
.theme-gold-2027 .progress-bar,
.theme-gold-2027 .quota-progress .progress-bar {
    background: var(--brand-gradient-bar) !important;
}
.theme-gold-2027 .badge.bg-primary {
    background: var(--brand-primary) !important;
}
.theme-gold-2027 .text-primary {
    color: var(--brand-dark) !important;
}
.theme-gold-2027 .alert-primary,
.theme-gold-2027 .alert-info {
    background: var(--brand-cream) !important;
    border-color: var(--brand-border) !important;
    color: var(--brand-ink) !important;
}
.theme-gold-2027 .alert-enhanced.alert-primary,
.theme-gold-2027 .equal-note {
    background: rgba(20, 184, 166, 0.12) !important;
    border: 1px solid var(--brand-border);
    color: var(--brand-ink) !important;
}

.theme-gold-2027 .major-card {
    border: 1px solid var(--brand-border) !important;
    background: #fff !important;
    border-radius: 1rem;
}
.theme-gold-2027 .major-card.selected {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.3) !important;
    background: linear-gradient(180deg, #fff 0%, #ecfeff 100%) !important;
}
.theme-gold-2027 .major-item:hover,
.theme-gold-2027 .major-item.selected {
    border-color: var(--brand-mid) !important;
    background: var(--brand-cream) !important;
}
.theme-gold-2027 .sticky-bar {
    background: rgba(236, 254, 255, 0.96) !important;
    border-top: 1px solid var(--brand-border) !important;
}

.theme-gold-2027 .table thead,
.theme-gold-2027 .table-light {
    background: var(--brand-cream) !important;
    color: var(--brand-ink) !important;
}
.theme-gold-2027 a:not(.btn):not(.nav-link) {
    color: var(--brand-dark);
}

.theme-gold-2027 .quota-available {
    border-color: var(--brand-primary) !important;
}
.theme-gold-2027 .quota-available:hover {
    box-shadow: 0 8px 20px var(--brand-shadow) !important;
}
.theme-gold-2027 .doc-item.complete {
    background: rgba(20, 184, 166, 0.12) !important;
}

.theme-gold-2027 .form-control:focus,
.theme-gold-2027 .form-select:focus,
.theme-gold-2027 .major-select-dropdown:focus {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(20, 184, 166, 0.25) !important;
}

/* GLOBAL FORCE — ทั้งระบบ */
body {
    font-family: "Google Sans", "Google Sans Flex", "Sarabun", "Segoe UI", sans-serif !important;
}


/* ===== FORCE Google Sans EVERYWHERE ===== */
html, body, body *:not(script):not(style):not(svg):not(path):not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad) {
    font-family: "Google Sans", "Google Sans Flex", "Sarabun", "Segoe UI", sans-serif !important;
}
i.fa, i.fas, i.far, i.fab, i.fal, i.fad,
.fa, .fas, .far, .fab, .fal, .fad,
[class^="fa-"], [class*=" fa-"] {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 5 Free", "Font Awesome 5 Brands" !important;
}