/* Cabrera Pickups — DiMarzio-style navigation experience (draft only)
   Recreates interaction/layout language with Cabrera branding and original logo. */
:root{--cab-nav-bg:#0b0b0b;--cab-nav-panel:#111;--cab-nav-panel-2:#171717;--cab-nav-line:#2b2b2b;--cab-nav-text:#fff;--cab-nav-muted:#bdbdbd;--cab-nav-red:#e51b23;--cab-nav-h:76px}

/* Header layer and desktop finish */
#men-fixo{background:var(--cab-nav-bg)!important;position:relative;z-index:999990!important;border:0!important;box-shadow:none!important}
.is-sticky #men-fixo,#men-fixo.sticky-element-original.element-is-sticky{background:var(--cab-nav-bg)!important;z-index:999990!important;box-shadow:0 7px 22px rgba(0,0,0,.28)!important}
#men-fixo>.elementor-container{min-height:var(--cab-nav-h);transition:min-height .22s ease}
.is-sticky #men-fixo>.elementor-container{min-height:64px}
#men-fixo .wpr-logo-image img{max-height:50px;width:auto!important;object-fit:contain;filter:none!important}
@media(min-width:1025px){
#men-fixo .elementor-element-6b441f5 .wpr-nav-menu{display:flex!important;flex-wrap:nowrap!important;white-space:nowrap!important}
#men-fixo .wpr-nav-menu>.menu-item>.wpr-menu-item{font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif!important;font-size:13.5px!important;font-weight:700!important;letter-spacing:.075em!important;text-transform:uppercase!important;color:#fff!important;min-height:76px;display:flex!important;align-items:center!important;padding:0 12px!important;transition:color .18s ease,background-color .18s ease!important;position:relative}
.is-sticky #men-fixo .wpr-nav-menu>.menu-item>.wpr-menu-item{min-height:64px}
#men-fixo .wpr-nav-menu>.menu-item>.wpr-menu-item:after{display:none!important}
#men-fixo .wpr-nav-menu>.menu-item:hover>.wpr-menu-item,#men-fixo .wpr-nav-menu>.menu-item:focus-within>.wpr-menu-item,#men-fixo .wpr-nav-menu>.current-menu-item>.wpr-menu-item,#men-fixo .wpr-nav-menu>.current-menu-ancestor>.wpr-menu-item{color:#fff!important;background:var(--cab-nav-red)!important}
#men-fixo .wpr-nav-menu>.menu-item>.wpr-menu-item .wpr-sub-icon{color:#fff!important}
#men-fixo .wpr-sub-menu,#men-fixo .wpr-sub-mega-menu{background:linear-gradient(180deg,rgba(229,27,35,.9) 0%,#6a1c22 18%,#2a1216 42%,#0b0b0b 100%)!important;border:0!important;box-shadow:0 18px 38px rgba(0,0,0,.38)!important}
/* Opaque desktop mega-menu: one continuous red-to-black surface. */
#men-fixo .wpr-sub-mega-menu{background:#000 linear-gradient(180deg,var(--cab-nav-red) 0%,#c3151d 20%,#871117 45%,#400b0e 72%,#000 100%)!important;opacity:1!important;mix-blend-mode:normal!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition-property:visibility,transform!important}
#men-fixo .wpr-logo,#men-fixo .wpr-logo-image{position:relative;z-index:1000001!important;transform:translateY(-2px)}
#men-fixo .wpr-nav-menu>.wpr-mega-menu-true>.wpr-sub-mega-menu{position:fixed!important;top:75px!important;left:0!important;right:0!important;width:100vw!important;max-width:100vw!important;margin:0!important;transform:none!important;padding:0!important;z-index:999980!important}
.is-sticky #men-fixo .wpr-nav-menu>.wpr-mega-menu-true>.wpr-sub-mega-menu{top:63px!important}
body.admin-bar #men-fixo .wpr-nav-menu>.wpr-mega-menu-true>.wpr-sub-mega-menu{top:107px!important}
body.admin-bar .is-sticky #men-fixo .wpr-nav-menu>.wpr-mega-menu-true>.wpr-sub-mega-menu{top:95px!important}
#men-fixo .wpr-sub-mega-menu>.elementor{background:transparent!important}
#men-fixo .wpr-sub-mega-menu .elementor-top-section{background:transparent!important;padding:28px 32px 32px!important}
#men-fixo .wpr-sub-mega-menu .elementor-container{width:calc(100% - 48px)!important;max-width:1217px!important;margin:0 auto!important;align-items:flex-start!important}
.elementor-4260 .elementor-element.elementor-element-11c669a3,.elementor-4260 .elementor-element.elementor-element-3d6c96c,.elementor-4260 .elementor-element.elementor-element-767de61,.elementor-4260 .elementor-element.elementor-element-79236f43{align-self:flex-start!important}
.elementor-4260 .elementor-element.elementor-element-11c669a3>.elementor-widget-wrap,.elementor-4260 .elementor-element.elementor-element-3d6c96c>.elementor-widget-wrap,.elementor-4260 .elementor-element.elementor-element-767de61>.elementor-widget-wrap,.elementor-4260 .elementor-element.elementor-element-79236f43>.elementor-widget-wrap{align-content:flex-start!important;align-items:flex-start!important;padding-top:0!important;margin-top:0!important}
#men-fixo .wpr-sub-mega-menu .elementor-heading-title,#men-fixo .wpr-sub-mega-menu .elementor-heading-title a{color:#fff!important;font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif!important;font-size:15px!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important}
#men-fixo .wpr-sub-mega-menu .elementor-divider-separator{border-color:var(--cab-nav-red)!important}
#men-fixo .wpr-sub-mega-menu .wpr-page-list-item{padding:5px 0!important;margin:0!important}
#men-fixo .wpr-sub-mega-menu .wpr-page-list-item a,#men-fixo .wpr-sub-mega-menu .wpr-pl-title{color:#ece7e8!important;font-family:Arial,Helvetica,sans-serif!important;font-size:13px!important;font-weight:400!important;letter-spacing:.01em!important;transition:color .15s ease,transform .15s ease!important}
#men-fixo .wpr-sub-mega-menu .wpr-page-list-item a:hover,#men-fixo .wpr-sub-mega-menu .wpr-pl-title:hover{color:#ff6b71!important;transform:translateX(3px)}
.elementor-4260 .elementor-element.elementor-element-16919cd{display:none!important}
.elementor-4260 .elementor-element.elementor-element-11c669a3,.elementor-4260 .elementor-element.elementor-element-3d6c96c,.elementor-4260 .elementor-element.elementor-element-767de61,.elementor-4260 .elementor-element.elementor-element-79236f43{width:25%!important}
#men-fixo .wpr-sub-menu-item{font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif!important;font-size:13px!important;font-weight:600!important;letter-spacing:.045em!important;color:#f4f4f4!important;background:#211013!important;border-color:#3a1a1e!important;padding-top:13px!important;padding-bottom:13px!important;transition:background .15s ease,color .15s ease,padding-left .15s ease!important}
#men-fixo .wpr-sub-menu-item:hover{color:#fff!important;background:#321419!important;padding-left:18px!important}
#men-fixo .wpr-sub-menu-item:hover:before{content:"";display:inline-block;width:3px;height:13px;background:var(--cab-nav-red);margin-right:8px;vertical-align:-2px}
}

/* Woo content must never overpaint the sticky header */
.woocommerce-tabs,.woocommerce-tabs .tabs,.woocommerce-tabs .wc-tabs,.woocommerce-tabs .wc-tabs li{z-index:1!important}
#men-fixo,.sticky-wrapper,.is-sticky{z-index:999990!important}

/* Custom mobile header/drawer is injected with JS; hide it on desktop */
.cab-dz-mobilebar,.cab-dz-drawer,.cab-dz-backdrop{display:none}

@media(max-width:1024px){
  :root{--cab-nav-h:62px}
  body.cab-dz-menu-open{overscroll-behavior:none}

  /* On mobile/tablet the custom Cabrera bar is the only header. The original
     Elementor/sticky-plugin header is removed from the stacking context so it
     cannot fight the custom bar while scrolling on iOS/Android. */
  #men-fixo{display:none!important}
  .cab-dz-original-sticky-wrapper{display:none!important;height:0!important;min-height:0!important;overflow:hidden!important}

  .cab-dz-mobilebar{display:grid;grid-template-columns:56px 1fr 96px;align-items:center;height:62px;width:100%;background:#090909;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:999995;border-bottom:1px solid #222;box-shadow:0 4px 14px rgba(0,0,0,.18)}
  body.admin-bar .cab-dz-mobilebar{top:46px}
  .cab-dz-mobilebar button,.cab-dz-mobilebar a{appearance:none;border:0;background:transparent;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;height:62px;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .cab-dz-burger{width:56px!important;position:relative}
  .cab-dz-burger span,.cab-dz-burger:before,.cab-dz-burger:after{content:"";position:absolute;left:17px;width:23px;height:2px;background:#fff;border-radius:2px;transition:transform .22s ease,opacity .22s ease}
  .cab-dz-burger:before{top:22px}.cab-dz-burger span{top:30px}.cab-dz-burger:after{top:38px}
  .cab-dz-brand{justify-self:center;min-width:0;height:62px!important}
  .cab-dz-brand img{display:block;width:auto;max-width:154px;max-height:41px;object-fit:contain}
  .cab-dz-actions{display:flex;justify-content:flex-end;align-items:center;height:62px}
  .cab-dz-icon{width:46px!important;height:62px!important;position:relative}
  .cab-dz-icon svg{width:23px;height:23px;stroke:#fff;stroke-width:1.7;fill:none;vector-effect:non-scaling-stroke}
  .cab-dz-cart-dot{position:absolute;top:14px;right:7px;min-width:15px;height:15px;padding:0 4px;border-radius:20px;background:var(--cab-nav-red);font:700 9px/15px Arial,sans-serif;text-align:center;color:#fff}

  .cab-dz-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.52);z-index:999996;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease}
  .cab-dz-backdrop.is-open{opacity:1;visibility:visible}
  .cab-dz-drawer{display:flex;flex-direction:column;position:fixed;z-index:999997;top:0;right:0;bottom:0;width:min(92vw,430px);height:auto;max-height:none;background:#101010;color:#fff;transform:translateX(102%);visibility:hidden;transition:transform .3s cubic-bezier(.2,.75,.2,1),visibility .3s ease;box-shadow:-20px 0 50px rgba(0,0,0,.34);overflow:hidden;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
  .cab-dz-drawer.is-open{transform:translateX(0);visibility:visible}
  .cab-dz-drawer-head{height:64px;display:grid;grid-template-columns:52px 1fr 52px;align-items:center;border-bottom:1px solid #2b2b2b;background:#090909}
  .cab-dz-drawer-logo{display:flex;align-items:center;justify-content:center;height:64px}
  .cab-dz-drawer-logo img{max-width:150px;max-height:39px;width:auto;height:auto}
  .cab-dz-close,.cab-dz-drawer-head .cab-dz-spacer{width:52px;height:64px;border:0;background:transparent;color:#fff;position:relative}
  .cab-dz-close:before,.cab-dz-close:after{content:"";position:absolute;width:24px;height:2px;background:#fff;left:14px;top:31px}.cab-dz-close:before{transform:rotate(45deg)}.cab-dz-close:after{transform:rotate(-45deg)}

  .cab-dz-search{height:58px;display:grid;grid-template-columns:1fr 50px;align-items:center;border-bottom:1px solid #2a2a2a;background:#151515;padding-left:18px}
  .cab-dz-search input{width:100%;height:42px;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;font:600 14px/42px Arial,sans-serif;letter-spacing:.04em;padding:0!important;box-shadow:none!important}
  .cab-dz-search input::placeholder{color:#8b8b8b}
  .cab-dz-search button{width:50px;height:58px;border:0;background:transparent;color:#fff;display:grid;place-items:center}.cab-dz-search svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:1.8}

  .cab-dz-navviewport{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;background-color:#000}
  .cab-dz-panel{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background-color:#000;background-image:-webkit-linear-gradient(top,#e51b23 0%,#c3151d 18%,#871117 42%,#400b0e 68%,#000 100%);background-image:linear-gradient(180deg,#e51b23 0%,#c3151d 18%,#871117 42%,#400b0e 68%,#000 100%);background-repeat:no-repeat;background-size:100% 100%;transform:translateX(105%);transition:transform .28s cubic-bezier(.2,.75,.2,1);padding-bottom:20px}
  .cab-dz-panel.is-active{transform:translateX(0)}
  .cab-dz-panel.is-left{transform:translateX(-28%)}
  .cab-dz-panel-title{min-height:56px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.16);background-color:rgba(0,0,0,.18);color:#fff;font:800 13px/1.1 "Arial Narrow",Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase}
  .cab-dz-back{appearance:none;width:100%;height:54px;border:0;border-bottom:1px solid rgba(255,255,255,.14);background-color:rgba(0,0,0,.14);color:#fff;display:flex;align-items:center;gap:10px;padding:0 17px;font:700 12px/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-align:left}
  .cab-dz-back svg{width:17px;height:17px;stroke:#fff;fill:none;stroke-width:1.8}
  .cab-dz-row{min-height:58px;border-bottom:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:1fr 54px;align-items:stretch;background-color:transparent}
  .cab-dz-row.is-leaf{grid-template-columns:1fr}
  .cab-dz-row>a{display:flex;align-items:center;color:#fff!important;text-decoration:none!important;padding:0 18px;font:700 15px/1.2 "Arial Narrow",Arial,sans-serif;letter-spacing:.055em;text-transform:uppercase;min-width:0;background:transparent!important}
  .cab-dz-row>a:active{background:rgba(0,0,0,.18)!important}
  .cab-dz-next{appearance:none;border:0;border-left:1px solid rgba(255,255,255,.12);background-color:rgba(0,0,0,.08);color:#fff;display:grid;place-items:center;padding:0}
  .cab-dz-next svg{width:19px;height:19px;stroke:#fff;fill:none;stroke-width:1.8}
  .cab-dz-panel[data-depth="1"] .cab-dz-row>a{font-size:14px;font-weight:700;text-transform:none;letter-spacing:.025em}
  .cab-dz-panel[data-depth="2"] .cab-dz-row>a{font-size:13.5px;font-weight:600;text-transform:none;letter-spacing:.015em;color:#eee!important}

  .cab-dz-utility{position:relative;flex:0 0 68px;min-height:68px;background:#090909;border-top:1px solid #2b2b2b;display:grid;grid-template-columns:1fr 1fr;z-index:10}
  .cab-dz-utility a{display:flex;align-items:center;justify-content:center;gap:9px;color:#fff!important;text-decoration:none!important;font:700 11px/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;border-right:1px solid #282828}
  .cab-dz-utility a:last-child{border-right:0}.cab-dz-utility svg{width:19px;height:19px;stroke:#fff;fill:none;stroke-width:1.7}

  /* Keep WooCommerce product content in normal document flow on iOS/Safari. */
  .woocommerce-tabs,.woocommerce-tabs .tabs,.woocommerce-tabs .wc-tabs,.woocommerce-tabs .wc-tabs li{z-index:1!important}
  body.single-product .woocommerce-tabs,body.single-product .woocommerce-Tabs-panel{max-width:100%!important}
  body.single-product .woocommerce-Tabs-panel iframe,body.single-product .woocommerce-Tabs-panel video{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:16/9}
  #men-fixo{isolation:isolate!important}
}

/* Product tabs: keep every WooCommerce tab aligned on phones (iOS + Android) without changing desktop. */
@media(max-width:767px){
  body.single-product .woocommerce-tabs ul.tabs.wc-tabs{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    gap:0!important;
    margin:0 0 16px!important;
    padding:0!important;
  }
  body.single-product .woocommerce-tabs ul.tabs.wc-tabs li{
    flex:1 1 0!important;
    float:none!important;
    display:flex!important;
    align-items:stretch!important;
    min-width:0!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    top:0!important;
    bottom:auto!important;
    transform:none!important;
  }
  body.single-product .woocommerce-tabs ul.tabs.wc-tabs li a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:64px!important;
    padding:8px 6px!important;
    line-height:1.15!important;
    text-align:center!important;
    white-space:normal!important;
  }
}

@media(max-width:380px){
  .cab-dz-mobilebar{grid-template-columns:52px 1fr 88px}.cab-dz-brand img{max-width:135px}.cab-dz-icon{width:42px!important}.cab-dz-drawer{width:100vw}
}