/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://elementor.com/
 Description:  Tema hijo de Hello Elementor para conservar el CSS personalizado tras las actualizaciones.
 Author:       Tu nombre
 Author URI:   https://tusitio.com
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/

/* ==========================================================
   A partir de aqui puedes pegar y mantener todo tu CSS
   personalizado. Este archivo NUNCA se sobrescribe cuando
   actualizas el tema padre (Hello Elementor).
   ========================================================== */

.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Figtree', sans-serif;
}

/* Nombre del producto y enlaces en general */
.woocommerce ul.products li.product a {
    color: #000;
}

/* Precio */
.woocommerce ul.products li.product .price {
    color: #000;
}

/* Hover del nombre del producto */
.woocommerce ul.products li.product a:hover {
    color: #856f3d;
}

.woocommerce ul.products li.product .button {
    background-color: #000;
    color: #FFFFFF;
    border-color: #000;
    font-family: 'Figtree', sans-serif;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #856f3d;
    color: #FFFFFF;
}

/* Titulo del producto en pagina individual */
.woocommerce div.product .product_title {
    font-family: 'Figtree', sans-serif;
}

/* Precio en pagina individual */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    font-family: 'Figtree', sans-serif;
}

/* Descripcion corta del producto */
.woocommerce div.product .woocommerce-product-details__short-description {
    font-family: 'Figtree', sans-serif;
}

/* Boton "Anadir al carrito" en pagina individual */
.woocommerce div.product form.cart .button {
    font-family: 'Figtree', sans-serif;
    background-color: #000;
    color: #FFFFFF;
    border-color: #000;
}

.woocommerce div.product form.cart .button:hover {
    background-color: #856f3d;
    color: #FFFFFF;
}

/* Pestanas (Descripcion, Informacion adicional, Valoraciones) */
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: 'Figtree', sans-serif;
}

/* Contenido de las pestanas */
.woocommerce div.product .woocommerce-tabs .panel {
    font-family: 'Figtree', sans-serif;
}

/* Selector de atributos/variaciones (ej: desplegable de tallas) */
.woocommerce div.product .variations td.label,
.woocommerce div.product .variations select {
    font-family: 'Figtree', sans-serif;
}

/* Migas de pan (breadcrumb) */
.woocommerce-breadcrumb {
    font-family: 'Figtree', sans-serif;
    margin-top: 2em !important;
    margin-bottom: 2em !important;
}

/* Precio normal */
.woocommerce div.product p.price {
    color: #856f3d;
}

/* Precio tachado (antes de la oferta) */
.woocommerce div.product p.price del {
    color: #999999;
}

/* Precio de oferta (el nuevo precio) */
.woocommerce p.price ins {
    color: #856f3d;
    text-decoration: none;
}

.stock.in-stock {
    color: #856f3d !important;
}

.posted_in a {
    color: #856f3d;
}

.posted_in a:hover {
    color: #000;
}

.reset_variations {
    color: #856f3d !important;
}

.reset_variations:hover {
    color: #000 !important;
}

#cat option {
    font-family: 'figtree', sans-serif;
    font-size: 14px;
}

.wp-block-latest-posts__post-title {
    text-decoration: none !important;
    font-family: 'figtree', sans-serif;
}

.wp-block-latest-posts__post-excerpt {
    font-family: 'figtree', sans-serif;
}

div.wc-block-cart__submit-container {
    font-family: 'figtree', sans-serif;
}

div.wc-block-components-sidebar-layout, .wc-block-cart, .wp-block-woocommerce-filled-cart-block, .is-large {
    margin-top: 4em;
    font-family: 'figtree', sans-serif;
}

a.wc-block-components-product-name {
    color: black;
    text-decoration: none;
}

a.wc-block-components-product-name:hover {
    color: #856f3d;
    text-decoration: none;
}

div.wc-block-cart__submit, .wp-block-woocommerce-proceed-to-checkout-block a {
    background-color: #856f3d;
    text-decoration: none;
}

div.wc-block-cart__submit, .wp-block-woocommerce-proceed-to-checkout-block a:hover {
    background-color: white;
    text-decoration: none;
    color: #856f3d;
    border: 1px solid #856f3d;
}

a.wpmenucart-contents {
    font-family: 'figtree', sans-serif;
    color: white;
}

a.wpmenucart-contents:hover {
    color: #856f3d;
}

a.wpmenucart-slideout__button, .wpmenucart-slideout__button--primary, .wpmenucart-full-only {
    background-color: #856f3d;
}

a.wpmenucart-slideout__button:hover, .wpmenucart-slideout__button--primary:hover, .wpmenucart-full-only:hover {
    background-color: white;
    border: 1px solid #856f3d;
    color: #856f3d;
}

a.wpmenucart-slideout__button, .wpmenucart-slideout__button--secondary, .wpmenucart-full-only, .wpmenucart-wc-only {
    color: white;
}

div.wpmenucart-slideout__panel {
    font-family: 'figtree', sans-serif;
}

.post .entry-title {
    margin-top: 2em;
    display: block;
}

div.page-header .entry-title {
    margin-top: 2em;
    margin-bottom: 1em;
}

.post h2.entry-title a {
    color: #856f3d;
}

.post .page-content {
    margin-bottom: 3em;
}

.post p.wp-block-paragraph a {
    color: #856f3d;
    text-decoration: none;
}

/* Cuadricula del listado del blog */
body.blog .page-content,
body.archive .page-content {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
}

@media (max-width: 768px) {
    body.blog .page-content,
    body.archive .page-content {
        grid-template-columns: 1fr !important;
    }
}