/*
Theme Name: Luchiana-Child
Theme URI: https://parkofideas.com/luchiana/
Text Domain: luchiana-child
Description: Cosmetics and Beauty Shop Theme
License: GNU General Public License v2.0 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.2
Template: luchiana
Author: parkofideas.com
Author URI: https://parkofideas.com
Tags: right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, theme-options, translation-ready
*/


/* Theme customization starts here
-------------------------------------------------------------- */
/* Descripcion categoria nueva */
.l-section.l-section--container.l-section--top-margin.l-section--bottom-margin.c-category-description-block p {
    text-align: left;
    font-size: 14px;
    line-height: 1.875;
    font-weight: 300;
    letter-spacing: 0.015em;
    color: var(--text-color-light);
}

.subcategorias-marca-columns {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 2rem;
  padding: 1rem 0;
}

.subcategorias-marca-columns .letra-grupo {
  border-top: 2px solid #ccc;
  padding-top: 1rem;
}

.subcategorias-marca-columns .letra-separadora {
  margin: 0 0 0.5rem;
  font-size: 1.2rem;
  font-weight: bold;
  color: #444;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.25rem;
}

.subcategorias-marca-columns ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.subcategorias-marca-columns li {
  margin-bottom: 0.5rem;
}

.subcategorias-marca-columns a {
  text-decoration: none;
  color: #0066cc;
}

.subcategorias-marca-columns a:hover {
  text-decoration: underline;
}



@media(max-width:680px) {
    .l-inner {display:flex;flex-direction: column;}
    /* .l-inner header {order:1;} */
    .l-inner .l-section--with-sidebar {order:2;}
    .l-inner .c-category-description-block:first-of-type {order:3; margin-bottom: 0px;}
    .l-inner .c-category-description-block:last-of-type {order:4; margin-bottom: 0px;}
}

/* Quitar Marcas del header */
.c-page-header__sub-cat-item:has(a[href*="/cat/marcas/"]) {
    display: none !important;
}

/* Estilos cajas filtros tallas, color */
aside#woocommerce_layered_nav-4, aside#woocommerce_layered_nav-5, aside#woocommerce_layered_nav-6 {
    background: #f6f6f6c9;
}

aside#woocommerce_layered_nav-4 .widget-title, aside#woocommerce_layered_nav-5 .widget-title, aside#woocommerce_layered_nav-6 .widget-title {
    font-size: 14px;
    font-weight: 800;
}

/* FORMULARIO */
.h-input, input[type=search], input[type=text], input[type=password], input[type=email], input[type=tel], input[type=number], input[type=url], input[type=date], textarea:not(.editor-post-title__input), .wpcf7-form .c-custom-selectInner, select {
    border-color: var(--text-color-extra-light);
    padding: 11px 25px 13px 25px;
}

/* DESPLEGABLES TALLAS */
.c-product__atc-wrap select {
    border: solid 1px var(--text-color-extra-light);
}

.{
    font-weight: 700;
}

/* Titulos para el bloque categorias abajo */
.c-category-description-block h2 {
    font-weight: 500;
    font-size: 1.5em;
}

.c-category-description-block h3 {
    font-weight: 500;
    font-size: 1.17em;
}

.entry-content h1, div[class*="-text-editor"] h1 {
    font-size: 30px;
}

.c-category-description-block a {
    font-weight: 600;
    background-color: #faebd7;
    text-decoration: underline;
}

/*  */
@media (max-width: 680px) {
	/* Quitar margen precio en movil */
    .c-product-grid__item--normal .c-product-grid__price-wrap {
        margin-top: 0px;
    }
	/* Quitar separacion entre cajas productos */
	.c-product-grid__item--normal {
        padding-bottom: 0px;
    }
	
	/* Bajar tamaño titulo */
	.c-product-grid__item--normal .woocommerce-loop-product__title{
		font-size: 12px;
	}
	/* Quitar cabecera dentro de los productos */
	.c-page-header--product-page {
    	display: none;
	}
}


.stock.out-of-stock {
    color: #D1333C !important;
    font-size: 15px !important;
    font-weight: bold !important;
}
/* BOTONES FINALIZAR COMPRA, CARRITO, ETC */

.c-product-list-widget__buttons .button, .woocommerce-notice .button {
    background: var(--button-color);
    color: white;
    border: solid 1px var(--button-color);
}

.c-product-list-widget__buttons .button:hover.woocommerce-notice .button:hover {
    background: white;
    color: var(--button-color);
}

@media only screen and (max-width: 768px) {
    .caja-txt-seccion-categoria-home {
        background: #ffffffa3;
        padding: 10px;
    }
}