/*
Theme Name: La Treva
Theme URI: https://latreva.es
Author: Gemini AI
Author URI: https://gemini.google.com
Description: Un tema brutalista y editorial creado a medida para La Treva (Tarragona). Desarrollado a partir de un diseño estático con Tailwind CSS y GSAP.
Version: 1.0.0
Text Domain: latreva
Tags: brutalist, editorial, custom, tailwind, gsap
*/

/* 
 * NOTE: The main design logic is loaded via Tailwind CDN and inline styles in header.php 
 * for maximum performance and parity with the original index.html file. 
 * Additional custom rules can be added here or in assets/css/main.css.
 */


/* ============================================================
   WOOCOMMERCE - La Treva Brutalist Styles
   ============================================================ */

/* --- Variables form (tallas) --- */
.woocommerce .variations_form .variations td.label label {
    font-family: inherit;
    font-weight: 700;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #000;
}

.woocommerce .variations select,
.woocommerce form.cart select {
    display: block;
    width: 100%;
    padding: 0.75rem 1rem;
    border: 2px solid #000;
    background: #fff;
    font-family: inherit;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    cursor: pointer;
    appearance: auto;
    border-radius: 0;
    margin-bottom: 0.5rem;
}

.woocommerce .variations select:focus,
.woocommerce form.cart select:focus {
    outline: 3px solid #000;
    outline-offset: 2px;
}

/* --- Quantity input --- */
.woocommerce .quantity .qty {
    border: 2px solid #000;
    padding: 0.75rem 1rem;
    font-family: inherit;
    font-weight: 700;
    font-size: 1rem;
    width: 80px;
    text-align: center;
    border-radius: 0;
}

/* --- Add to Cart button --- */
.woocommerce button.single_add_to_cart_button,
.woocommerce .single_add_to_cart_button,
.woocommerce a.button,
.woocommerce button.button {
    display: inline-block;
    background: #000 !important;
    color: #fff !important;
    font-family: inherit;
    font-weight: 900;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    padding: 1rem 2rem;
    border: 3px solid #000;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    border-radius: 0;
    margin-top: 0.5rem;
}

.woocommerce button.single_add_to_cart_button:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
    background: #fff !important;
    color: #000 !important;
}

/* --- Price --- */
.woocommerce .price,
.woocommerce span.price,
.woocommerce p.price {
    font-weight: 900;
    font-size: 1.75rem;
    color: #000;
}

/* --- Reset variation button --- */
.woocommerce .reset_variations {
    font-family: inherit;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #666;
    text-decoration: underline;
    cursor: pointer;
}

/* --- Table variations layout --- */
.woocommerce .variations {
    margin-bottom: 1rem;
    border: none;
}

.woocommerce .variations td,
.woocommerce .variations th {
    padding: 0.5rem 0;
    border: none;
    vertical-align: middle;
}

.woocommerce .variations td.label {
    padding-right: 1rem;
    white-space: nowrap;
    width: auto;
}

.woocommerce .variations td.value {
    width: 100%;
}

/* --- Single product variation price --- */
.woocommerce .single_variation .price {
    font-size: 1.75rem;
    font-weight: 900;
    margin-bottom: 1rem;
}

/* --- WooCommerce notices --- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    border-top: 3px solid #000 !important;
    background: #f5f0e8 !important;
    font-family: inherit;
    font-weight: 700;
    border-radius: 0 !important;
    padding: 1rem 1.5rem !important;
}

/* --- Cart & Checkout buttons --- */
.woocommerce #respond input#submit,
.woocommerce #payment #place_order,
.woocommerce .checkout-button {
    background: #000 !important;
    color: #fff !important;
    font-family: inherit;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border-radius: 0 !important;
    border: 3px solid #000 !important;
    padding: 1rem 2rem !important;
}

.woocommerce #respond input#submit:hover,
.woocommerce #payment #place_order:hover,
.woocommerce .checkout-button:hover {
    background: #fff !important;
    color: #000 !important;
}

/* --- Override WooCommerce button purple with high specificity --- */
body .woocommerce button.button.alt,
body .woocommerce button.single_add_to_cart_button.button.alt,
body .woocommerce input.button.alt,
body .woocommerce #respond input#submit.alt,
body .woocommerce a.button.alt {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
    border-radius: 0 !important;
    font-family: inherit !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    padding: 1rem 2rem !important;
    font-size: 0.875rem !important;
}

body .woocommerce button.button.alt:hover,
body .woocommerce button.single_add_to_cart_button.button.alt:hover,
body .woocommerce a.button.alt:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}