/* Header menu skin (WoodMart). Scoped to the header so footer / content menus are untouched. */
.whb-header{--rgm-b:#1769b0;--rgm-b-rgb:23,105,176;--rgm-bd:#0f4f8a;--rgm-n:#0b3557;--rgm-o:var(--rg-o,#db6600);--rgm-o-rgb:var(--rg-o-rgb,219,102,0);--rgm-ol:var(--rg-ol,#ff8a1f);--rgm-g:var(--rg-gd,#ffd23f);--rgm-g-rgb:var(--rg-gd-rgb,255,210,63)}

/* ---- top bar items ---- */
.whb-header .wd-nav>li>a,.whb-header .wd-nav-main>li>a{font-family:'Sora','Inter',sans-serif !important;font-weight:800 !important;font-size:12.5px !important;letter-spacing:.03em;transition:color .16s}
.whb-header .wd-nav>li:hover>a,.whb-header .wd-nav>li.wd-opener-open>a,.whb-header .wd-nav>li.current-menu-item>a{color:var(--rgm-g) !important}
.whb-header .wd-nav-main>li>a:hover .nav-link-text,.whb-header .wd-nav>li:hover>a .nav-link-text{color:var(--rgm-g) !important}

/* ---- dropdown card (small + mega) ---- */
.whb-header .wd-dropdown-menu,.whb-header .wd-dropdown.wd-design-default,.whb-header .wd-dropdown.wd-design-full-width,.whb-header .wd-dropdown.wd-design-sized{border:0 !important;border-radius:0 0 18px 18px !important;background:#fff !important;box-shadow:0 22px 44px rgba(11,53,87,.22) !important}
.whb-header .wd-dropdown.wd-design-default{border-radius:14px !important;padding:8px !important}
.whb-header .wd-dropdown-menu:before,.whb-header .wd-dropdown.wd-design-full-width:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--rgm-g),var(--rgm-o) 50%,var(--rgm-b));z-index:1;pointer-events:none}

/* ---- links ---- */
.whb-header .wd-sub-menu li{margin:0}
.whb-header .wd-sub-menu>li>a,.whb-header .wd-dropdown .sub-sub-menu li a,.whb-header .wd-dropdown-menu .wd-sub-menu li a{display:flex;align-items:center;gap:8px;padding:9px 14px !important;border-radius:10px;font:600 14px/1.35 'Inter',sans-serif !important;color:#1c2a3d !important;text-transform:none !important;letter-spacing:0;transition:background .15s,color .15s,padding-left .15s}
.whb-header .wd-sub-menu>li>a:hover,.whb-header .wd-sub-menu li a:hover{background:#f1f7ff !important;color:var(--rgm-b) !important;padding-left:19px !important}
.whb-header .wd-sub-menu li.current-menu-item>a{background:#fff8e6;color:var(--rgm-o) !important}

/* mega menu columns: breathing room and a column title look */
.whb-header .wd-dropdown-menu .container{padding-top:10px;padding-bottom:14px}
.whb-header .wd-dropdown-menu .wd-sub-menu{margin:0;padding:0}
.whb-header .wd-dropdown-menu .wd-sub-menu>li>a .nav-link-text{white-space:normal}
.whb-header .wd-dropdown h2,.whb-header .wd-dropdown h3,.whb-header .wd-dropdown h4,.whb-header .wd-dropdown .title,.whb-header .wd-dropdown-menu .wd-sub-menu>li.menu-item-has-children>a.woodmart-nav-link{font-family:'Sora','Inter',sans-serif !important;font-weight:800 !important;color:var(--rgm-n) !important;letter-spacing:-.01em}
.whb-header .wd-dropdown h2,.whb-header .wd-dropdown h3{margin:6px 0 12px;padding:0 0 10px;border-bottom:2px solid rgba(var(--rgm-b-rgb),.14);font-size:19px !important}

/* ---- labels: HOT / NEW / POPULAR / WITH KEY sit inline after the text ---- */
.whb-header .menu-label{position:static !important;transform:none !important;inset:auto !important;display:inline-flex;align-items:center;margin:0 0 0 8px !important;padding:3px 8px !important;border-radius:999px !important;font:800 9px/1 'Inter',sans-serif !important;letter-spacing:.07em;text-transform:uppercase;color:#fff !important;background:var(--rgm-b) !important;white-space:nowrap;box-shadow:none !important;vertical-align:middle}
.whb-header .menu-label:before,.whb-header .menu-label:after{display:none !important}
.whb-header .menu-label-hot,.whb-header .menu-label.menu-label-sale{background:linear-gradient(135deg,var(--rgm-ol),var(--rgm-o)) !important}
.whb-header .menu-label-new{background:linear-gradient(135deg,#43b02a,#2c8a17) !important}
.whb-header .menu-label-popular{background:linear-gradient(135deg,var(--rgm-g),#f5b301) !important;color:#4a2c00 !important}
.whb-header .wd-nav-main>li>a .menu-label{margin-left:6px !important}

/* ---- small screens: keep the dropdown readable ---- */
@media(max-width:1024px){.whb-header .wd-dropdown-menu{border-radius:0 0 14px 14px !important}}

/* ================= v2.16.0: more attractive ================= */
/* top bar: soft pill behind the hovered / open item */
.whb-header .wd-nav-main>li>a{border-radius:10px;transition:background .16s,color .16s}
.whb-header .wd-nav-main>li:hover>a,.whb-header .wd-nav-main>li.wd-opener-open>a{background:rgba(255,255,255,.09)}

/* mega panel: soft tinted background with a warm glow, not flat white */
.whb-header .wd-dropdown-menu.wd-design-full-width,.whb-header .wd-dropdown-menu.wd-design-sized{background:linear-gradient(180deg,#fff 0,#f6faff 100%) !important}
.whb-header .wd-dropdown-menu.wd-design-full-width:after{content:"";position:absolute;right:0;bottom:0;width:380px;height:280px;background:radial-gradient(circle,rgba(var(--rgm-g-rgb),.22),transparent 70%);pointer-events:none}
.whb-header .wd-dropdown-menu .container{position:relative;z-index:1}

/* heading with an accent bar */
.whb-header .wd-dropdown h2,.whb-header .wd-dropdown h3{position:relative;padding-left:16px;border-bottom:1px solid rgba(var(--rgm-b-rgb),.14)}
.whb-header .wd-dropdown h2:before,.whb-header .wd-dropdown h3:before{content:"";position:absolute;left:0;top:3px;bottom:13px;width:5px;border-radius:5px;background:linear-gradient(180deg,var(--rgm-g),var(--rgm-o))}

/* items: bullet dot, pill hover with a gold edge */
.whb-header .wd-dropdown-menu .wd-sub-menu>li>a{position:relative;padding:8px 12px 8px 26px !important;border-radius:10px;border:1px solid transparent;font-weight:600 !important}
.whb-header .wd-dropdown-menu .wd-sub-menu>li>a:before{content:"";position:absolute;left:11px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:rgba(var(--rgm-b-rgb),.35);transition:background .15s,transform .15s,box-shadow .15s}
.whb-header .wd-dropdown-menu .wd-sub-menu>li>a:hover{background:#fff !important;border-color:rgba(var(--rgm-o-rgb),.35);color:var(--rgm-o) !important;padding-left:26px !important;transform:translateX(3px);box-shadow:0 6px 16px rgba(var(--rgm-b-rgb),.12)}
.whb-header .wd-dropdown-menu .wd-sub-menu>li>a:hover:before{background:var(--rgm-o);transform:scale(1.5);box-shadow:0 0 0 4px rgba(var(--rgm-o-rgb),.18)}
/* small dropdowns (Exclusive Deals) */
.whb-header .wd-dropdown.wd-design-default .wd-sub-menu>li>a{padding-left:26px !important}

/* labels by text (set by menu.js) */
.whb-header .rgm-l-hot{background:linear-gradient(135deg,var(--rgm-ol),var(--rgm-o)) !important;box-shadow:0 3px 8px rgba(var(--rgm-o-rgb),.35) !important}
.whb-header .rgm-l-new{background:linear-gradient(135deg,#43b02a,#2c8a17) !important;box-shadow:0 3px 8px rgba(44,138,23,.3) !important}
.whb-header .rgm-l-popular{background:linear-gradient(135deg,var(--rgm-g),#f5b301) !important;color:#4a2c00 !important;box-shadow:0 3px 8px rgba(245,179,1,.35) !important}
.whb-header .rgm-l-with-key,.whb-header .rgm-l-key{background:linear-gradient(135deg,#1c2a3d,#0b3557) !important}
.whb-header .rgm-l-hot:before{content:"\1F525";display:inline !important;margin-right:3px;font-size:9px}

/* ===== v2.17.0 warm balance ===== */
.whb-header .wd-dropdown-menu.wd-design-full-width,.whb-header .wd-dropdown-menu.wd-design-sized{background:linear-gradient(180deg,#fff 0,#fffaf0 100%) !important}
.whb-header .wd-dropdown h2,.whb-header .wd-dropdown h3{border-bottom-color:rgba(var(--rgm-g-rgb),.7)}
.whb-header .wd-dropdown-menu .wd-sub-menu>li>a:before{background:rgba(var(--rgm-o-rgb),.45)}
.whb-header .wd-sub-menu>li>a:hover,.whb-header .wd-sub-menu li a:hover{background:#fff3d1 !important;color:var(--rgm-o) !important}
.whb-header .wd-dropdown-menu .wd-sub-menu>li>a:hover{background:#fff !important}
.whb-header .wd-nav-main>li:hover>a,.whb-header .wd-nav-main>li.wd-opener-open>a{background:rgba(var(--rgm-g-rgb),.14)}

/* top menu bar: deep navy with a warm gold/orange edge instead of flat blue */
.whb-header .whb-header-bottom,.whb-header .whb-header-bottom .whb-row{background:linear-gradient(135deg,#082b48 0%,#0b3557 55%,#12466f 100%) !important;border-bottom:0 !important}
.whb-header .whb-header-bottom{box-shadow:inset 0 -3px 0 var(--rgm-g),0 6px 16px rgba(var(--rgm-o-rgb),.14)}
.whb-header .whb-header-bottom:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--rgm-g),var(--rgm-o) 50%,var(--rgm-g));pointer-events:none}

/* ===== phones / tablets: slide-in mobile menu + bottom toolbar + chat bubble ===== */
.mobile-nav .wd-nav-mobile>li>a,.mobile-nav .wd-nav-mobile li a{font-family:'Sora','Inter',sans-serif !important;font-weight:800 !important;font-size:14.5px !important;letter-spacing:.02em;color:#0b3557 !important;transition:background .15s,color .15s}
.mobile-nav .wd-nav-mobile>li>a{padding-top:15px !important;padding-bottom:15px !important}
.mobile-nav .wd-nav-mobile li a:before,.mobile-nav .wd-nav-mobile li a .wd-nav-icon{color:var(--rg-o,#db6600) !important}
.mobile-nav .wd-nav-mobile li a:hover,.mobile-nav .wd-nav-mobile li:active>a,.mobile-nav .wd-nav-mobile li.current-menu-item>a{background:#fff3d1 !important;color:var(--rg-o,#db6600) !important}
.mobile-nav .wd-nav-mobile li{border-color:rgba(var(--rg-gd-rgb,255,210,63),.45) !important}
.mobile-nav .wd-nav-mobile .wd-nav-opener{color:var(--rg-o,#db6600) !important}
.mobile-nav .wd-nav-mob-tab>li{background:#fffaf0 !important}
.mobile-nav .wd-nav-mob-tab>li>a{font-family:'Sora','Inter',sans-serif !important;font-weight:800 !important;font-size:12.5px !important;letter-spacing:.04em;color:#0b3557 !important}
.mobile-nav .wd-nav-mob-tab>li.wd-active{background:#fff3d1 !important}
.mobile-nav .wd-nav-mob-tab>li.wd-active>a{color:var(--rg-o,#db6600) !important;box-shadow:inset 0 -3px 0 var(--rg-o,#db6600)}
.mobile-nav{box-shadow:0 0 40px rgba(11,53,87,.3)}
.mobile-nav .wd-nav-mobile>li:last-child>a{background:linear-gradient(135deg,var(--rg-o,#db6600),var(--rg-ol,#ff8a1f)) !important;color:#fff !important}
.mobile-nav .wd-nav-mobile>li:last-child>a:before{color:#fff !important}

/* bottom toolbar: Home / My account / WhatsApp */
.wd-toolbar{border-top:3px solid var(--rg-gd,#ffd23f) !important;box-shadow:0 -8px 22px rgba(11,53,87,.12) !important}
.wd-toolbar .wd-toolbar-label{font-family:'Sora','Inter',sans-serif !important;font-weight:800 !important;font-size:11px !important}
.wd-toolbar .wd-toolbar-item:hover,.wd-toolbar .wd-toolbar-item.wd-active{color:var(--rg-o,#db6600) !important}

/* keep the chat bubble above the bottom toolbar so it does not cover "WhatsApp" */
@media(max-width:1024px){
 body:has(.wd-toolbar) .chaty-widget,body:has(.wd-toolbar) [id^="chaty-widget"]{bottom:78px !important}
}