/* =========================================================
   GCDB shared navigation + footer
   ========================================================= */

/* All public navigation bars use exactly the same GCDB mark */
.navbar .logo {
    font-family:'Inter',sans-serif !important;
    font-size:28px !important;
    line-height:1 !important;
    font-weight:800 !important;
    background:none !important;
    -webkit-background-clip:initial !important;
    background-clip:initial !important;
    color:#0B3C49 !important;
    letter-spacing:0 !important;
}
.navbar .logo a {
    color:inherit !important;
    text-decoration:none !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
}
.navbar .logo i {
    color:inherit !important;
    font-size:28px !important;
    line-height:1 !important;
}

/* Dark navigation CTA buttons: text and icons must be white */
.navbar .nav-links a.btn-browse,
.navbar .nav-links a.btn-browse:link,
.navbar .nav-links a.btn-browse:visited,
.navbar .nav-links a.btn-browse:hover,
.navbar .nav-links a.btn-browse:active {
    background:#0B3C49 !important;
    color:#FFFFFF !important;
}
.navbar .nav-links a.btn-browse:hover {
    background:#0E4A5A !important;
}
.navbar .nav-links a.btn-browse *,
.navbar .nav-links a.btn-browse i {
    color:#FFFFFF !important;
}

/* Icons placed inline with labels/titles inherit the text color.
   This prevents residual pink icon colors. */
.navbar i,
.footer i,
.footer a i,
button i,
a.btn-browse i {
    color:inherit !important;
}

/* Unified footer on every page */
.footer {
    font-family:'Inter',sans-serif !important;
    background:#10262E !important;
    color:rgba(255,255,255,.78) !important;
    margin-top:28px !important;
}
.footer-content {
    max-width:1400px !important;
    margin:0 auto !important;
    padding:30px 20px 32px !important;
}
.footer-info {
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:center !important;
    gap:10px 24px !important;
    margin-bottom:12px !important;
}
.footer-info-item,
.footer-info-item span,
.footer-info-item i,
.footer-icp,
.footer-icp a,
.footer-icp span {
    font-family:'Inter',sans-serif !important;
    font-size:14px !important;
    line-height:1.6 !important;
    font-weight:400 !important;
}
.footer-info-item {
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;
    color:rgba(255,255,255,.78) !important;
}
.footer-info-item i {
    width:auto !important;
    color:inherit !important;
}
.footer-icp {
    text-align:center !important;
    color:rgba(255,255,255,.78) !important;
}
.footer-icp a {
    color:inherit !important;
    text-decoration:none !important;
}
.footer-icp a:hover {
    color:#FFFFFF !important;
}

/* Theme-consistent text on any remaining primary/dark buttons */
button.primary,
a.primary,
.login-btn,
.refresh-btn,
.search-box button,
.access-btn.primary {
    color:#FFFFFF !important;
}
button.primary i,
a.primary i,
.login-btn i,
.refresh-btn i,
.search-box button i,
.access-btn.primary i {
    color:inherit !important;
}

@media(max-width:800px) {
    .navbar .logo {
        font-size:26px !important;
    }
    .navbar .logo i {
        font-size:26px !important;
    }
    .footer-info {
        flex-direction:column !important;
        gap:6px !important;
    }
}


/* Strong consistency for dark filled controls */
.navbar .btn-browse,
.navbar .btn-browse *,
button[style*="background"],
.primary,
.primary *,
.login-btn,
.login-btn *,
.refresh-btn,
.refresh-btn * {
    color:inherit;
}
.navbar .btn-browse {
    color:#FFFFFF !important;
}

/* Footer icon fallback: avoid missing icon fonts */
.footer-info-item i {
    font-family: Arial, sans-serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    color: inherit !important;
}
.footer-info-item i.fa-envelope::before {
    content: "✉";
}
.footer-info-item i.fa-phone::before {
    content: "☎";
}
.footer-info-item i.fa-map-marker-alt::before {
    content: "⌖";
}
.footer-info-item i.fa-university::before {
    content: "◆";
}