/* 
 * Custom Brand Stylesheet - Pavna International School visual identity
 * Theme Override for Edukate Premium
 */

/* 1. Typography & Global Settings */
body {
    font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif !important;
    background-color: #fdfcfb !important;
    color: #1a202c !important;
}

h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6,
.section-title, .page-title, .hero-title, .banner-title {
    font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif !important;
    color: #201a5b !important;
    font-weight: 700;
}

/* 2. Color Variables Override */
:root {
    --bs-primary: #201a5b !important;
    --bs-secondary: #f48120 !important;
    --bs-success: #ffca05 !important;
    --bs-info: #00b7dd !important;
    --bs-light: #fdfcfb !important;
    --bs-dark: #231f20 !important;
    --bs-body-bg: #fdfcfb !important;
    --bs-body-color: #1a202c !important;
    
    --color-brand-navy: #201a5b;
    --color-brand-orange: #f48120;
    --color-brand-dark-orange: #e06e10;
    --color-brand-yellow: #ffca05;
    --color-brand-sky: #00b7dd;
    --color-brand-black: #231f20;
}

/* 3. Header & Navigation Menu */
.top-bar.bg-secondary {
    background-color: #201a5b !important; /* Top bar matches Pavna Navy Blue */
}

.top-bar .social-link a,
.top-bar .contact-info a {
    color: rgba(255, 255, 255, 0.8) !important;
    transition: color 0.3s ease;
}

.top-bar .social-link a:hover,
.top-bar .contact-info a:hover {
    color: #f48120 !important; /* Transitions to brand orange */
}

.main-header {
    background-color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.site-header.header-overlay {
    position: relative !important;
    background-color: #ffffff !important;
}

.navbar-nav .nav-link,
.main-nav .nav-link,
.menu-item a {
    font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    color: #201a5b !important;
    padding: 1rem 0.75rem !important;
    transition: color 0.3s ease !important;
}

.navbar-nav .nav-link:hover,
.main-nav .nav-link:hover,
.menu-item a:hover,
.navbar-nav .nav-link.active,
.navbar-nav .show > .nav-link {
    color: #f48120 !important; /* Brand Orange */
}

/* 4. Buttons Styling */
/* Primary Buttons (e.g., Apply Now / enroll button) */
.btn-primary,
.btn-1,
.cta-button,
.hero-btn,
.enroll-btn,
.extra-cell .support-menu .btn {
    background-color: #f48120 !important; /* Orange background */
    border-color: #f48120 !important;
    color: #ffffff !important;
    font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    padding: 10px 24px !important;
    border-radius: 4px !important; /* Rounded 4px */
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}

.btn-primary:hover,
.btn-1:hover,
.cta-button:hover,
.hero-btn:hover,
.enroll-btn:hover,
.extra-cell .support-menu .btn:hover {
    background-color: #e06e10 !important; /* Darker orange */
    border-color: #e06e10 !important;
    box-shadow: 0 4px 10px rgba(244, 129, 32, 0.3) !important;
    transform: translateY(-1px);
}

/* Secondary CTA / Enquiry Buttons (Pill shaped Yellow) */
.btn-secondary,
.btn-2,
.btn-warning,
.enquiry-btn {
    background-color: #ffca05 !important; /* Yellow background */
    border-color: #ffca05 !important;
    color: #201a5b !important; /* Navy text */
    font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    padding: 10px 28px !important;
    border-radius: 24px !important; /* Pill shaped */
    transition: all 0.3s ease !important;
}

.btn-secondary:hover,
.btn-2:hover,
.btn-warning:hover,
.enquiry-btn:hover {
    background-color: #ffffff !important;
    border-color: #201a5b !important;
    color: #201a5b !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08) !important;
}

/* 5. Footer & Widgets */
.site-footer {
    background-color: #201a5b !important; /* Dark Navy footer bg */
    color: rgba(255, 255, 255, 0.7) !important;
}

.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, 
.site-footer .footer-title, .site-footer .widget-title {
    color: #ffffff !important;
    border-bottom: 2px solid #f48120;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

/* Footer Category Link Color Hovers */
/* Categorized hovers: orange, sky-blue, yellow */
.site-footer a {
    color: rgba(255, 255, 255, 0.7) !important;
    transition: color 0.3s ease !important;
}

/* School/General footer links hover orange */
.site-footer .footer-widget ul li a:hover,
.site-footer .footer-widget a:hover {
    color: #f48120 !important;
}

/* Academic specific footer sections hover Sky Blue */
.site-footer .academic-links ul li a:hover,
.site-footer .footer-widget-academics a:hover {
    color: #00b7dd !important;
}

/* Admission specific footer sections hover Yellow */
.site-footer .admission-links ul li a:hover,
.site-footer .footer-widget-admissions a:hover {
    color: #ffca05 !important;
}

/* 6. Footer Social Media Icons */
.site-footer .social-link {
    display: flex;
    gap: 12px;
    padding: 0;
    list-style: none;
}

.site-footer .social-link li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important; /* Circular */
    background-color: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #e2e8f0 !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Individual Brand Colored Hovers with bounce transition */
.site-footer .social-link li a:hover {
    color: #ffffff !important;
    transform: translateY(-4px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.site-footer .social-link li a[href*="facebook"]:hover {
    background-color: #1877F2 !important;
    border-color: #1877F2 !important;
}

.site-footer .social-link li a[href*="instagram"]:hover {
    background-color: #E4405F !important;
    border-color: #E4405F !important;
}

.site-footer .social-link li a[href*="youtube"]:hover {
    background-color: #FF0000 !important;
    border-color: #FF0000 !important;
}

.site-footer .social-link li a[href*="linkedin"]:hover {
    background-color: #0A66C2 !important;
    border-color: #0A66C2 !important;
}

.site-footer .social-link li a[href*="twitter"]:hover,
.site-footer .social-link li a[href*="x.com"]:hover {
    background-color: #000000 !important;
    border-color: #333333 !important;
}

/* 7. Section Spacings & Highlights */
.section-head .badge-title {
    background-color: rgba(32, 26, 91, 0.08) !important;
    color: #201a5b !important;
    border: 1px solid #201a5b !important;
}

.bg-effect::after {
    background: conic-gradient(from 180deg at 50% 50%, #201a5b 0deg, #f48120 360deg) !important;
}

.about-feature .icon-wrapper {
    background-color: rgba(32, 26, 91, 0.08) !important;
}

.about-feature .icon-wrapper i {
    color: #201a5b !important;
}

.icon-bx.icon-primary {
    background-color: #201a5b !important;
    border-color: #201a5b !important;
    color: #ffffff !important;
}

/* Swiper / Carousel custom active dots styling */
.swiper-pagination-bullet-active {
    background-color: #f48120 !important;
    width: 20px !important;
    border-radius: 4px !important;
}

.swiper-pagination-bullet {
    background-color: rgba(255, 255, 255, 0.6) !important;
    transition: all 0.3s ease;
}