/* ================= GLOBAL STYLES ================= */
body {
    font-family: 'Inter', sans-serif;
    color: #4a4a4a;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
    color: #2b3a4a; 
}

.navbar-brand {
    font-family: 'Playfair Display', serif;
    color: #2b3a4a;
    transition: all 0.3s ease;
}

.navbar-brand:hover {
    color: #AE644B !important;
}

.navbar-brand:hover span:last-child {
    color: #AE644B !important;
}

/* Updated Brand Colors based on Instagram */
.text-brand-pink {
    color: #AE644B !important; /* Terracotta */
}

.bg-brand-light {
    background-color: #F5EFEB !important; /* Warm Beige Background */
}

.bg-brand-pink {
    background-color: #AE644B !important; /* Terracotta Background */
}

/* ================= BUTTONS ================= */
.btn-brand-pink {
    background-color: #AE644B;
    color: white;
    border-radius: 50px; 
    padding: 10px 28px;
    font-weight: 500;
    transition: all 0.3s ease;
    border: 2px solid #AE644B;
}

.btn-brand-pink:hover {
    background-color: #8F513C; /* Darker Terracotta for hover */
    border-color: #8F513C;
    color: white;
}

.btn-outline-brand {
    border: 2px solid #AE644B;
    color: #AE644B;
    border-radius: 50px;
    padding: 8px 28px;
    font-weight: 500;
    transition: all 0.3s ease;
    background: transparent;
}

.btn-outline-brand:hover {
    background-color: #AE644B;
    color: white;
}

.nav-item .nav-link:hover {
    color: #AE644B !important;
}


/* ================= HERO SPECIFIC ================= */
.hero-image {
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* ================= CARDS & PROGRAMS ================= */
.program-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.program-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.1) !important;
}

/* Overlapping Icon for Program Cards */
.card-icon-overlap {
    width: 60px; 
    height: 60px; 
    margin-top: -55px; 
    position: relative; 
    z-index: 1; 
    border: 4px solid #F5EFEB; /* Updated to match new bg-brand-light */
}
/* ================= TESTIMONIALS ================= */
.bg-brand-pink {
    background-color: #AE644B !important;
}

/* ================= FOOTER & SOCIALS ================= */
.footer-link {
    transition: color 0.2s ease;
}

.footer-link:hover {
    color: #AE644B !important;
}

.social-icon {
    transition: all 0.2s ease;
}

.social-icon:hover {
    background-color: #AE644B !important;
    color: white !important;
}

/* ================= SOCIAL BUTTONS ================= */
#bottom-cta .btn-outline-light:hover {
    color: #AE644B !important; 
}


#bottom-cta .btn-light:hover {
    background-color: #ebebeb !important;
}

#back-button:hover {
    color: #8F513C !important; /* Darker Terracotta for active state */
}