/**
* Theme Name: Goldsmith Child
* Theme URI:  http://ninetheme.com/
* Description: This is a child theme of Goldsmith.
* Author: <a href="http://ninetheme.com/about">Ninetheme</a>
* Author URI: http://ninetheme.com/about
* Template: goldsmith
* Version: 1.4.5
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tested up to: 6.5
* Requires PHP: 7.4
* Tags: custom-colors, custom-menu, editor-style, featured-images, post-formats, threaded-comments, translation-ready
* Copyright: ninetheme.com
*/
/* code for product image slider */


/* code for testing the sticky header code */

@media only screen and (max-width: 1280px) {
    .has-sticky-header .goldsmith-header-mobile-top {
        position: fixed;
        margin-top: 32px !important;
    }
}
/* end of the code for sticky header code */

/* ============================================================
   FORCE FULL-WIDTH DESKTOP MENU AT 1024px RESOLUTION
   Override WoodMart breakpoints - Dagina By Trupti
   ============================================================ */

@media (min-width: 1024px) and (max-width: 1199px) {

    /* 1. SHOW the desktop/main navigation menu */
    .whb-col-mobile,
    .whb-mobile-left,
    .whb-mobile-right,
    .whb-mobile-center,
    .whb-hidden-lg,
    .main-nav .menu-opener,
    .header-mobile-nav,
    .wd-header-mobile-nav,
    .mobile-nav,
    .wd-burger-icon,
    .wd-tools-element.wd-header-nav-mobile {
        display: none !important;
    }

    /* 2. SHOW main desktop header navigation */
    .whb-col-desktop,
    .whb-visible-lg,
    .site-navigation,
    .main-nav,
    .wd-nav-main,
    .wd-header-nav-desktop,
    .header-main-nav,
    .whb-general-header .site-navigation {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* 3. Ensure the menu UL itself displays inline */
    .main-nav > ul,
    .wd-nav,
    .menu-main-menu-container > ul,
    ul.wd-nav-main,
    .site-navigation ul.menu {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 4. Menu items inline, not stacked */
    .main-nav > ul > li,
    .wd-nav > li,
    .site-navigation ul.menu > li {
        display: inline-flex !important;
        float: none !important;
        width: auto !important;
        position: relative !important;
    }

    /* 5. Hide hamburger/burger icon at 1024px */
    .wd-header-burger,
    .wd-burger-opener,
    .whb-burger,
    .wd-tools-element[data-type="burger"] {
        display: none !important;
    }

    /* 6. Make header full width with proper spacing */
    .whb-row,
    .whb-main-header,
    .whb-general-header,
    .site-header {
        width: 100% !important;
        max-width: 100% !important;
    }

    .whb-column.whb-col-center,
    .whb-column {
        flex: 1 1 auto !important;
    }

    /* 7. Mega menu / dropdown positioning at this width */
    .wd-dropdown-menu,
    .sub-menu,
    .menu-item .sub-menu {
        display: none;
    }

    .menu-item:hover > .sub-menu,
    .menu-item:hover > .wd-dropdown-menu {
        display: block !important;
    }

    /* 8. Font size adjustment so menu fits at 1024px */
    .main-nav .menu-item > a,
    .wd-nav > li > a {
        font-size: 13px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        letter-spacing: 0 !important;
    }
}

/* ============================================================
   EXTEND: keep desktop menu visible from 1024px upward
   (covers 1024px and above, overriding any 1025px+ gates)
   ============================================================ */
@media (min-width: 1024px) {

    /* Force desktop menu visible */
    .whb-col-desktop .site-navigation,
    .whb-general-header .main-nav,
    .wd-header-nav-desktop,
    header .main-nav {
        display: flex !important;
    }

    /* Force mobile controls hidden */
    .wd-header-mobile-nav,
    .wd-header-burger,
    .whb-mobile-header,
    .mobile-nav-opener {
        display: none !important;
    }

    /* Body-level class WoodMart sometimes toggles */
    body.wd-mobile-menu-open .whb-main-header,
    body .whb-general-header {
        display: block !important;
    }
}

/* ============================================================
   Safety net: override inline styles / JS-applied hides
   ============================================================ */
@media (min-width: 1024px) {
    .site-navigation[style*="display: none"],
    .main-nav[style*="display: none"],
    .wd-nav-main[style*="display: none"] {
        display: flex !important;
    }
}

/* 100% working mobile css */
/* Target tablet/small desktop resolutions where the menu overlaps */

/* Target 1024px resolution specifically */
@media (min-width: 1024px) and (max-width: 1200px) {
    /* Using parent container classes for maximum specificity */
    .main-navigation ul.menu li.daginamegamenu,
    .main-navigation .menu-item.daginamegamenu {
        width: 140px !important;
        min-width: 140px !important;
        max-width: 140px !important;
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    /* Ensure the main container allows them to sit side-by-side */
    .main-navigation ul.menu {
        display: flex !important;
        justify-content: center !important;
        flex-wrap: nowrap !important;
    }

    /* Reduce font size slightly if items still wrap to a second line */
    .main-navigation ul.menu li.daginamegamenu > a {
        font-size: 13px !important; 
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}
/* 100% working mobile css */