/*
Theme Name:   Pendiente de un Hilo - Astra Child
Theme URI:    https://www.pendientedeunhilo.es
Description:  Child theme de Astra personalizado para Pendiente de un Hilo (patchwork y labores)
Author:       Pendiente de un Hilo
Template:     astra
Version:      1.0.0
Text Domain:  pendiente-de-un-hilo-child
*/

/* ==========================================================================
   PALETA DE COLORES - Pendiente de un Hilo
   Rojo burdeos + crema + dorado, tomada del logo (máquina de coser vintage)
   ========================================================================== */
:root {
    --pdh-primary: #8b1e2e;      /* Rojo burdeos - botones, enlaces, acentos, precios */
    --pdh-primary-dark: #6b1622; /* Hover / estados activos, footer */
    --pdh-secondary: #c9a24b;    /* Dorado - bordes, detalles, líneas decorativas */
    --pdh-background: #faeedd;   /* Crema/hueso - fondo general, como el logo */
    --pdh-text: #3a2a24;         /* Texto principal, marrón oscuro cálido */
    --pdh-accent: #a8823a;       /* Dorado más oscuro - ofertas, hover, contraste con el burdeos */
    --pdh-white: #ffffff;
}

/* ==========================================================================
   TIPOGRAFÍA
   ========================================================================== */
body,
p,
li,
.woocommerce ul.products li.product .price {
    color: var(--pdh-text);
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.woocommerce-loop-product__title {
    font-family: 'Poppins', -apple-system, sans-serif;
    color: var(--pdh-primary-dark);
}

/* ==========================================================================
   CABECERA
   ========================================================================== */
.ast-primary-header-bar,
.site-header {
    background-color: var(--pdh-white);
    border-bottom: 2px solid var(--pdh-secondary);
}

.main-header-menu a {
    color: var(--pdh-text);
}

.main-header-menu a:hover,
.main-header-menu .current-menu-item > a {
    color: var(--pdh-primary);
}

/* ==========================================================================
   BOTONES Y ENLACES GENERALES
   ========================================================================== */
a {
    color: var(--pdh-primary);
}

a:hover {
    color: var(--pdh-primary-dark);
}

.ast-button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-button__link {
    background-color: var(--pdh-primary);
    border-color: var(--pdh-primary);
    color: var(--pdh-white);
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

.ast-button:hover,
button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
    background-color: var(--pdh-primary-dark);
    border-color: var(--pdh-primary-dark);
}

/* ==========================================================================
   WOOCOMMERCE - TIENDA
   ========================================================================== */

/* Precio de productos */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: var(--pdh-primary-dark);
    font-weight: 600;
}

/* Botón "Añadir al carrito" */
.woocommerce ul.products li.product .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit,
.single_add_to_cart_button {
    background-color: var(--pdh-primary) !important;
    border-color: var(--pdh-primary) !important;
    color: var(--pdh-white) !important;
    border-radius: 4px !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.single_add_to_cart_button:hover {
    background-color: var(--pdh-accent) !important;
    border-color: var(--pdh-accent) !important;
}

/* Tarjetas de producto */
.woocommerce ul.products li.product {
    background-color: var(--pdh-white);
    border-radius: 6px;
    padding: 10px;
    transition: box-shadow 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    box-shadow: 0 4px 14px rgba(74, 122, 140, 0.15);
}

/* Badges de oferta / novedad */
.woocommerce span.onsale {
    background-color: var(--pdh-accent);
    color: var(--pdh-white);
}

/* Iconos de "envío gratis", "envío con seguimiento", etc. (barra superior) */
.ast-woo-shop-order-select,
.woocommerce-message,
.woocommerce-info {
    border-top-color: var(--pdh-primary);
}

.woocommerce-message::before,
.woocommerce-info::before {
    color: var(--pdh-primary);
}

/* Página de carrito y checkout */
.woocommerce table.shop_table {
    border-color: var(--pdh-secondary);
}

.woocommerce-checkout #payment ul.payment_methods li {
    border-color: var(--pdh-secondary);
}

/* ==========================================================================
   FONDO GENERAL (evocando el rayado suave del diseño actual)
   ========================================================================== */
body {
    background-color: var(--pdh-background);
}

.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single {
    background-color: var(--pdh-white);
}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.site-footer,
footer.site-footer {
    background-color: var(--pdh-primary-dark);
    color: var(--pdh-white);
}

.site-footer a {
    color: var(--pdh-secondary);
}

.site-footer a:hover {
    color: var(--pdh-white);
}

/* ==========================================================================
   RESPONSIVE - Ajustes móviles
   ========================================================================== */
@media (max-width: 768px) {
    .woocommerce ul.products li.product {
        padding: 6px;
    }
}