
/* === VW menus restyle 2026-10-28 (start) === */
:root{--vwm-navy:#1B2A4A;--vwm-gold:#B08D57;--vwm-cream:#F7F3EA;--vwm-line:rgba(27,42,74,.12);}
/* Desktop top level */
@media (min-width:1025px){
#site-navigation .menu > li > a{position:relative;letter-spacing:.02em;}
#site-navigation .menu > li > a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1.5px;background:var(--vwm-gold);transform:scaleX(0);transform-origin:left;transition:transform .2s ease;}
#site-navigation .menu > li:hover > a::after,#site-navigation .menu > li:focus-within > a::after,#site-navigation .menu > li.current-menu-item > a::after{transform:scaleX(1);}
#site-navigation .dropdown-symbol svg{width:9px!important;height:9px!important;transition:transform .2s ease;}
#site-navigation .menu > li:hover > .dropdown-symbol svg,#site-navigation .menu > li:focus-within > .dropdown-symbol svg{transform:rotate(180deg);}
#site-navigation .dropdown-symbol svg path{fill:var(--vwm-gold);}
/* Panel */
#site-navigation .sub-menu{min-width:250px;width:auto!important;background:#fff!important;border:1px solid var(--vwm-line);border-top:2px solid var(--vwm-gold);border-radius:0 0 6px 6px;box-shadow:0 18px 40px -18px rgba(27,42,74,.28),0 2px 6px rgba(27,42,74,.06)!important;padding:14px 0 16px!important;margin-top:14px;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease!important;}
#site-navigation .sub-menu::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px;}
#site-navigation .menu > li:hover > .sub-menu,#site-navigation .menu > li:focus-within > .sub-menu,#site-navigation .menu > li.focus > .sub-menu{left:0!important;opacity:1!important;visibility:visible!important;transform:translateY(0)!important;transition-delay:.08s!important;}
#site-navigation .sub-menu li{padding:0!important;}
#site-navigation .sub-menu a{display:block;padding:9px 26px!important;font-size:13px!important;font-weight:600;text-transform:uppercase;letter-spacing:.13em;color:var(--vwm-navy)!important;white-space:nowrap;transition:color .18s ease,padding-left .18s ease,background-color .18s ease;}
#site-navigation .sub-menu a span,#site-navigation .sub-menu a{background-image:none;}
#site-navigation .sub-menu a:hover,#site-navigation .sub-menu a:focus-visible{color:var(--vwm-gold)!important;padding-left:32px!important;background:var(--vwm-cream);}
#site-navigation .sub-menu a:hover::before,#site-navigation .sub-menu a:focus-visible::before{opacity:1;}
#site-navigation .sub-menu a{position:relative;}
#site-navigation .sub-menu a::before{content:"";position:absolute;left:18px;top:50%;width:8px;height:1.5px;background:var(--vwm-gold);opacity:0;transition:opacity .18s ease;}
}
#site-navigation a:focus-visible,#site-navigation .dropdown-symbol:focus-visible,#site-navigation-mobile a:focus-visible,#site-navigation-mobile .dropdown-symbol:focus-visible,.woocommerce-ordering select:focus-visible{outline:2px solid var(--vwm-gold)!important;outline-offset:3px;border-radius:2px;}
/* Mobile offcanvas */
.botiga-offcanvas-menu{background:var(--vwm-cream)!important;}
#site-navigation-mobile .menu > li{border-bottom:1px solid var(--vwm-line);margin:0!important;}
#site-navigation-mobile .menu > li:first-child{border-top:1px solid var(--vwm-line);}
#site-navigation-mobile .menu > li{display:flex!important;flex-wrap:wrap;align-items:center;}
#site-navigation-mobile .menu > li > .sub-menu{flex:0 0 100%;}
#site-navigation-mobile .menu > li > a{flex:1 1 0;width:auto!important;min-width:0;display:block;padding:16px 0!important;font-size:13.5px!important;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--vwm-navy)!important;}
#site-navigation-mobile .dropdown-symbol{margin-left:auto;position:static!important;min-width:44px;min-height:44px;display:inline-flex!important;align-items:center;justify-content:flex-end;}
#site-navigation-mobile .dropdown-symbol svg{width:11px!important;height:11px!important;transition:transform .2s ease;}
#site-navigation-mobile .dropdown-symbol svg path{fill:var(--vwm-gold);}
#site-navigation-mobile li:has(> .sub-menu.toggled) > .dropdown-symbol svg{transform:rotate(180deg);}
#site-navigation-mobile .sub-menu{margin:0 0 14px 2px!important;padding:2px 0 2px 16px!important;border-left:2px solid var(--vwm-gold);}
#site-navigation-mobile .sub-menu.toggled{animation:vwmIn .2s ease both;}
#site-navigation-mobile .sub-menu li{margin:0!important;}
#site-navigation-mobile .sub-menu a{display:block;padding:10px 0!important;font-size:15px!important;color:var(--vwm-navy)!important;letter-spacing:.01em;}
#site-navigation-mobile a:hover,#site-navigation-mobile a:active{color:var(--vwm-gold)!important;}
@keyframes vwmIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* Shop sort select */
.woocommerce-ordering select.orderby{appearance:none;-webkit-appearance:none;background-color:#fff!important;border:1px solid rgba(27,42,74,.25)!important;border-radius:4px!important;padding:11px 44px 11px 16px!important;min-height:44px;font-size:12.5px!important;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--vwm-navy)!important;cursor:pointer;box-shadow:0 1px 2px rgba(27,42,74,.05);transition:border-color .18s ease,box-shadow .18s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23B08D57' stroke-width='1.6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 16px center!important;background-size:12px 8px!important;}
.woocommerce-ordering select.orderby:hover{border-color:var(--vwm-gold)!important;}
.woocommerce-ordering select.orderby:focus{border-color:var(--vwm-gold)!important;box-shadow:0 0 0 3px rgba(176,141,87,.18)!important;}
.woocommerce-ordering{position:relative;}
.woocommerce-ordering::after,.woocommerce-ordering .ws-svg-icon,.woocommerce-ordering svg{display:none!important;}
@media (prefers-reduced-motion:reduce){#site-navigation *,#site-navigation-mobile *,.woocommerce-ordering select{transition:none!important;animation:none!important;}}
/* === VW menus restyle 2026-10-28 (end) === */
