/*
 Theme Name:   Bam Child
 Theme URI:    https://main-theme-website.com/
 Description:  Bam Child Theme
 Author:       Your Name
 Author URI:   https://your-website.com
 Template:     bam
 Version:      1.0.0
 License:      GPL v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  bam-child
*/

/* Compact Design Overrides */

/* Reduce Site Content Padding */
.site-content {
    padding: 20px 0;
}

/* Reduce Post Spacing */
.bam-entry {
    margin-bottom: 30px;
}

/* Reduce Widget Spacing */
.widget {
    margin: 0 0 30px;
}

/* Reduce Inner Padding for Separate Containers */
body.separate-containers .blog-entry-inner,
body.separate-containers.single .site-main,
body.separate-containers.page .site-main {
    padding: 15px;
}

/* Reduce Sidebar Widget Padding */
body.separate-containers #secondary .widget {
    padding: 15px;
}

/* Reduce Heading Margins */
h1 {
    margin: 0.3em 0;
}

h2 {
    margin: 0.4em 0;
}

h3 {
    margin: 0.5em 0;
}

/* Compact Widget Titles */
.widget-title {
    margin: 0 0 10px;
    font-size: 1.1rem;
}

/* -------------------------------------------------------------------------- */
/* Vogue India Inspired Menu (Overrides) */
/* -------------------------------------------------------------------------- */

/* 1. Main Navigation Container - White Background */
.site-header.default-style .main-navigation,
.site-header.horizontal-style #site-header-inner-wrap,
.site-header.horizontal-style .main-navigation {
    background: #ffffff !important;
    border-bottom: 1px solid #eeeeee;
}

/* 2. Top Level Menu Items - Black Text */
.main-navigation ul li a,
.site-header.default-style .main-navigation ul li a,
.site-header.horizontal-style .main-navigation ul li a {
    color: #000000 !important;
    font-weight: 700;
    /* Make it bold like Vogue */
    text-transform: uppercase;
}

/* 3. Hover State - Red Accent */
.main-navigation ul li a:hover,
.site-header.default-style .main-navigation ul li a:hover,
.site-header.horizontal-style .main-navigation ul li a:hover,
.main-navigation .current-menu-item>a,
.site-header.default-style .main-navigation .current-menu-item>a {
    color: #e3000f !important;
    /* Vogue Red */
    background: transparent !important;
    /* Remove dark bg if any */
}

/* 4. Dropdown Menus - White Background, Black Text */
.main-navigation ul ul,
.site-header.default-style .main-navigation ul ul,
.site-header.horizontal-style .main-navigation ul ul {
    background: #ffffff !important;
    border: 1px solid #eeeeee;
    /* Light border definition */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    /* Subtle shadow, not heavy */
}

.main-navigation ul ul li a,
.site-header.default-style .main-navigation ul ul li a,
.site-header.horizontal-style .main-navigation ul ul li a {
    color: #000000 !important;
    border-bottom: 1px solid #f9f9f9;
    /* Subtle separator */
}

.main-navigation ul ul li a:hover,
.site-header.default-style .main-navigation ul ul li a:hover,
.site-header.horizontal-style .main-navigation ul ul li a:hover {
    color: #e3000f !important;
    background: #fdfdfd !important;
    /* Very slight grey on hover */
}

/* 5. Mobile Menu - Ensure Visibility */
.mobile-navigation {
    background: #ffffff !important;
    border-bottom: 1px solid #eeeeee;
}

.mobile-navigation ul li a {
    color: #000000 !important;
    border-bottom: 1px solid #f1f1f1;
}

/* Mobile Toggle Button color */
.menu-toggle,
.menu-toggle i.fas {
    color: #000000 !important;
}

/* 6. Site Title/Logo adjustments for white background */
.site-title a {
    color: #000000 !important;
}

.site-description {
    color: #333333 !important;
}

/* 7. Search Icon */
.bam-search-button-icon {
    color: #000000 !important;
}

/* -------------------------------------------------------------------------- */
/* Sticky Menu Implementation */
/* -------------------------------------------------------------------------- */
/* Apply sticky to the main header container so it sticks within the body/page */
.site-header {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 0;
    z-index: 9999;
    width: 100%;
    background: #ffffff;
    /* Ensure background is white so content doesn't show through */
}

/* Ensure admin bar doesn't cover it if logged in */
body.admin-bar .site-header {
    top: 32px;
}

@media screen and (max-width: 782px) {

    body.admin-bar .site-header {
        top: 46px;
    }
}