/* ================================================
   Escáner Automotriz Rojas - CSS Personalizado
   ================================================ */

:root {
  --rojo: #D91E18;
  --rojo-oscuro: #A01010;
  --negro: #0A0A0A;
  --gris-medio: #2A2A2A;
  --gris-texto: #999;
  --blanco: #F5F5F5;
  --dorado: #C9A84C;
}

/* Fondos */
.hero-rojas { background: #0A0A0A !important; }
body { height: 100%; background: #f7f7f7 !important; }
html { height: 100%; }
#page.openshop-site { min-height: calc(100vh - 50px); }
.woocommerce #page,
.woocommerce-page #page { background: #f7f7f7 !important; }

/* Ocultar secciones */
.thunk-category-slide-section { display: none !important; }
.thunk-product-slide-section { display: none !important; }
.open-shop-footer { display: none !important; }
.woocommerce-shipping-destination + .woocommerce-shipping-destination { display: none !important; }
.page-content .primary-content-area { min-height: unset !important; }

/* Menú categorías */
.below-header { z-index: 99999 !important; position: relative !important; }
.menu-category-list { z-index: 99999 !important; position: relative !important; }
.menu-category-list:hover .product-cat-list { display: block !important; }
.product-cat-list { z-index: 99999 !important; }
.cat-item { position: relative; }
.cat-item:hover > .children { display: block !important; }
.children {
  position: absolute;
  left: 100%;
  top: 0;
  background: #fff;
  min-width: 200px;
  box-shadow: 2px 2px 8px rgba(0,0,0,0.15);
  z-index: 99999;
}
.woocommerce-page .below-header { z-index: 99999 !important; position: relative !important; }
.woocommerce-page .menu-category-list { z-index: 99999 !important; position: relative !important; }
.woocommerce-page .product-cat-list { z-index: 99999 !important; }
.woocommerce-page .cat-item:hover > .children { display: block !important; }
.woocommerce-page .children {
  position: absolute;
  left: 100%;
  top: 0;
  background: #fff;
  min-width: 200px;
  box-shadow: 2px 2px 8px rgba(0,0,0,0.15);
  z-index: 99999;
}

/* Layout */
.main-area { position: static !important; z-index: auto !important; overflow: visible !important; }
#sidebar-primary { position: static !important; z-index: auto !important; }