/* Cabrera Pickups — menu/header refinement inspired by premium pickup-brand navigation.
   Draft-only until published through WPVibe. */

:root{
  --cabrera-menu-bg:#090909;
  --cabrera-menu-bg-2:#111111;
  --cabrera-menu-text:#f5f5f5;
  --cabrera-menu-muted:#b7b7b7;
  --cabrera-menu-red:#d71920;
  --cabrera-menu-line:rgba(255,255,255,.10);
}

/* Main Elementor header used on Cabrera */
#men-fixo{
  position:relative;
  z-index:999999 !important;
  background:linear-gradient(180deg,#111 0%,#090909 100%) !important;
  border-bottom:1px solid var(--cabrera-menu-line);
  box-shadow:0 8px 24px rgba(0,0,0,.16);
  transition:background .28s ease,box-shadow .28s ease,transform .28s ease;
}

#men-fixo:before{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:2px;
  background:linear-gradient(90deg,transparent 0%,var(--cabrera-menu-red) 22%,var(--cabrera-menu-red) 78%,transparent 100%);
  opacity:.68;
  pointer-events:none;
}

#men-fixo .elementor-container{
  min-height:82px;
  align-items:center;
  transition:min-height .28s ease;
}

/* Sticky plugin state: compact, still fully opaque so page content passes behind it cleanly */
.is-sticky #men-fixo,
#men-fixo.is-sticky{
  background:rgba(8,8,8,.975) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.28);
  backdrop-filter:saturate(125%) blur(9px);
  -webkit-backdrop-filter:saturate(125%) blur(9px);
}

.is-sticky #men-fixo .elementor-container,
#men-fixo.is-sticky .elementor-container{
  min-height:68px;
}

/* Brand / logo */
#men-fixo .wpr-logo-image img,
#men-fixo .wpr-logo img{
  display:block;
  width:auto !important;
  max-width:175px !important;
  max-height:52px !important;
  object-fit:contain;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.02));
  transition:max-height .28s ease,opacity .2s ease;
}

.is-sticky #men-fixo .wpr-logo-image img,
.is-sticky #men-fixo .wpr-logo img{
  max-height:44px !important;
}

/* Desktop nav typography and spacing */
#men-fixo .wpr-nav-menu-container,
#men-fixo .wpr-mega-menu-container{
  background:transparent !important;
}

#men-fixo .wpr-nav-menu > li > a.wpr-menu-item,
#men-fixo .wpr-mega-menu > li > a.wpr-menu-item{
  position:relative;
  color:var(--cabrera-menu-text) !important;
  font-family:"Barlow Condensed", "Arial Narrow", sans-serif !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:.085em !important;
  text-transform:uppercase;
  padding:31px 13px 29px !important;
  transition:color .18s ease,opacity .18s ease;
}

#men-fixo .wpr-nav-menu > li > a.wpr-menu-item:after,
#men-fixo .wpr-mega-menu > li > a.wpr-menu-item:after{
  content:"";
  position:absolute;
  left:13px;
  right:13px;
  bottom:20px;
  height:2px;
  background:var(--cabrera-menu-red);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .2s ease;
}

#men-fixo .wpr-nav-menu > li:hover > a.wpr-menu-item,
#men-fixo .wpr-nav-menu > li.current-menu-item > a.wpr-menu-item,
#men-fixo .wpr-nav-menu > li.current-menu-ancestor > a.wpr-menu-item,
#men-fixo .wpr-mega-menu > li:hover > a.wpr-menu-item{
  color:#fff !important;
}

#men-fixo .wpr-nav-menu > li:hover > a.wpr-menu-item:after,
#men-fixo .wpr-nav-menu > li.current-menu-item > a.wpr-menu-item:after,
#men-fixo .wpr-nav-menu > li.current-menu-ancestor > a.wpr-menu-item:after,
#men-fixo .wpr-mega-menu > li:hover > a.wpr-menu-item:after{
  transform:scaleX(1);
}

#men-fixo .wpr-sub-icon{
  margin-left:5px !important;
  font-size:10px !important;
  opacity:.72;
  transition:transform .18s ease,opacity .18s ease;
}

#men-fixo li:hover > a .wpr-sub-icon{
  opacity:1;
}

/* Dropdowns / submenus */
#men-fixo .wpr-sub-menu{
  min-width:240px !important;
  padding:9px 0 !important;
  background:#101010 !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-top:2px solid var(--cabrera-menu-red) !important;
  box-shadow:0 18px 40px rgba(0,0,0,.34) !important;
}

#men-fixo .wpr-sub-menu li{
  background:transparent !important;
}

#men-fixo .wpr-sub-menu a.wpr-sub-menu-item{
  color:#e8e8e8 !important;
  font-family:"Barlow", sans-serif !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1.25 !important;
  letter-spacing:.035em !important;
  padding:10px 16px !important;
  border-bottom:1px solid rgba(255,255,255,.055) !important;
  transition:background .16s ease,color .16s ease,padding-left .16s ease;
}

#men-fixo .wpr-sub-menu li:last-child > a.wpr-sub-menu-item{
  border-bottom:0 !important;
}

#men-fixo .wpr-sub-menu a.wpr-sub-menu-item:hover,
#men-fixo .wpr-sub-menu li.current-menu-item > a.wpr-sub-menu-item{
  color:#fff !important;
  background:rgba(215,25,32,.13) !important;
  padding-left:20px !important;
}

/* Header utility icons/buttons inherit a clean monochrome look */
#men-fixo a,
#men-fixo button{
  -webkit-tap-highlight-color:transparent;
}

#men-fixo i,
#men-fixo svg{
  transition:color .18s ease,fill .18s ease,stroke .18s ease,opacity .18s ease;
}

/* Product tabs and normal content must always pass BEHIND the sticky header */
.woocommerce-tabs,
.woocommerce-tabs .tabs,
.woocommerce-tabs .tabs li,
.woocommerce-tabs .tabs li a{
  z-index:1 !important;
}

/* Tablet */
@media (max-width:1024px){
  #men-fixo .elementor-container{min-height:72px;}
  #men-fixo .wpr-logo-image img,
  #men-fixo .wpr-logo img{max-width:155px !important;max-height:46px !important;}
  #men-fixo .wpr-nav-menu > li > a.wpr-menu-item,
  #men-fixo .wpr-mega-menu > li > a.wpr-menu-item{font-size:14px !important;padding-left:10px !important;padding-right:10px !important;}
}

/* Mobile: clean dark bar, large touch targets, slide/drop menu styled as a premium panel */
@media (max-width:767px){
  #men-fixo{
    background:#090909 !important;
    border-bottom:1px solid rgba(255,255,255,.09);
    box-shadow:0 6px 18px rgba(0,0,0,.22);
  }

  #men-fixo .elementor-container,
  .is-sticky #men-fixo .elementor-container{
    min-height:64px;
  }

  #men-fixo .wpr-logo-image img,
  #men-fixo .wpr-logo img,
  .is-sticky #men-fixo .wpr-logo-image img,
  .is-sticky #men-fixo .wpr-logo img{
    max-width:142px !important;
    max-height:42px !important;
  }

  /* Royal Elementor mobile trigger variations */
  #men-fixo .wpr-mobile-toggle,
  #men-fixo .wpr-mobile-menu-toggle,
  #men-fixo .wpr-menu-toggle,
  #men-fixo .wpr-hamburger{
    width:46px !important;
    height:46px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:3px !important;
    background:#111 !important;
    color:#fff !important;
    transition:background .18s ease,border-color .18s ease,transform .18s ease;
  }

  #men-fixo .wpr-mobile-toggle:hover,
  #men-fixo .wpr-mobile-menu-toggle:hover,
  #men-fixo .wpr-menu-toggle:hover,
  #men-fixo .wpr-hamburger:hover{
    background:#171717 !important;
    border-color:rgba(215,25,32,.7) !important;
  }

  /* Mobile dropdown container */
  #men-fixo .wpr-mobile-menu,
  #men-fixo .wpr-mobile-nav-menu,
  #men-fixo .wpr-nav-menu-container.wpr-mobile-menu,
  #men-fixo .wpr-mega-menu-container.wpr-mobile-menu,
  #men-fixo .wpr-nav-menu-container.wpr-mobile-menu-display-dropdown{
    background:#0b0b0b !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
    box-shadow:0 18px 34px rgba(0,0,0,.28) !important;
  }

  #men-fixo .wpr-mobile-menu .wpr-menu-item,
  #men-fixo .wpr-mobile-nav-menu .wpr-menu-item,
  #men-fixo .wpr-nav-menu .wpr-menu-item{
    color:#f4f4f4 !important;
    font-family:"Barlow Condensed", "Arial Narrow", sans-serif !important;
    font-size:16px !important;
    font-weight:600 !important;
    letter-spacing:.075em !important;
    text-transform:uppercase;
  }

  #men-fixo .wpr-mobile-menu li,
  #men-fixo .wpr-mobile-nav-menu li,
  #men-fixo .wpr-nav-menu li{
    border-color:rgba(255,255,255,.075) !important;
  }

  #men-fixo .wpr-mobile-menu .wpr-sub-menu,
  #men-fixo .wpr-mobile-nav-menu .wpr-sub-menu,
  #men-fixo .wpr-nav-menu .wpr-sub-menu{
    background:#121212 !important;
    border-top:0 !important;
    box-shadow:none !important;
  }

  #men-fixo .wpr-mobile-menu .wpr-sub-menu a,
  #men-fixo .wpr-mobile-nav-menu .wpr-sub-menu a,
  #men-fixo .wpr-nav-menu .wpr-sub-menu a{
    color:#cfcfcf !important;
    font-size:13px !important;
    text-transform:none !important;
    letter-spacing:.025em !important;
    padding-top:11px !important;
    padding-bottom:11px !important;
  }

  /* Prevent any WooCommerce tab or product UI from sitting over the fixed header */
  body.single-product .woocommerce-tabs,
  body.single-product .woocommerce-tabs .tabs,
  body.single-product .woocommerce-tabs .tabs li,
  body.single-product .woocommerce-tabs .tabs li a{
    position:relative !important;
    z-index:1 !important;
  }
}