/* ===== MOBILE MENU ===== */
@media (max-width: 991px) {
  .mobile-search{
    display: flex !important;
  }
  .main-nav {
    position: fixed;
    top: 0;
    left: -400px;
    width: 280px;
    height: 100%;
    background: #fff;
    overflow-y: auto;
    transition: left 0.3s ease;
    z-index: 9999;
    padding: 20px;
    display: block;
  }

  .main-nav.open {
    left: 0;
    margin-left: 0px;
  }

  .menu {
    list-style: none;
    padding: 0;
    display: block !important; /* 🔴 CLAVE */
    width: 100%;
  }
  
  .menu li {
    border-bottom: 1px solid #eee;
     display: block;
    width: 100%;
  }
  .icon-bars:before {
    content: '\f131';
    color: #fff;
}
  .menu li a {
    display: block;
    padding: 10px;
    color: #777;
    width: 100%;
  }
.header-5 .menu > li:hover > a, .header-5 .menu > li:focus > a, .header-5 .menu > li.active > a {
    color: #d4af37;
}
  .header-5 .wishlist-link:not(:hover):not(:focus), .header-5 .search-toggle:not(:hover):not(:focus):not(.active), .header-5 .mobile-menu-toggler, .header-5 .wishlist-link:not(:hover):not(:focus), .header-5 .menu > li:not(:hover):not(.active):not(.show) > a, .header-5 .mobile-menu-toggler {
    color: #333;
    }
  /* Submenu oculto */
  .menu ul {
    display: none;
    padding-left: 15px;
  }

  .menu li.open > ul {
    display: block;
  }
}
/*

header.header.header-5 {
    background: #333;
    
}

.content {
    padding: 8em 2em 2em 2em;
}
button#edit-submit {
    height: 2.9em;
    padding-top: 0px; 
    margin: 0px;
}*/

/* SOLO cuando NO es la home */
body:not(.path-frontpage) .header.header-5 {
  background: #333;
}

body:not(.path-frontpage) .content {
  padding: 8em 2em 2em 2em;
}

body:not(.path-frontpage) #edit-submit {
  height: 2.9em;
  margin: 0;
}

body.menu-open::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 9998;
}
h2 {
    font-size: 3rem;
}
h2.title-seatch {
    font-size: 2rem;
}

#spinner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  justify-content: center; /* horizontal */
  align-items: center;     /* vertical */
  background: url('../images/spinner-loading.gif') no-repeat center center #000000;

  opacity: 1;
  visibility: visible;

  transition: opacity 0.5s ease, visibility 0.5s ease;
}

/* Estado oculto */
#spinner.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none; 
}

/* Cuando el usuario está logueado */
.header-5.user-logged {
  top: 14%;
}

.product-badge {
    position: absolute;
    top: 15px;
    right: 0;
    background: #d4af37 !important;
    color: #fff;
    font-weight: bold;
    padding: 6px 18px 6px 14px;
    font-size: 14px;
    line-height: 1;
    z-index: 10;
    clip-path: polygon(10px 0,100% 0,100% 100%,10px 100%,0 50%);
}

.icon-rocket:before {
    content: '\f2df';
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "molla";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-refresh:before {
    content: '\e813';
}

.icon-life-ring:before {
    content: '\e803';
}
@media (max-width: 991px) {
section.row.region.region-footer-second {
    padding: 0em 2em;
}
.col-sm-12.col-lg-3.logo-dev {
    margin-bottom: 2em;
}
}
header.header.header-5.header-inner.menuinter {
    margin-top: 0px;
}

/*filter custom*/
/* ==========================
   SIDEBAR FILTROS
========================== */

.sidebar-shop .widget{
    border-bottom:1px solid #ebebeb;
    padding:1rem 0;
}

.sidebar-shop .widget-title{
    margin:0;
    font-size:16px;
    font-weight:600;
}

.sidebar-shop .widget-title a{
    display:block;
    position:relative;
    color:#333;
    text-decoration:none;
    padding-right:20px;
}

.sidebar-shop .widget-title a:after{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    transition:.3s;
}



.sidebar-shop .widget-body{
    padding-top:15px;
}

.sidebar-shop .filter-items{
    display:flex;
    flex-direction:column;
    gap:12px;
}


/* ==========================
   LIMPIAR BOOTSTRAP DRUPAL
========================== */

.sidebar-shop .checkbox{
    margin:0;
}

.sidebar-shop .form-checkboxes{
    display:flex;
    flex-direction:column;
    gap:12px;
}


/* ==========================
   ALINEACIÓN CHECKBOX
========================== */

.sidebar-shop .form-check{
    display:flex !important;
    align-items:center !important;
    gap:10px;

    margin:0 !important;
    padding-left:0 !important;
    min-height:auto;
}


/* Bootstrap mueve los switch */
.sidebar-shop .form-switch .form-check-input{
    margin-left:0 !important;
    margin-top:0 !important;
}


/* checkbox */
.sidebar-shop .form-check-input{
    position:relative;
    top:0;
    margin:0 !important;
    flex-shrink:0;
}


/* texto */
.sidebar-shop .form-check-label{
    margin:0;
    line-height:1.3;
}


/* Drupal mete espacios extra */
.sidebar-shop .mb-3{
    margin-bottom:0 !important;
}


/* hover */
.sidebar-shop .form-check:hover label{
    color:#c96;
    cursor:pointer;
}