/*
 Theme Name:   Franklin Square Child
 Template:     franklin-square
 Author:       USJ 
 Description:  A child theme for the Franklin Square parent theme
 Version:      3.0
*/

/* --- 1. HEADER & NAV BACKGROUND --- */
header, nav.navbar, .navbar.navbar-expand-lg, .navbar-collapse {
    background-color: #645b58 !important;
    background-image: none !important;
}

/* --- 2. MAKE NAVBAR FULL WIDTH --- */
@media (min-width: 992px) {
    /* Target every possible container to force the bar to the edges */
    header .container, 
    header .container-fluid,
    nav.navbar .container,
    .cally-container,
    .navbar-expand-lg > .container { 
        max-width: 98% !important; 
        width: 98% !important;
        display: flex !important;
    }

    #navbarTogglerDemo03 .navbar-nav {
        width: 100% !important;
        justify-content: flex-end !important;
        flex-wrap: nowrap !important;
    }
}

/* --- 3. SUB-MENU ASSIGNMENTS (UPDATED IDs) --- */

/* 3.1 Basic Sub-menu Styling */
.navbar-nav .sub-menu {
    background-color: rgba(100, 91, 88, 0.92) !important; 
    backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    padding: 15px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

@media (min-width: 992px) {
    /* 3.2 TWO COLUMNS: Conditions (8294) and Procedures (8400) */
    li#menu-item-8294:hover > .sub-menu, 
    li#menu-item-8400:hover > .sub-menu {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        min-width: 820px !important;
        left: -350px !important; /* Adjust if menu falls off screen */
        gap: 0px 40px !important;
    }

    /* 3.3 ONE COLUMN: Symptoms (8774) and Media/Others */
    li#menu-item-8774:hover > .sub-menu,
    li.menu-item-has-children:not(#menu-item-8294):not(#menu-item-8400):hover > .sub-menu {
        display: block !important;
        min-width: 250px !important;
        left: 0 !important;
    }
}

/* 3.4 Sub-menu Text Cleanup */
.navbar-nav .sub-menu li a {
    color: #ffffff !important;
    font-size: 14px !important; /* <--- CHANGE THIS NUMBER */
    padding: 4px 10px !important;
    line-height: 1.5 !important;
    white-space: normal !important;
}
/* Hover effect */
.navbar-nav .sub-menu li a:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}
/* --- TARGET PHONE NUMBER (ID 8848) --- */
li#menu-item-8848 a.nav-link {
    font-size: 18px !important; /* Makes it larger than the rest of the nav */
    font-weight: 700 !important; /* Makes it extra bold */
    color: #ffffff !important;
    letter-spacing: 0.5px !important; /* Improves readability */
    padding-left: 20px !important; /* Adds a bit of space between it and Contact Us */
}

/* Optional: Subtle hover effect for the phone number */
li#menu-item-8848 a.nav-link:hover {
    color: #d1cbc9 !important; /* Light gray hover */
    text-decoration: none !important;
}
/* --- FOOTER CUSTOMIZATION --- */
footer, 
.footer-section, 
.site-footer, 
#colophon {
    background-color: #645b58 !important; /* Matches your nav bar */
    color: #ffffff !important; /* Ensures text stays white */
}

/* Ensure any bottom-bar or copyright area also matches */
.footer-bottom, .copyright-area {
    background-color: #4a4442 !important; /* Slightly darker shade for contrast */
}