/*
 * IntimoNatural Tienda — capa WooCommerce
 *
 * REGLA: ninguna fuente, tamaño ni color nuevo.
 * - Colores: solo las variables del tema (--in-*) y los valores literales que
 *   ya existen en style.css del tema (#6a5a53, #8a7a73, #e3d3cc, #fffdfc,
 *   #c0392b y las sombras rgba(192,132,122,…)).
 * - Fuentes: se heredan (Mulish en el texto, Marcellus en los títulos).
 * - Tamaños: los de la escala del tema (h1 2.5rem, h2 1.9rem, h3 1.4rem,
 *   texto 15px, .92em / .95em / 1.05em).
 * Esta hoja solo sustituye los colores propios de WooCommerce (morado,
 * verde oliva, gris lavanda) por los del tema.
 */

/* ---------- Títulos y textos ---------- */
.woocommerce-products-header__title,
.woocommerce div.product .product_title{color:var(--in-principal);}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title{
  font-family:'Marcellus',Georgia,serif;font-weight:400;letter-spacing:.4px;
  color:var(--in-principal);font-size:1.4rem;line-height:1.25;padding:.6em 0 .3em;
}
.woocommerce .woocommerce-breadcrumb{color:#8a7a73;font-size:.92em;margin:0 0 22px;}
.woocommerce .woocommerce-breadcrumb a{color:var(--in-principal);text-decoration:none;}
.woocommerce .woocommerce-result-count{color:#6a5a53;font-size:.92em;}
.woocommerce .term-description,
.woocommerce .woocommerce-product-details__short-description{color:var(--in-texto);}

/* ---------- Precios ---------- */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{color:var(--in-oscuro);font-weight:700;}
.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del{color:#8a7a73;opacity:1;font-weight:400;}
.woocommerce ul.products li.product .price ins,
.woocommerce div.product p.price ins{text-decoration:none;}
.woocommerce-price-suffix{color:#8a7a73;font-weight:400;font-size:.92em;}

/* ---------- Etiqueta oferta ---------- */
.woocommerce span.onsale{
  background:var(--in-principal);color:#fff;border-radius:30px;
  min-height:auto;min-width:auto;line-height:1.2;padding:7px 14px;font-weight:600;
}

/* ---------- Rejilla de productos (tarjetas como .in-card) ---------- */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  background:#fff;border:1px solid var(--in-borde);border-radius:12px;
  padding:14px 14px 20px;text-align:center;
  transition:box-shadow .2s, transform .1s;
}
.woocommerce ul.products li.product:hover{
  box-shadow:0 12px 30px rgba(192,132,122,.18);transform:translateY(-1px);
}
.woocommerce ul.products li.product a img{border-radius:10px;margin-bottom:6px;}
.woocommerce ul.products li.product .button{margin-top:10px;}
.woocommerce ul.products li.product .star-rating{margin:6px auto;}

/* ---------- Botones (mismo estilo que .boton y el botón de CF7) ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce .woocommerce-message .button,
.wc-block-components-button:not(.is-link),
.wp-block-button.wc-block-components-product-button .wp-block-button__link{
  background:var(--in-principal);color:#fff;border:none;
  border-radius:30px;padding:12px 26px;font-family:inherit;font-weight:600;
  line-height:1.2;text-decoration:none;
  transition:background .2s, transform .1s;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.wc-block-components-button:not(.is-link):hover,
.wp-block-button.wc-block-components-product-button .wp-block-button__link:hover{
  background:var(--in-oscuro);color:#fff;transform:translateY(-1px);
}
/* botón principal de compra: un poco más grande, como el envío de CF7 */
.woocommerce div.product form.cart .button,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order,
.woocommerce .wc-proceed-to-checkout a.checkout-button{
  padding:13px 34px;font-size:1.05em;
}
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt:disabled{
  background:var(--in-principal);color:#fff;opacity:.5;
}
.woocommerce a.added_to_cart{color:var(--in-principal);font-weight:600;padding-top:10px;display:inline-block;}

/* ---------- Ficha de producto ---------- */
.woocommerce div.product div.images img{border-radius:10px;}
.woocommerce div.product div.images .flex-control-thumbs li img{border-radius:8px;opacity:.6;}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover{opacity:1;}
.woocommerce div.product .product_meta{color:#6a5a53;font-size:.92em;border-top:1px solid var(--in-borde);padding-top:14px;}
.woocommerce div.product .product_meta a{color:var(--in-principal);}
.woocommerce div.product .stock{color:var(--in-oscuro);font-weight:600;}
.woocommerce div.product .out-of-stock{color:#c0392b;}

/* pestañas */
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-bottom-color:var(--in-borde);}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  background:var(--in-suave);border-color:var(--in-borde);border-radius:10px 10px 0 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--in-texto);font-weight:600;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:#fff;border-bottom-color:#fff;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--in-principal);}
.woocommerce div.product .woocommerce-tabs .panel{color:var(--in-texto);}

/* valoraciones */
.woocommerce .star-rating span,
.woocommerce .star-rating::before,
.woocommerce p.stars a{color:var(--in-principal);}
.woocommerce #reviews #comments ol.commentlist li .comment-text{border-color:var(--in-borde);border-radius:10px;}

/* ---------- Campos (mismo estilo que los de CF7) ---------- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .quantity .qty,
.woocommerce #coupon_code,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce .select2-container .select2-selection--single{
  padding:12px 14px;border:1px solid #e3d3cc;border-radius:10px;
  font-family:inherit;color:var(--in-texto);background:#fffdfc;
  transition:border-color .2s, box-shadow .2s;
}
.woocommerce .select2-container .select2-selection--single{height:auto;}
.woocommerce .quantity .qty{width:4.5em;padding:10px 8px;}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.woocommerce .quantity .qty:focus,
.woocommerce #coupon_code:focus{
  outline:none;border-color:var(--in-principal);box-shadow:0 0 0 3px rgba(192,132,122,.18);
}
.woocommerce form .form-row label{font-weight:600;color:var(--in-texto);}
.woocommerce form .form-row .required{color:#c0392b;}
.woocommerce form .form-row.woocommerce-invalid input.input-text{border-color:#c0392b;}
.woocommerce form.login,
.woocommerce form.register,
.woocommerce form.checkout_coupon{border:1px solid var(--in-borde);border-radius:12px;}

/* ---------- Avisos ---------- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments{
  background:var(--in-suave);color:var(--in-texto);
  border-top:3px solid var(--in-principal);border-radius:10px;
}
.woocommerce-message::before,
.woocommerce-info::before{color:var(--in-principal);}
.woocommerce-error{border-top-color:#c0392b;}
.woocommerce-error::before{color:#c0392b;}
.woocommerce-store-notice,
p.demo_store{background:var(--in-principal);color:#fff;}

/* ---------- Tablas (carrito, pedido, cuenta) ---------- */
.woocommerce table.shop_table{
  border:1px solid var(--in-borde);border-radius:10px;border-collapse:separate;
  background:#fff;overflow:hidden;
}
.woocommerce table.shop_table th{background:var(--in-suave);color:var(--in-texto);}
.woocommerce table.shop_table td,
.woocommerce table.shop_table th{border-top-color:var(--in-borde);}
.woocommerce table.shop_table img{border-radius:8px;}
.woocommerce a.remove{color:#c0392b!important;}
.woocommerce a.remove:hover{background:#c0392b;color:#fff!important;}
.woocommerce .cart-collaterals .cart_totals h2{font-size:1.4rem;}

/* ---------- Finalizar compra ---------- */
.woocommerce-checkout #payment,
.woocommerce #payment{background:var(--in-suave);border-radius:12px;}
.woocommerce #payment ul.payment_methods{border-bottom-color:var(--in-borde);}
.woocommerce #payment div.payment_box{background:#fff;color:var(--in-texto);border-radius:10px;}
.woocommerce #payment div.payment_box::before{border-bottom-color:#fff;}
.woocommerce-checkout h3{font-size:1.4rem;}

/* ---------- Mi cuenta ---------- */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;}
.woocommerce-account .woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--in-borde);}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:10px 4px;color:var(--in-texto);text-decoration:none;font-weight:600;}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{color:var(--in-principal);}

/* ---------- Paginación ---------- */
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li{border-color:var(--in-borde);}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{color:var(--in-texto);}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--in-suave);color:var(--in-principal);}

/* ---------- Filtro de precio (widget) ---------- */
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{background-color:var(--in-principal);}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{background-color:var(--in-borde);}

/* ---------- Bloques de carrito y pago (WooCommerce Blocks) ---------- */
.wc-block-components-text-input input,
.wc-block-components-combobox .wc-block-components-combobox-control input,
.wc-blocks-components-select .wc-blocks-components-select__select{
  border-color:#e3d3cc!important;border-radius:10px!important;background:#fffdfc!important;color:var(--in-texto)!important;
}
.wc-block-components-text-input.is-active input:focus,
.wc-block-components-text-input input:focus{
  border-color:var(--in-principal)!important;box-shadow:0 0 0 3px rgba(192,132,122,.18)!important;outline:none;
}
.wc-block-components-sale-badge,
.wc-block-components-product-badge{border-color:var(--in-principal);color:var(--in-principal);border-radius:30px;}
.wc-block-components-totals-item__value,
.wc-block-components-product-price{color:var(--in-oscuro);}
.wc-block-components-notice-banner.is-info,
.wc-block-components-notice-banner.is-success{background:var(--in-suave);border-color:var(--in-principal);color:var(--in-texto);}
.wc-block-components-notice-banner.is-error{background:var(--in-suave);border-color:#c0392b;color:var(--in-texto);}

/* ---------- Texto SEO bajo la rejilla de una categoría ---------- */
.woocommerce .in-texto-inferior{clear:both;margin-top:34px;padding-top:22px;border-top:1px solid var(--in-borde);}

/* ---------- Responsive ---------- */
@media(max-width:820px){
  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce-page ul.products li.product .woocommerce-loop-product__title{font-size:1.05em;}
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product{padding:10px 10px 16px;}
  .woocommerce div.product .woocommerce-tabs ul.tabs li{display:block;margin:0 0 4px;border-radius:10px;}
}