/* VALT Entrepreneurship Theme — Purple + Gold */

/* --- GLOBAL TYPOGRAPHY --- */
body { color: #444; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6 { color: #1a1a2e !important; letter-spacing: -0.02em; }
p { color: #555 !important; line-height: 1.8 !important; }
.section-title h1 { color: #351141 !important; }
.banner-content h1 { color: #fff !important; text-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.banner-content p { color: rgba(255,255,255,0.9) !important; }
.footer-area h4, .footer-area p, .footer-area a { color: rgba(255,255,255,0.85) !important; }
.single-footer-widget h4 { color: #fff !important; }
.about-content h1, .about-content a { color: #fff !important; }

/* --- TEXT ON DARK BACKGROUNDS --- */
.generic-banner h1, .generic-banner p, .generic-banner a { color: #fff !important; }
.cta-two-area h1, .cta-two-area p { color: #fff !important; }

/* --- HEADER & NAVIGATION --- */
#header { background-color: #351141 !important; }
#header.header-scrolled { background-color: rgba(53,17,65,.97) !important; box-shadow: 0 2px 20px rgba(0,0,0,0.18) !important; }
.main-menu { border-bottom: 1px solid rgba(255,255,255,0.08) !important; }
.nav-menu a { font-weight: 600 !important; font-size: 13px !important; letter-spacing: 0.5px !important; color: rgba(255,255,255,0.85) !important; }
.nav-menu li:hover > a, .nav-menu ul li:hover > a,
.nav-menu li.menu-active > a { color: #C9A84C !important; }
#mobile-nav ul .menu-item-active { color: #C9A84C !important; }

/* --- HERO BANNER BACKGROUNDS --- */
.banner-area {
    background-color: #351141 !important;
    background-image: url('../img/Entrepre/entre4.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.contact-banner { background-image: url('../img/cta-bg.jpg') !important; background-position: center !important; }
.banner-area .overlay-bg { background: linear-gradient(135deg, rgba(53,17,65,.85), rgba(53,17,65,.7)) !important; }

/* --- PRIMARY BUTTONS --- */
.primary-btn {
    background: linear-gradient(135deg, #351141, #5a1a8a) !important;
    border-radius: 8px !important;
    padding: 14px 32px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 4px 15px rgba(53,17,65,0.35) !important;
    transition: all 0.3s ease !important;
    border: 2px solid transparent !important;
    color: #fff !important;
}
.primary-btn:hover {
    background: linear-gradient(135deg, #C9A84C, #b8962e) !important;
    box-shadow: 0 6px 25px rgba(201,168,76,0.45) !important;
    transform: translateY(-2px);
    color: #fff !important;
}
.banner-content .primary-btn {
    background: linear-gradient(135deg, #C9A84C, #b8962e) !important;
    padding: 16px 40px !important;
    font-size: 15px !important;
}
.banner-content .primary-btn:hover {
    background: #fff !important;
    color: #351141 !important;
}

.genric-btn.primary { background: linear-gradient(135deg, #351141, #5a1a8a) !important; border-color: transparent !important; box-shadow: 0 4px 15px rgba(53,17,65,0.3) !important; }
.genric-btn.primary:hover { color: #351141 !important; border-color: #351141 !important; background: #fff !important; }
.genric-btn.primary-border { color: #351141 !important; border-color: #351141 !important; border-radius: 8px !important; }
.genric-btn.primary-border:hover { background: #351141 !important; color: #fff !important; }

/* --- SECTION BACKGROUNDS --- */
.review-area, .contact-page-area { background: #FAF7F2 !important; }

/* --- CTA AREAS --- */
.cta-two-area { background: linear-gradient(135deg, #351141, #5a1a8a) !important; }
.generic-banner { background: linear-gradient(135deg, #351141, #5a1a8a) !important; }

/* --- SECTION TITLE UNDERLINE --- */
.section-title h1::after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: linear-gradient(135deg, #C9A84C, #b8962e);
    margin: 15px auto 0;
    border-radius: 2px;
}

/* --- CARDS & HOVER ACCENTS --- */
.single-popular-carusel {
    border-radius: 12px !important;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0,0,0,0.06) !important;
    transition: all 0.3s ease !important;
}
.single-popular-carusel:hover { box-shadow: 0 10px 35px rgba(53,17,65,0.15) !important; transform: translateY(-4px); }
.single-popular-carusel .details h4:hover { color: #351141 !important; }

/* --- CONTACT PAGE --- */
.contact-page-area .address-wrap .single-contact-address .lnr { color: #351141 !important; }
.contact-page-area .form-area input,
.contact-page-area .form-area textarea { border-radius: 8px !important; border: 1px solid #e0e0e0 !important; transition: border-color 0.3s ease !important; }
.contact-page-area .form-area input:focus,
.contact-page-area .form-area textarea:focus { border-color: #C9A84C !important; box-shadow: 0 0 0 2px rgba(201,168,76,0.15) !important; }

/* --- FOOTER --- */
.footer-area { background-color: #1a0a2e !important; }
.single-footer-widget ul li a:hover { color: #C9A84C !important; }
.footer-bottom .footer-social a:hover { background-color: #C9A84C !important; transform: translateY(-3px); }
.footer-bottom .footer-text { color: rgba(255,255,255,0.6) !important; }
.footer-bottom .lnr, .footer-bottom a { color: #C9A84C !important; }

/* --- FLOAT CONTACT ICONS --- */
.float-contact {
    position: fixed;
    bottom: 30px;
    right: 25px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.float-contact a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 22px;
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.25);
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    text-decoration: none;
}
.float-contact a:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,0.3); }
.float-contact .float-whatsapp { background: #25D366; }
.float-contact .float-email { background: #351141; }

/* --- MOBILE TAGLINE --- */
.mobile-tagline { display: none; }
@media (max-width: 960px) {
    .mobile-tagline {
        display: block;
        color: #C9A84C !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        letter-spacing: 1.5px !important;
        text-transform: uppercase !important;
        font-family: 'Poppins', sans-serif !important;
        flex: 1;
        padding: 0 10px;
        text-align: center;
    }
}

/* --- NAV APPLY BUTTON --- */
.nav-register-btn {
    background: #C9A84C !important;
    color: #fff !important;
    padding: 8px 20px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    transition: background 0.2s !important;
}
.nav-register-btn:hover { background: #b8962e !important; color: #fff !important; }

/* --- SMOOTH TRANSITIONS --- */
a { transition: color 0.3s ease !important; }
a:hover { color: #351141; }

/* --- PROGRAMME CARDS (custom, used on index + courses pages) --- */
.e-card {
    background: #fff;
    border-radius: 14px;
    padding: 36px 28px;
    text-align: center;
    box-shadow: 0 8px 28px rgba(53,17,65,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    border: 2px solid transparent;
    height: 100%;
}
.e-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(53,17,65,0.15);
    border-color: #C9A84C;
}
.e-card .e-icon {
    font-size: 2.6rem;
    color: #351141;
    margin-bottom: 18px;
}
.e-card h3 {
    color: #351141 !important;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 12px;
}
.e-card p { color: #555 !important; line-height: 1.65 !important; font-size: 0.92rem; margin: 0; }
