/* Print styles */
@media print {
    header { position: relative !important; }
    header nav, header button, #mobileToggle, #mobileMenu, .dropdown-panel { display: none !important; }
    header .shrink-0 { display: block !important; }
    .hero-slide, .stats-bar-bg, #heroPrev, #heroNext { display: none !important; }
}

/* Scrollbar hide */
.scrollbar-hide {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

/* Smooth scroll */
html {
    scroll-behavior: smooth;
}

/* Heading font */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto Sans Display', sans-serif;
    color: #101D40;
}

/* Link styles - no underline on hover, color change instead */
a {
    text-decoration: none;
    transition: color 0.2s ease;
}

/* Mobile menu transition */
#mobileMenu {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
#mobileMenu.open {
    max-height: 500px;
    opacity: 1;
}

/* Dropdown menus */
.mega-dropdown {
    display: none;
}
.mega-dropdown.open {
    display: block;
}

/* Nav active underline */
.nav-btn.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 12px;
    right: 12px;
    height: 3px;
    background-color: #0660EF;
}

/* Chevron rotation */
.nav-btn.active .chevron-icon {
    transform: rotate(180deg);
}
.chevron-icon {
    transition: transform 0.2s ease;
}

/* Hero slider */
.hero-slide {
    transition: opacity 0.7s ease-in-out;
}

/* Count up - initial state */
.count-number {
    font-variant-numeric: tabular-nums;
}

/* SDG tile hover */
.sdg-tile {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.sdg-tile:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}

/* Card hover - title color change */
.card-hover:hover .card-title {
    color: #0660EF !important;
}

/* Newsletter/Certificates card overlay */
.card-overlay {
    background: linear-gradient(135deg, rgba(12,35,64,0.92) 0%, rgba(12,35,64,0.75) 100%);
}

/* Hero gradient */
.hero-gradient {
    background: linear-gradient(90deg, rgba(12,35,64,0.88) 0%, rgba(12,35,64,0.55) 55%, rgba(12,35,64,0.1) 100%);
}

/* Stats bar bg */
.stats-bar-bg {
    background: rgba(12,35,64,0.6);
    backdrop-filter: blur(8px);
}

/* Publication gradient placeholder */
.pub-gradient {
    background: linear-gradient(135deg, #E0F2FF, #B3D9FF);
}