/*
Theme Name: IndexTienda Modern
Author: Indexdesign
Author URI: https://www.indexdesign.com.ar/
Project: Indextienda
Project URI: https://www.indextienda.com.ar/
Description: Sub-theme visual de estilo moderno desarrollado para Indextienda.
Sub-Theme Type: Visual Style Layer
Version: 1.0.0
Last Updated: 2026-04-03
Last Modified By: @claudioif
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Página Producto  */
/********************/


/* Título del producto */
.woocommerce div.product div.summary h1 {
  margin-bottom: var(--titulo-margin-bottom, 10px);
  font-size: var(--titulo-font-size, 32px);
  line-height: var(--titulo-line-height, 36px);
  font-weight: var(--titulo-font-weight, 500);
  color: var(--titulo-color, inherit);
}


/*
* Línea debajo del título de producto con animación:
* Se muestra y se anima por defecto.
* Para ocultarla, definir: --linea-debajo-titulo-visible: none;
* Para desactivar solo la animación, definir: --linea-debajo-titulo-animacion: none;
* Requiere que la animación 'lineaExpand' esté disponible (en effects.css).
*/
.woocommerce div.product div.summary h1:after {
  content: var(--linea-debajo-titulo-visible, "");
  display: block;
  width: var(--linea-debajo-titulo-width, 50px);
  height: var(--linea-debajo-titulo-height, 2px);
  margin-top: var(--linea-debajo-titulo-margin-top, 10px);
  border-radius: var(--linea-debajo-titulo-radius, 15px);
  background-color: var(--color-primario);
  transform-origin: left;
  transform: scaleX(1);
  animation: var(--linea-debajo-titulo-animacion, expand-x 0.6s ease-out forwards);
}

/** Bloque de Etiquetas **/

/* Categoría*/
.product_meta .posted_in a{
    color: var(--color-primario)!important;
}

.product_meta .posted_in a:hover{
    text-decoration: none !important; color: #333!important;
}

/* SKU */
.sku{
    font-weight:600;
}

/*
 * Precio:
 * variables:
 * --precio-font:     600 30px/34px 'Poppins', sans-serif;      // Peso, tamaño, alto de línea y familia tipográfica
 * --precio-margin:   10px 0 5px 0;                              // Margen (top right bottom left)
 * --precio-padding:  0 0 20px 0;                                // Padding (top right bottom left)
 * --precio-color:    #cc0000;                                   // Color del texto
 */
 .woocommerce div.product div.summary > .price {
    position: relative;
    font-weight: var(--precio-font-weight, 400);
    font-size: var(--precio-font-size, 28px);
    line-height: var(--precio-line-height, 30px);
    margin: var(--precio-margin, 0 0 0 0);
    padding: var(--precio-padding, 0 0 15px 0);
    color: var(--precio-color);
  }

/*
 * Precio Tachado:
 * variables:
 * --color-precio-tachado:        #8c8c8c;     // Color del texto tachado
 * --precio-tachado-font-size:    18px;        // Tamaño de fuente
 * --precio-tachado-font-weight:  400;         // Peso de fuente
 * --precio-tachado-display:      block;       // Formato visual: block (abajo) o inline (al lado)
 */
.product .summary.entry-summary .price del {
  color: var(--color-precio-tachado, #8c8c8c) !important;
  font-size: var(--precio-tachado-font-size, 18px);
  font-weight: var(--precio-tachado-font-weight, 400);
  display: var(--precio-tachado-display, inline);
}

/* Precio con Descuento */	
.product .summary.entry-summary .price ins{
	color: var(--color-precio-descuento, #333);
}	


/* Descripción Corta: Contenedor 

@media only screen and (min-width: 768px) {
.woocommerce div.product div.summary {margin-left: 30px!important;}
}
@media only screen and (max-width: 767px) {
.woocommerce div.product div.summary {margin-left: -25px;}
}

*/	

/* Descripción Corta: Bullets */	

.woocommerce-product-details__short-description ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.woocommerce-product-details__short-description li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 0;
}

.woocommerce-product-details__short-description li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background: var(--color-primario);
  border-radius: 50%;
}

.woocommerce-product-details__short-description li::after {
  content: "\f007";
  font-family: 'icomoon-the7-font';
  font-size: 7px;
  line-height: 14px;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
}


/* Categorías           */
/************************/

/*
 * Recuadro del Producto (vista de categoría):
 * variables:
 * --categoria-recuadro-radius:  0;                             // Bordes redondeados
 * --categoria-recuadro-shadow:  0 2px 10px rgba(0, 0, 0, 0.1); // Sombra del contenedor
 */
.dt-css-grid .wf-cell {
  height: auto;
  background-color: #fff;
  border-radius: var(--categoria-recuadro-radius, 0);
  box-shadow: var(--categoria-recuadro-shadow, 0 2px 10px rgba(0, 0, 0, 0.1));
}


/*
 * Bloque de precio en categoría:
 * variables:
 * --categoria-precio-margin:     0 0 0 0;         // Margen del bloque
 * --categoria-precio-padding:    10px 0 0 0;   // Relleno interno
 * --categoria-precio-font-size:  18px;            // Tamaño del texto
 */
.woocom-list-content .price {
  position: relative;
  text-align: center;
  margin: var(--categoria-precio-margin, 0 0 0 0);
  padding: var(--categoria-precio-padding, 10px 0 0 0);
  font-size: var(--categoria-precio-font-size, 18px);
  border: none; /* Elimina bordes anteriores */
}

/*
 * Líneas decorativas del bloque de precio:
 * variables:
 * --categoria-precio-linea-ancho:   80%;         // Ancho de la línea
 * --categoria-precio-linea-alto:    1px;         // Grosor
 * --categoria-precio-linea-color:   #e2e2e2;     // Color
 * --categoria-precio-linea-margin:  10px auto;   // Separación vertical + centrado
 */
.woocom-list-content .price::before,
.woocom-list-content .price::after {
  content: "";
  display: block;
  width: var(--categoria-precio-linea-ancho, 80%);
  height: var(--categoria-precio-linea-alto, 1px);
  background-color: var(--categoria-precio-linea-color, #e2e2e2);
  margin: var(--categoria-precio-linea-margin, 10px auto);
}

/*
 * Categoría - Precio tachado (texto y línea):
 * variables:
 * --categoria-precio-tachado-color:       #8c8c8c;
 * --categoria-precio-tachado-font-size:   14px;
 * --categoria-precio-tachado-font-weight: 400;
 */

.woocommerce.archive del .woocommerce-Price-amount.amount * {
  color: var(--categoria-precio-tachado-color, #8c8c8c) !important;
  font-size: var(--categoria-precio-tachado-font-size, 14px);
  font-weight: var(--categoria-precio-tachado-font-weight, 400);
}

.woocommerce.archive .woocom-list-content .price del,
.woocommerce.archive .woocom-list-content del {
  color: var(--categoria-precio-tachado-color, #8c8c8c) !important;
  font-size: var(--categoria-precio-tachado-font-size, 14px);
  font-weight: var(--categoria-precio-tachado-font-weight, 400);
}


/*
 * Categoría - Precio con Descuento:
 * variables:
 * --categoria-precio-descuento-color:     #333;     // Color del precio actual
 */
.related-product > li .price ins {
  color: var(--categoria-precio-descuento-color, #333);
}


/*
 * Espaciado del botón "Agregar al carrito" (vista de categoría):
 * variables:
 * --categoria-espaciado-boton-carrito: 15px 0 25px 0;  // Padding arriba/abajo del botón
 */
.cart-btn-below-img .woo-buttons,
.wc-layout-list .woo-buttons {
  padding: var(--categoria-espaciado-boton-carrito, 15px 0 25px 0);
}

/*
 * Margen inferior de la grilla de productos (vista de categoría):
 * variables:
 * --categoria-grilla-margin-bottom: 40px;  // Espacio debajo de la grilla principal
 */
.wc-grid.resize-by-browser-width .dt-css-grid {
  margin-bottom: var(--categoria-grilla-margin-bottom, 40px);
}


/* Carrousel y Productos Relacionados  */
/***************************************/

/*
 * Carrusel de productos:
 * variables:
 * --carousel-height:     580px;                 // Altura del carrusel
 * --carousel-item-height:570px;                 // Altura de cada ítem por defecto
 * --carousel-item-bg:    #fff;                  // Fondo del ítem
 * --carousel-item-radius:0;                     // Bordes redondeados del ítem
 * --carousel-item-shadow:0 2px 2px rgba(0,0,0,0.1); // Sombra del ítem
 */
.owl-carousel.products-carousel-shortcode.dt-owl-carousel-call
  .owl-stage-outer.owl-height {
  height: var(--carousel-height, 580px) !important;
}
.owl-carousel.owl-drag .dt-owl-item {
  height: var(--carousel-item-height, 570px);
  background-color: var(--carousel-item-bg, #fff);
  border-radius: var(--carousel-item-radius, 0) !important;
  box-shadow: var(--carousel-item-shadow, none);
}

/* Estilos específicos por tipo */
.owl-carousel.owl-drag.noborder .dt-owl-item {
  height: var(--carousel-noborder-item-height, 600px) !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.owl-carousel.owl-drag.categorias .dt-owl-item {
  height: var(--carousel-categoria-item-height, 480px) !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.owl-carousel.owl-drag.destacados .dt-owl-item {
  height: var(--carousel-destacados-item-height, 590px) !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 768px) {
  .owl-carousel.owl-drag.destacados .dt-owl-item {
    height: var(--carousel-destacados-item-height-mobile, 480px) !important;
  }
}