/*
 Theme Name:    Electro Child
 Theme URI:     https://themeforest.net/item/electro-electronics-store-woocommerce-theme/15720624
 Description:   This is the child theme of Electro
 Author:        MadrasThemes
 Author URI:    https://madrasthemes.com/
 Template:      electro
 Version:       3.3.13
 License:       GNU General Public License v2 or later
 License URI:   http://www.gnu.org/licenses/gpl-2.0.html
 Tags:          light, dark, two-columns, right-sidebar, responsive-layout
 Text Domain:   electro-child
*/



span.price_from {
    font-size: 1.1em;
}

p.wckalkulator-price {
    display: inline-block;
    padding-right: 10px;
    font-size: 30px;
}
.pi-edd {
    width: fit-content;
    padding-left: 1em;
    padding-right: 1em;
}
.owl-item>.product .loop-product-categories, .products>.product .loop-product-categories {
    display: none;
}
p.woocommerce-shipping-destination {
    display: none;
}
.header-v1 .masthead {
    padding: 10px 0 10px;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
    line-height: normal;
}
.pi-edd {
    font-size: 18px;
}
tr#pi-overall-estimate-cart {
    color: white;
    background-color: green;
    text-align: center;
    margin-top: 10% !important;
}
.pi-edd-icon {
    width: 50px;
}
.category-icons-carousel-v2>div, .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 98%;
}

.electro-animate-dropdown.animated-dropdown .dropdown a[data-hover=dropdown]+.dropdown-menu {
   
    top: 50px!important;
 }
a.woocommerce-button.button.order-again {
    margin-bottom: 0;
}
@media (min-width: 1480px) {
    .category-icons-carousel-v2>div, .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl
Specificity: (0,1,0)
 {
        max-width: 90% !important;
    }
}
.mas-iva {
    font-size: 0.6em;
    color: #666;
    font-style: italic;
}
/* Tarjetas con fondo y borde para columnas WPBakery (también dentro de Static Blocks) */
.wpb_column.tarjeta-borde > .vc_column-inner {
  background: #F3DFC8;
	border-radius: 10px;
  box-shadow: none;
	padding: 20px;
}
a.button.checkout.wc-forward {
    padding: 10px;
}
button#seopress-user-consent-accept {
    background-color: #ff5116;
    color: white;
    border-color: white;
}
.bloque_borde_naranja {
    border: 2px solid;
    border-color: #ff5116;
    border-radius: 10px;
    padding: 10px;
	  margin: 10px;
}
.electro-navbar-primary .nav>.menu-item+.menu-item>a, .home-mobile-v2-features-block .features-list .feature+.feature .media {
    border-left-color: #ff5116;
    font-size: 1.2em;
}
a.dropdown-toggle {
    font-size: 1.2em !important;
}
.home-list-categories .category {
    content: none;
    border-right: 3px solid #ff5116;
    display: block;
    position: absolute;
    right: 0;
    height: calc(100% - 24px);
    top: 0;
}
/* FORZAR 6 columnas estables en desktop — pega en CSS adicional (se carga temprano) */
@media (min-width: 992px) {
  .stable-menu-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
  }
/* Ajustes para eliminar el movimiento residual en el menú de 6 columnas */
@media (min-width: 992px) {
  .dropdown-menu .yamm-content .stable-menu-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    /* Asegura que la fila tenga una altura mínima para evitar saltos */
    min-height: 200px !important; /* Ajusta este valor si es necesario */
  }

  .dropdown-menu .yamm-content .stable-menu-row > .vc_column_container,
  .dropdown-menu .yamm-content .stable-menu-row > [class*="vc_column"] {
    flex: 0 0 16.666667% !important;
    max-width: 16.666667% !important;
    box-sizing: border-box !important;
    min-height: 180px !important; /* Altura mínima para cada columna */
    padding: 5px !important; /* Ajusta el padding si es necesario */
  }

  .dropdown-menu .yamm-content .stable-menu-row img {
    width: 150px !important;
    height: 150px !important;
    max-width: none !important;
    display: block !important;
    margin: 0 auto 5px auto !important; /* Centra la imagen y añade un pequeño margen inferior */
  }

  .dropdown-menu .yamm-content .stable-menu-row h3 {
    min-height: 40px !important; /* Altura mínima para los títulos */
    line-height: 1.2em !important; /* Asegura una altura de línea consistente */
    margin-bottom: 5px !important;
  }

  .dropdown-menu .yamm-content .stable-menu-row p {
    min-height: 20px !important; /* Altura mínima para los párrafos */
    line-height: 1.2em !important;
  }
}
/* Móvil: columnas apiladas y centradas */
@media (max-width: 991px) {
  .dropdown-menu .yamm-content .stable-menu-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;     /* centra columnas horizontalmente */
    justify-content: flex-start !important;
    padding: 10px 16px !important;
    box-sizing: border-box !important;
  }

  .dropdown-menu .yamm-content .stable-menu-row > .vc_column_container,
  .dropdown-menu .yamm-content .stable-menu-row > [class*="vc_column"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    padding: 8px 0 !important;
  }

  .dropdown-menu .yamm-content .stable-menu-row img {
    display: block !important;
    margin: 0 auto 8px !important;
  }

  .dropdown-menu .yamm-content .stable-menu-row h3,
  .dropdown-menu .yamm-content .stable-menu-row p {
    text-align: center !important;
    margin: 0.25em 0 !important;
  }
}
/* Oculta visualmente dropdowns durante la carga para evitar FOUC,
   pero mantiene el espacio del layout (no colapsa) */
.menu-loading .dropdown-menu .yamm-content {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: none !important;
}
/* Cuando se quite la clase menu-loading, todo aparecerá normalmente */
	
	/* eliminamos titular subcategorías*/
	h2.h1 {
    display: none !important;
}
/* ===== GRID DE CATEGORÍAS EN HOME ===== */
.home ul.products {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}

.home ul.products li.product-category {
  flex: 0 0 16.666%;   /* 6 columnas en desktop */
  max-width: 16.666%;
  padding: 0 10px;
  margin-bottom: 30px;
  box-sizing: border-box;
  text-align: center;
  list-style: none;
}

/* ---- Contenedor clickable ---- */
.home ul.products li.product-category a {
  display: block;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  padding: 10px;
  transition: all 0.3s ease;
}

/* Imagen */
.home ul.products li.product-category img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Título */
.home ul.products li.product-category h2.woocommerce-loop-category__title {
  font-size: 1rem;
  font-weight: 600;
  margin: 10px 0 0;
  line-height: 1.4;
  transition: color 0.3s ease;
}

/* ---- HOVER ---- */
.home ul.products li.product-category:hover a {
  border-color: #ccc;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.home ul.products li.product-category:hover img {
  transform: scale(1.05);
  opacity: 0.9;
}

.home ul.products li.product-category:hover h2.woocommerce-loop-category__title {
  color: #d33; /* cambia este color a tu branding */
}

/* ---- RESPONSIVE ---- */
@media (max-width: 1199px) and (min-width: 768px) {
  .home ul.products li.product-category {
    flex: 0 0 25%;  /* 4 cols tablet */
    max-width: 25%;
  }
}
@media (max-width: 767px) {
  .home ul.products li.product-category {
    flex: 0 0 50%;  /* 2 cols mobile */
    max-width: 50%;
  }
}

/* Separar listado de categorías en la Home */
.home ul.products {
  margin-top: 20px; /* ajusta este valor a tu gusto */
}
/* ===== Ajuste tipografía títulos categorías ===== */

/* Estilo general (desktop) */
.home ul.products li.product-category h2.woocommerce-loop-category__title {
  font-size: 1rem; /* ~16px */
  font-weight: 600;
  line-height: 1.4;
}

/* Tablet: menos de 1199px */
@media (max-width: 1199px) {
  .home ul.products li.product-category h2.woocommerce-loop-category__title {
    font-size: 0.9rem; /* ~14.5px */
  }
}

/* Móvil: menos de 768px */
@media (max-width: 767px) {
  .home ul.products li.product-category h2.woocommerce-loop-category__title {
    font-size: 0.8rem; /* ~13px */
  }
  .sticky-single-add-to-cart-mobile .single_add_to_cart_button {
    background-color: #ff5116!important;
}
}
@media (max-width: 575.98px) {
    html body.single-product div.sticky-single-add-to-cart-mobile .single_add_to_cart_button.button.alt {
        background-color: #ff5116 !important;
        border-color: #ff5116 !important;
        color: #ffffff !important;
        background-image: none !important;
    }

    html body.single-product div.sticky-single-add-to-cart-mobile .single_add_to_cart_button.button.alt:hover {
        background-color: #e04a12 !important;
        border-color: #e04a12 !important;
        color: #ffffff !important;
    }
}
.single-product .wc-tab {
    padding: .3em;
}
@media (max-width: 575.98px) {
    .sticky-single-add-to-cart-mobile .single_add_to_cart_button {
        background-color: #ff5116 !important;
        border-color: #ff5116 !important;
        color: #fff !important;
    }
.product-loop-categories .product-category .h2, .product-loop-categories .product-category .h3, .product-loop-categories .product-category .woocommerce-loop-category__title, .product-loop-categories .product-category h2, .product-loop-categories .product-category h3 {
    margin-bottom: .9em;
}
	.product-loop-categories .product-category {
    width: 48% !important;
}
	h2.woocommerce-loop-category__title {
    font-size: 1.2em !important;
}
	li.product-category.product {
    width: 48%;
    padding: 5px;
}
	.woocommerce-loop-product__title {
    font-weight: 700;
    overflow: hidden;
    font-size: .857em;
    line-height: 1.167em;
    height: 4.5em;
    color: #0062bd;
}
}
.single-product .wc-tab {
    border-radius: 1em;
    border: 1px solid #ddd;
    padding: .3em;
}
.electro-description {
    margin-bottom: 1em;
}
.single-product .single-product-wrapper {
    margin-bottom: 1em;
}
section header .h1, section header h1 {
    display: none;
}
.home ul.products li.product-category {
        margin-bottom: 5px !important;
    }
h2.woocommerce-loop-category__title {
    min-height: 45px;
}
.electro-navbar-primary .nav>.menu-item+.menu-item>a, .home-mobile-v2-features-block .features-list .feature+.feature .media {
    border-left-color: #ff5116;
}
.electro-navbar-primary .nav>.menu-item>a {
    padding: 8px 20px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: #ff5116 !important;
    color: white !important;
}
.single_add_to_cart_button.button {
    padding: 10px 20px !important;
}
/* Añadir borde gris de 1px alrededor de TODO el bloque producto */
.page-id-34309 .product {
    border: 1px solid #ccc; /* gris claro */
    padding: 20px;          /* espacio interno para que no quede pegado */
    border-radius: 4px;     /* opcional: esquinas redondeadas */
}
.page-id-34309 .single-product .cart .quantity {
    margin-bottom: 10px !important;
}