/* Mobile spacing fixes */

/* Fix navbar dropdowns */
.navbar-nav .dropdown-menu {
    position: static;
    float: none;
    border: none;
    padding-left: 1.5rem;
    margin: 0;
    background-color: transparent;
}

.dropdown-submenu > .dropdown-menu {
    display: none;
}

.dropdown-submenu.show > .dropdown-menu {
    display: block;
}

.dropdown-submenu > .dropdown-toggle:after {
    display: inline-block;
    margin-left: 0.5em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
}

.dropdown-submenu.show > .dropdown-toggle:after {
    transform: rotate(90deg);
}

/* Fix spacing on all pages */
.store-header {
    padding-top: 76px;
    margin-top: 0;
}

/* Ensure proper section spacing on desktop */
@media (min-width: 992px) {
    body {
        padding-top: 0 !important;
    }
    
    .hero-section {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    /* Ensure proper flow between sections */
    section {
        position: relative;
        z-index: 2;
    }
    
    /* Reset any positioning from other styles */
    .hero-fullscreen {
        overflow: visible;
    }
}

.product-breadcrumb {
    margin-top: 20px;
}

/* Ensure no extra padding at top of body */
body {
    padding-top: 56px;
}

/* Fix navbar height and positioning */
.navbar {
    height: 56px;
}

/* Fix dropdown menu positioning */
@media (max-width: 991.98px) {
    .navbar-collapse {
        position: absolute;
        top: 56px;
        left: 0;
        right: 0;
        z-index: 1029;
        background: linear-gradient(to right, #1a1a1a, #2c2c2c);
        padding: 1rem;
        border-radius: 0 0 15px 15px;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    }

    .dropdown-menu {
        display: none;
    }

    .dropdown.show > .dropdown-menu,
    .dropdown-submenu.show > .dropdown-menu {
        display: block;
    }
}

/* Fix for product page top spacing */
.container.py-4.mt-3 {
    margin-top: 1.5rem !important;
    padding-top: 1rem !important;
}

/* Fix for 404 page top spacing */
.container.py-5.mt-5 {
    margin-top: 1rem !important;
    padding-top: 2rem !important;
}