/*
 Theme Name:   Storefront Child
 Theme URI:    https://tudominio.com
 Description:  Child theme de Storefront para personalizar mi tienda
 Author:       Tu Nombre
 Author URI:   https://tudominio.com
 Template:     storefront
 Version:      1.0.2
 Text Domain:  storefront-child
*/

/* ==========================================================
   Aquí va tu CSS personalizado.
   Todo lo que escribas aquí sobreescribe el estilo de Storefront
   sin tocar los archivos originales del tema padre.
   ========================================================== */

/* --------------------------------------------------------
   Tipografía general estilo Amazon: sans-serif, tamaño
   consistente en todo el sitio (texto, títulos, botones,
   menús). Amazon usa una fuente sans-serif del sistema,
   así que usamos una pila segura equivalente.
   -------------------------------------------------------- */
body,
h1, h2, h3, h4, h5, h6,
.woocommerce,
.site-title, .site-description,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product h2,
button, input, select, textarea {
    font-family: "Amazon Ember", "Helvetica Neue", Arial, sans-serif !important;
}

body {
    font-size: 14px !important;
    color: #0F1111 !important; /* gris casi negro que usa Amazon para texto */
}

/* Tamaño uniforme para nombres de producto en listados */
.woocommerce ul.products li.product h2 {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4;
}

/* Tamaño uniforme para precios */
.woocommerce ul.products li.product .price {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0F1111 !important;
}

/* --------------------------------------------------------
   Paleta naranja estilo Amazon (#FF9900 es el naranja
   insignia de Amazon; #E47911 el tono de botones "hover")
   -------------------------------------------------------- */

/* Botones "Añadir al carrito" */
.woocommerce ul.products li.product .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background-color: #FF9900 !important;
    color: #0F1111 !important;
    border: 1px solid #FF9900 !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: #E47911 !important;
    border: 1px solid #E47911 !important;
    color: #0F1111 !important;
}

/* Header */
.site-header {
    background-color: #ffffff !important;
    border-bottom: 2px solid #FF9900;
}

/* Nombre de la tienda (título del sitio) en el header */
.site-title,
.site-title a {
    font-size: 1.8rem !important;
    font-weight: 700 !important;
    color: #FF9900 !important;
    letter-spacing: 0.5px;
    text-transform: lowercase;
}

.site-title a:hover {
    color: #E47911 !important;
}

/* Tagline/descripción debajo del nombre */
.site-description {
    color: #565959 !important; /* gris que usa Amazon para texto secundario */
    font-style: normal;
    font-size: 0.85rem !important;
}

/* Enlaces generales en tono naranja, como Amazon */
a {
    color: #0F1111;
}

a:hover {
    color: #E47911;
}