/*
Theme Name: Brazilian Proliss
Theme URI: https://brazilianproliss.com
Description: Tema hijo de Astra para Brazilian Proliss. Diseño oscuro con acentos dorados.
Author: Brazilian Proliss
Template: astra
Version: 1.0.0
Text Domain: brazilian-proliss
*/

/* ============================================================
   TOKENS  ·  la paleta del diseño original
   ============================================================ */
:root {
  --pl-bg:          #080706;
  --pl-bg-alt:      #0D0C0A;
  --pl-card:        #0B0A09;
  --pl-card-hover:  #100E0C;

  --pl-gold:        #D9B25F;
  --pl-gold-light:  #F0D28A;
  --pl-gold-dark:   #B98B37;
  --pl-gold-soft:   #E9D9AE;

  --pl-heading:     #F7F2E9;
  --pl-title:       #F4EFE6;
  --pl-text:        #EDE7DD;
  --pl-muted:       #B7AFA3;
  --pl-dim:         #8B8377;
  --pl-faint:       #6E675D;

  --pl-line:        rgba(217,178,95,0.16);
  --pl-line-soft:   rgba(237,231,221,0.10);

  --pl-serif:       'Cormorant Garamond', Georgia, serif;
  --pl-sans:        'Jost', Helvetica, Arial, sans-serif;

  --pl-pad-x:       40px;
}

/* ============================================================
   BASE  ·  reemplaza el <style> global del HTML original.
   Los !important son a propósito: Astra imprime CSS dinámico
   en línea después de este archivo.
   ============================================================ */
* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
}

body {
  background: var(--pl-bg) !important;
  color: var(--pl-text) !important;
  font-family: var(--pl-sans) !important;
  font-weight: 300;
  overflow-x: hidden;
}

body a { color: var(--pl-gold); text-decoration: none; }
body a:hover, body a:focus { color: var(--pl-gold-light); }

::selection { background: var(--pl-gold); color: var(--pl-bg); }

h1, h2, h3, h4 {
  font-family: var(--pl-serif) !important;
  font-weight: 400;
  color: var(--pl-heading);
}

/* Foco visible para navegación con teclado */
a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--pl-gold);
  outline-offset: 3px;
}

/* Astra imprime contenedores con fondo blanco en algunas vistas */
.site,
.site-content,
#content,
.ast-container,
.entry-content {
  background: transparent !important;
}

/* Astra a veces limita el ancho del contenido: la home va a sangre */
.page-template-template-home #content .ast-container { max-width: none; padding: 0; }

/* ============================================================
   HEADER
   ============================================================ */
.pl-header {
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 16px var(--pl-pad-x);
  background: rgba(8,7,6,0.82);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--pl-line);
}

.pl-brand { display: flex; align-items: center; gap: 14px; }
.pl-brand img {
  width: 44px; height: 44px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid rgba(217,178,95,0.4);
}
.pl-brand__name { display: flex; flex-direction: column; line-height: 1.05; }
.pl-brand__name span {
  font-family: var(--pl-serif);
  font-size: 19px;
  letter-spacing: 0.22em;
  color: var(--pl-title);
}
.pl-brand__name span + span { color: var(--pl-gold); }

.pl-nav {
  display: flex;
  align-items: center;
  gap: 34px;
  font-size: 12.5px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.pl-nav a { color: var(--pl-muted); transition: color 0.3s; }
.pl-nav a:hover { color: var(--pl-title); }

.pl-header__meta {
  display: flex; align-items: center; gap: 14px;
  font-size: 12px; letter-spacing: 0.14em;
  color: var(--pl-dim); text-transform: uppercase;
}
.pl-header__meta a { color: var(--pl-dim); }
.pl-header__meta a:hover { color: var(--pl-gold); }

.pl-nav-toggle {
  display: none;
  background: none;
  border: 1px solid rgba(237,231,221,0.24);
  color: var(--pl-text);
  padding: 8px 12px;
  font-family: var(--pl-sans);
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  cursor: pointer;
}

/* ============================================================
   FOOTER
   ============================================================ */
.pl-footer {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: 48px;
  padding: 72px var(--pl-pad-x) 40px;
  border-top: 1px solid var(--pl-line);
  background: var(--pl-card);
}
.pl-footer img {
  width: 88px; height: 88px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid rgba(217,178,95,0.4);
}
.pl-footer__desc {
  margin: 22px 0 0;
  max-width: 320px;
  font-size: 14.5px;
  line-height: 1.7;
  color: var(--pl-dim);
}
.pl-footer__col { display: flex; flex-direction: column; gap: 12px; }
.pl-footer__col h3 {
  margin: 0 0 6px;
  font-family: var(--pl-sans) !important;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pl-gold);
}
.pl-footer__col a,
.pl-footer__col span { font-size: 14.5px; color: #A79F94; }
.pl-footer__col a:hover { color: var(--pl-gold-light); }

.pl-footer__bar {
  grid-column: 1 / -1;
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid rgba(237,231,221,0.08);
  display: flex;
  justify-content: space-between;
  gap: 20px;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--pl-faint);
}

/* ============================================================
   WOOCOMMERCE  ·  para que tienda, carrito y cuenta no se rompan
   ============================================================ */
.woocommerce-page .woocommerce,
.woocommerce-page .site-main { padding: 64px var(--pl-pad-x); }

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product .product_title { font-family: var(--pl-serif); color: var(--pl-title); }
.woocommerce div.product p.price,
.woocommerce ul.products li.product .price { color: var(--pl-gold) !important; }

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background: linear-gradient(100deg, var(--pl-gold-dark) 0%, var(--pl-gold-light) 45%, var(--pl-gold-dark) 100%);
  color: #0B0906;
  font-family: var(--pl-sans);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  border-radius: 2px;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  background: #0F0D0C;
  border: 1px solid rgba(237,231,221,0.14);
  color: var(--pl-text);
  border-radius: 2px;
}

.pl-price-locked { color: var(--pl-gold); font-size: 14px; letter-spacing: 0.04em; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 900px) {
  :root { --pl-pad-x: 22px; }

  .pl-header { flex-wrap: wrap; }
  .pl-nav-toggle { display: block; }
  .pl-nav {
    display: none;
    order: 3;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    padding: 18px 0 6px;
  }
  .pl-nav.is-open { display: flex; }

  .pl-footer { grid-template-columns: 1fr; gap: 34px; }
  .pl-footer__bar { flex-direction: column; gap: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}

/* Force template home content visibility */
.page-template-template-home .pl-main { display: block !important; }
.page-template-template-home .pl-hero { display: grid !important; }
.page-template-template-home h1 { color: var(--pl-heading) !important; }
.page-template-template-home p { color: var(--pl-text) !important; }

/* ===========================
   LOGIN - MI CUENTA
=========================== */

/* Contenedor principal */
.woocommerce-account .site-main {
    max-width: 600px;
    margin: 10px auto 80px;
    padding: 0 20px;
}

/* Formulario */
.woocommerce form.login {
    width: 100%;
    padding: 40px;
    border: 1px solid rgba(212,175,55,.35);
    border-radius: 12px;
    background: transparent;
}

/* Título */
.woocommerce-account .woocommerce-Address-title {
    display: none;
}

/* Labels */
.woocommerce form label {
    color: var(--pl-heading) !important;
    font-weight: 500;
}

/* Inputs */
.woocommerce .input-text {
    background: #0F0D0C;
    color: var(--pl-text);
    border: 1px solid rgba(237,231,221,0.14);
    border-radius: 6px;
    padding: 14px;
}

/* Placeholder */
.woocommerce .input-text::placeholder {
    color: #888;
}

/* Recordarme */
.woocommerce-form-login__rememberme span {
    color: var(--pl-muted);
}

/* ¿Olvidaste tu contraseña? */
.lost_password a {
    color: var(--pl-gold);
}

.lost_password a:hover {
    color: var(--pl-gold-light);
}

/* Precio de la variación seleccionada */
.woocommerce div.product .woocommerce-variation-price,
.woocommerce div.product .woocommerce-variation-price .price,
.woocommerce div.product .woocommerce-variation-price .woocommerce-Price-amount,
.woocommerce div.product .woocommerce-variation-price bdi {
    color: var(--pl-gold) !important;
    font-size: 2rem;
    font-weight: 600;
}

/* Botón scroll to top - Astra */
#ast-scroll-top {
  background-color: var(--pl-gold) !important;
  color: #0B0906 !important;
  border-color: var(--pl-gold) !important;
}

#ast-scroll-top:hover {
  background-color: var(--pl-gold-dark) !important;
  opacity: 0.9;
}

#ast-scroll-top .ast-icon {
  color: #0B0906 !important;
}

/* Quitar breadcrumb */
.woocommerce-breadcrumb {
  display: none !important;
}

/* Cambiar dropdown "Orden por" a dorado */
.woocommerce-ordering select {
  color: var(--pl-gold) !important;
  border-color: var(--pl-gold) !important;
}

.woocommerce-ordering select:hover,
.woocommerce-ordering select:focus {
  color: var(--pl-gold) !important;
  border-color: var(--pl-gold) !important;
  background-color: rgba(217, 178, 95, 0.15) !important;
}

.woocommerce-ordering select option {
  color: #EDE7DD;
  background-color: #0B0A09;
}

/* ============================================================
   FOOTER - ICONOS DE REDES SOCIALES
   ============================================================ */

.pl-info-social__icons {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 18px;
}

.pl-info-social__icons a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: var(--pl-gold) !important;
    background: transparent !important;
    border: 1px solid rgba(217,178,95,0.35);
    border-radius: 50%;
    line-height: 1 !important;
    text-decoration: none !important;
    box-sizing: border-box;
}

.pl-info-social__icons a:hover {
    color: var(--pl-gold-light) !important;
    border-color: var(--pl-gold);
    background: rgba(217,178,95,0.08) !important;
}

.pl-info-social__icons svg {
    width: 19px !important;
    height: 19px !important;
    display: block !important;
    flex-shrink: 0;
}

/* ============================================================
   MY ACCOUNT · DASHBOARD
============================================================ */

.pl-account-dashboard {
    max-width: 1000px;
    margin: 0 auto;
    padding: 80px 40px 100px;
}

.pl-account-header {
    text-align: center;
    margin-bottom: 55px;
}

.pl-account-header .pl-eyebrow {
    margin-bottom: 18px;
    color: var(--pl-gold);
    font-size: 11px;
    letter-spacing: 0.28em;
    text-transform: uppercase;
}

.pl-account-header h1 {
    margin: 0 0 15px;
    color: var(--pl-heading);
    font-family: var(--pl-serif) !important;
    font-size: 42px;
    font-weight: 400;
}

.pl-account-intro {
    margin: 0;
    color: var(--pl-muted);
    font-size: 15px;
    font-weight: 300;
}


/* GRID */

.pl-account-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}


/* TARJETAS */

.pl-account-card {
    display: flex;
    align-items: center;
    gap: 22px;

    min-height: 150px;
    padding: 30px;

    background: var(--pl-card);
    border: 1px solid var(--pl-line);

    text-decoration: none !important;

    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease;
}

.pl-account-card:hover {
    background: var(--pl-card-hover);
    border-color: rgba(217,178,95,0.45);
    transform: translateY(-3px);
}


/* ICONO */

.pl-account-icon {
    flex: 0 0 58px;
    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid var(--pl-gold);
    border-radius: 50%;

    color: var(--pl-gold);
}

.pl-account-icon svg {
    width: 25px;
    height: 25px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* TEXTO */

.pl-account-card__content h3 {
    margin: 0 0 7px;

    color: var(--pl-title) !important;

    font-family: var(--pl-serif) !important;
    font-size: 21px;
    font-weight: 400;
}

.pl-account-card__content p {
    margin: 0;

    color: var(--pl-muted) !important;

    font-family: var(--pl-sans);
    font-size: 12px;
    letter-spacing: 0.04em;
}


/* OCULTAR EL MENÚ LATERAL ORIGINAL DE WOOCOMMERCE */

.woocommerce-account .woocommerce-MyAccount-navigation {
    display: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important;
    float: none !important;
}


/* RESPONSIVE */

@media (max-width: 700px) {

    .pl-account-dashboard {
        padding: 60px 22px 80px;
    }

    .pl-account-header h1 {
        font-size: 34px;
    }

    .pl-account-grid {
        grid-template-columns: 1fr;
    }

    .pl-account-card {
        min-height: 130px;
        padding: 24px;
    }

}

/* ============================================================
   AVISO "PRODUCTO AÑADIDO AL CARRITO"
   ============================================================ */
.woocommerce-message {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 25px !important;

    background: var(--pl-card) !important;
    color: var(--pl-text) !important;
    border: 1px solid var(--pl-line) !important;
    border-left: 2px solid var(--pl-gold) !important;
    border-radius: 3px !important;

    padding: 18px 22px !important;
    margin: 0 0 35px !important;

    font-family: var(--pl-sans) !important;
    font-size: 14px !important;
    font-weight: 300 !important;
}

.woocommerce-message::before {
    position: static !important;
    display: inline-block !important;
    flex: 0 0 auto !important;
    margin: 0 14px 0 0 !important;
    color: var(--pl-gold) !important;
}

.woocommerce-message .button,
.woocommerce-message a.button {
    background: transparent !important;
    color: var(--pl-gold) !important;
    border: 1px solid var(--pl-gold) !important;
    border-radius: 2px !important;
    padding: 11px 22px !important;
    margin: 0 0 0 auto !important;
    font-family: var(--pl-sans) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.woocommerce-message .button:hover,
.woocommerce-message a.button:hover {
    background: var(--pl-gold) !important;
    color: var(--pl-bg) !important;
    border-color: var(--pl-gold) !important;
}
 


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 600px) {

    .woocommerce-message {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 15px !important;
    }

    .woocommerce-message .button,
    .woocommerce-message a.button {
        width: auto !important;
    }
}



/* ============================================================
   VALORACIONES / RESEÑAS DE PRODUCTOS
   ============================================================ */

/* Contenedor completo de la valoración */
.woocommerce #reviews {
    color: var(--pl-text) !important;
}

/* Título "Sé el primero en valorar..." */
.woocommerce #review_form_wrapper {
    background: var(--pl-card) !important;
    border: 1px solid var(--pl-line) !important;
    border-radius: 3px !important;
    padding: 35px !important;
    margin-top: 30px !important;
}

/* Título del formulario */
.woocommerce #review_form #reply-title {
    color: var(--pl-heading) !important;
    font-family: var(--pl-serif) !important;
    font-size: 28px !important;
    font-weight: 400 !important;
    margin-bottom: 25px !important;
}

/* Textos: Tu puntuación, Tu valoración, etc. */
.woocommerce #review_form label {
    color: var(--pl-text) !important;
    font-family: var(--pl-sans) !important;
    font-weight: 400 !important;
}

/* Estrellas */
.woocommerce #review_form .stars a {
    color: var(--pl-gold) !important;
}

/* Campo de valoración */
.woocommerce #review_form textarea {
    background: #0F0D0C !important;
    color: var(--pl-text) !important;
    border: 1px solid var(--pl-line) !important;
    border-radius: 2px !important;
    padding: 14px !important;
    font-family: var(--pl-sans) !important;
    min-height: 120px !important;
}

/* Cuando haces clic dentro del campo */
.woocommerce #review_form textarea:focus {
    border-color: var(--pl-gold) !important;
    outline: none !important;
    box-shadow: 0 0 0 1px rgba(217,178,95,0.15) !important;
}

/* Placeholder */
.woocommerce #review_form textarea::placeholder {
    color: var(--pl-dim) !important;
}

/* Botón ENVIAR */
.woocommerce #review_form #submit {
    background: linear-gradient(
        100deg,
        var(--pl-gold-dark) 0%,
        var(--pl-gold-light) 45%,
        var(--pl-gold-dark) 100%
    ) !important;

    color: #0B0906 !important;
    border: none !important;
    border-radius: 2px !important;

    padding: 13px 30px !important;

    font-family: var(--pl-sans) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
}

/* Hover del botón */
.woocommerce #review_form #submit:hover {
    opacity: 0.9 !important;
}

/* ============================================================
   ESTRELLAS DE LA VALORACIÓN
   ============================================================ */

.woocommerce p.stars a {
    color: var(--pl-gold) !important;
}

.woocommerce p.stars a::before {
    color: var(--pl-gold) !important;
}

/* Texto "No hay valoraciones aún." */
.woocommerce #reviews .woocommerce-noreviews {
    color: var(--pl-muted) !important;
    font-family: var(--pl-sans) !important;
}

/* ============================================================
   DATOS DEL USUARIO
   ============================================================ */

.woocommerce #review_form .comment-form-author label,
.woocommerce #review_form .comment-form-email label {
    color: var(--pl-text) !important;
}

.woocommerce #review_form .comment-form-author input,
.woocommerce #review_form .comment-form-email input {
    background: #0F0D0C !important;
    color: var(--pl-text) !important;
    border: 1px solid var(--pl-line) !important;
    border-radius: 2px !important;
}

.woocommerce #review_form .comment-form-author input:focus,
.woocommerce #review_form .comment-form-email input:focus {
    border-color: var(--pl-gold) !important;
    outline: none !important;
}

/* ============================================================
   CARRITO VACÍO
   ============================================================ */

/* Eliminar el icono/emoji azul del carrito vacío */
.wc-block-cart__empty-cart__icon {
    display: none !important;
}

/* Mensaje de carrito vacío */
.wc-block-cart__empty-cart__title,
.cart-empty {
    color: var(--pl-text) !important;
    font-family: var(--pl-serif) !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    text-align: center;
}

/* Contenedor del mensaje */
.wc-block-cart__empty-cart {
    padding: 40px 20px 50px !important;
}

/* ============================================================
   PRODUCTOS RECOMENDADOS DEL CARRITO
   ============================================================ */

/* Separación visual antes de "New in store" */
.wc-block-cart__empty-cart + .wp-block-woocommerce-cart-cross-sells,
.wc-block-cart__empty-cart + .wc-block-cart__empty-cart__products {
    border-top: 1px solid var(--pl-gold) !important;
    padding-top: 45px !important;
    margin-top: 20px !important;
}

/* Título "New in store" */
.wc-block-cart__empty-cart__products h2,
.wp-block-woocommerce-cart-cross-sells h2 {
    color: var(--pl-heading) !important;
    font-family: var(--pl-serif) !important;
    font-weight: 400 !important;
    text-align: center;
    margin-bottom: 35px !important;
}

/* Fondo general de los productos recomendados */
.wc-block-cart__empty-cart__products,
.wp-block-woocommerce-cart-cross-sells {
    background: transparent !important;
}

/* ============================================================
   CARRITO BLOQUES WOOCOMMERCE
   ============================================================ */

/* Botón Proceder al pago */
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
    background: linear-gradient(
        100deg,
        var(--pl-gold-dark) 0%,
        var(--pl-gold-light) 45%,
        var(--pl-gold-dark) 100%
    ) !important;

    color: #0B0906 !important;
    border: none !important;
}

/* Textos del resumen */
.wc-block-cart__totals-title,
.wc-block-components-totals-item__label,
.wc-block-components-totals-item__value,
.wc-block-components-product-name {
    color: var(--pl-text) !important;
}

/* Precio */
.wc-block-components-product-price,
.wc-block-formatted-money-amount {
    color: var(--pl-gold) !important;
}

/* Cantidad */
.wc-block-components-quantity-selector input {
    color: #000 !important;
    background: #fff !important;
    font-weight: 600 !important;
}

/* Botones + y - */
.wc-block-components-quantity-selector button {
    color: var(--pl-gold) !important;
    background: #111 !important;
    border: 1px solid var(--pl-gold) !important;
}

/* Acordeón de cupones */
.wc-block-components-totals-coupon {
    color: var(--pl-text) !important;
}

.pl-account-notice {
	display: flex;
	align-items: center;
	gap: 22px;
	margin: 0 auto 40px;
	padding: 24px 28px;
	max-width: 850px;
	background: rgba(217, 178, 95, 0.06);
	border: 1px solid rgba(217, 178, 95, 0.35);
	border-left: 3px solid var(--pl-gold);
	border-radius: 4px;
}

.pl-account-notice__icon {
	flex-shrink: 0;
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--pl-gold);
	border-radius: 50%;
	color: var(--pl-gold);
	font-size: 20px;
}

.pl-account-notice__content h3 {
	margin: 0 0 7px;
	color: var(--pl-gold);
	font-size: 17px;
	font-weight: 500;
}

.pl-account-notice__content p {
	margin: 0;
	color: var(--pl-text);
	font-size: 13px;
	line-height: 1.7;
}

/* =========================================================
   PRODUCTO · ESTILISTA
   ========================================================= */

/* Número del selector de cantidad */
.woocommerce .quantity .qty {
    color: #111 !important;
    background-color: #fff !important;
    opacity: 1 !important;
    font-weight: 500;
}

/* =========================================================
   PRODUCTO · ESTILISTA · PRECIO ORIGINAL TACHADO
   ========================================================= */

.woocommerce div.product .woocommerce-variation-price del,
.woocommerce div.product .woocommerce-variation-price del .woocommerce-Price-amount,
.woocommerce div.product .woocommerce-variation-price del .woocommerce-Price-amount bdi {
    color: #777777 !important;
    opacity: 1 !important;
    text-decoration-color: #777777 !important;
}

/* Precio profesional/descontado */
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
    color: #D9B25F !important;
    text-decoration: none !important;
    font-weight: 600;
}


#add_payment_method .woocommerce-form-coupon-toggle,
.woocommerce-cart .woocommerce-form-coupon-toggle,
.woocommerce-checkout .woocommerce-form-coupon-toggle {
  display: none !important;
}
/* Botón editar dirección */
.woocommerce-Address-title a.edit {
  display: inline-block;
  padding: 12px 24px;
  background: var(--pl-gold);
  color: #0B0906;
  text-decoration: none;
  border-radius: 4px;
  font-weight: 500;
  transition: 0.3s;
  margin-top: 12px;
}

.woocommerce-Address-title a.edit:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}

/* Cambiar el botón blanco */
.woocommerce-Address header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

/* Ocultar campos de facturación en checkout */
#billing {
  display: none !important;
}

.woocommerce-billing-fields {
  display: none !important;
}

/* ============================================================
   CHECKOUT - ESTILOS TEMA
   ============================================================ */


/* Títulos checkout */
.woocommerce-checkout h3,
.woocommerce-checkout .woocommerce-form-row label {
  color: var(--pl-text) !important;
  font-family: 'Cormorant Garamond', serif !important;
}

/* Textos secciones */
.woocommerce-checkout .woocommerce-form-section h3 {
  color: var(--pl-gold) !important;
  font-size: 16px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

/* Campos de entrada */
.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
  background-color: rgba(13, 12, 10, 0.6) !important;
  color: var(--pl-text) !important;
  border-color: rgba(217, 178, 95, 0.3) !important;
}

.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus {
  border-color: var(--pl-gold) !important;
  box-shadow: 0 0 0 1px rgba(217, 178, 95, 0.4) !important;
}

/* Ocultar "Usar la misma dirección para facturación" */
#ship-to-different-address-checkbox,
#ship-to-different-address {
  display: none !important;
}

/* Ocultar cupones en todo el sitio */
.woocommerce-form-coupon-toggle,
.woocommerce-form-coupon,
.coupon-form,
form.checkout_coupon {
  display: none !important;
}

/* Ocultar SOLO el mensaje de confirmación de pedido (no otros avisos) */
.woocommerce-order-received .woocommerce-message,
.wc-block-order-confirmation__status,
.wc-block-order-confirmation {
  display: none !important;
}

/* Mostrar solo el texto si no hay pedidos */
.woocommerce-account .woocommerce-MyAccount-content p {
  color: var(--pl-gold) !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}




/* ============================================================
   SELECT2 (país/estado en direcciones) — mismo estilo oscuro
   ============================================================ */

/* La caja visible cerrada */
.woocommerce-page .select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single {
  background-color: #0F0D0C !important;
  border: 1px solid rgba(237,231,221,0.14) !important;
  border-radius: 2px !important;
  height: auto !important;
  padding: 12px 14px !important;
}


/* El texto seleccionado / placeholder */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--pl-text);
  line-height: 1.4;
  padding: 0;
  font-family: var(--pl-sans);
  font-size: 14.5px;
}

/* Placeholder tipo "Selecciona un país/región..." */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--pl-dim);
}

/* La flechita del desplegable */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  right: 10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--pl-gold) transparent transparent transparent;
}

/* Estado con foco (al hacer clic) */
.select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--pl-gold);
}

/* El panel desplegable con las opciones */
.select2-dropdown {
  background: #0F0D0C;
  border: 1px solid rgba(237,231,221,0.2);
  border-radius: 2px;
}

/* El buscador dentro del desplegable */
.select2-search--dropdown .select2-search__field {
  background: #0B0A09;
  border: 1px solid rgba(237,231,221,0.14);
  color: var(--pl-text);
  border-radius: 2px;
}

/* Cada opción de la lista */
.select2-results__option {
  color: var(--pl-text);
  font-family: var(--pl-sans);
  font-size: 14px;
  padding: 10px 14px;
}

/* Opción resaltada al pasar el mouse / navegar con teclado */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: var(--pl-gold);
  color: #0B0906;
}

/* Opción ya seleccionada dentro de la lista */
.select2-container--default .select2-results__option[aria-selected="true"] {
  background: rgba(217,178,95,0.15);
  color: var(--pl-gold-light);
}

/* Scrollbar del panel (opcional, detalle fino) */
.select2-results__options {
  scrollbar-color: var(--pl-gold) #0F0D0C;
}

.woocommerce-info {
  background-color: var(--pl-card) !important;
  color: var(--pl-gold) !important;
  border: none !important;
  padding: 60px 20px !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 28px !important;
  list-style: none !important;
}

/* El "cuadrado" que ves es el ícono por defecto (un glifo que no carga bien) */
.woocommerce-info::before {
  display: none !important;
}

/* Empuja el botón más abajo del texto */
.woocommerce-info a.button {
  margin-top: 8px !important;
}

/* ============================================================
   CHECKOUT EN BLOQUES (WooCommerce Blocks)
   ============================================================ */

/* Todo el texto base del checkout */
.wp-block-woocommerce-checkout,
.wc-block-checkout {
  color: var(--pl-text) !important;
}

.wp-block-woocommerce-checkout label,
.wp-block-woocommerce-checkout p,
.wp-block-woocommerce-checkout span,
.wp-block-woocommerce-checkout legend,
[class*="checkout-step__title"],
[class*="checkout-step__description"] {
  color: var(--pl-text) !important;
  font-family: var(--pl-sans) !important;
}


/* Enlaces (Editar, etc.) y botones tipo texto (Añadir cupones) en dorado */
.wp-block-woocommerce-checkout a,
.wp-block-woocommerce-checkout button[class*="panel__button"] {
  color: var(--pl-gold) !important;
}
.wp-block-woocommerce-checkout a:hover {
  color: var(--pl-gold-light) !important;
}

/* Casillas de verificación (checkboxes) */
.wp-block-woocommerce-checkout input[type="checkbox"] {
  accent-color: var(--pl-gold) !important;
}

/* Oculta la casilla "Usar la misma dirección para facturación" */
.wc-block-checkout__use-address-for-billing {
  display: none !important;
}

/* ============================================================
   CHECKOUT · Bordes dorados en cajas y títulos en dorado
   ============================================================ */

.wp-block-woocommerce-checkout h2,
.wp-block-woocommerce-checkout h3,
.wc-block-checkout h2,
.wc-block-components-checkout-step__title,
[class*="checkout-step__title"] {
  color: var(--pl-gold) !important;
  font-family: var(--pl-serif) !important;
  font-weight: 400 !important;
}

/* Caja de "Dirección de envío" ya guardada */
.wc-block-components-address-card {
  border: 1px solid var(--pl-gold) !important;
  border-radius: 3px !important;
  background: var(--pl-card) !important;
}


/* Cajas de "Opciones de envío" (cada método de envío, ej. Free shipping) */
.wc-block-components-radio-control__option {
  border: 1px solid var(--pl-gold) !important;
  border-radius: 3px !important;
  background: var(--pl-card) !important;
}

/* El punto/círculo seleccionado del radio button */
.wc-block-components-radio-control__input:checked {
  accent-color: var(--pl-gold) !important;
}

/* Caja del "Resumen del pedido" a la derecha */
.wc-block-components-sidebar .wc-block-components-panel,
.wc-block-checkout__sidebar > * {
  border: 1px solid var(--pl-gold) !important;
}

/* Caja del campo de email - borde completo, igual que las demás */
.wc-block-components-text-input {
  border: 1px solid var(--pl-gold) !important;
  border-radius: 3px !important;
  background: var(--pl-card) !important;
}

/* El input de adentro no debe tener su propio borde/línea duplicada */
.wc-block-components-text-input input {
  border: none !important;
  background: transparent !important;
}

/* Círculo con la cantidad, sobre la miniatura del producto */
.wc-block-components-order-summary-item__quantity {
  background: var(--pl-gold) !important;
  color: #0B0906 !important;
  border: none !important;
  font-family: var(--pl-sans) !important;
  font-weight: 600 !important;
}

/* ============================================================
   SOBRE NOSOTROS
   ============================================================ */

.pl-about-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  padding: 100px var(--pl-pad-x);
  background: var(--pl-bg);
}

.pl-about-hero__text h1 {
  font-size: 52px;
  margin: 20px 0;
}

.pl-about-hero__lead {
  color: var(--pl-muted);
  font-size: 16px;
  line-height: 1.7;
}

.pl-about-hero__media {
  background: var(--pl-card);
  border: 1px solid var(--pl-line);
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}

.pl-card__placeholder {
  color: var(--pl-dim);
  font-size: 14px;
}

/* Nuestra historia */
.pl-about-story {
  padding: 100px var(--pl-pad-x);
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.pl-about-story h2 {
  font-size: 42px;
  margin: 20px 0 40px;
}

.pl-about-story__text p {
  color: var(--pl-muted);
  font-size: 16px;
  line-height: 1.8;
}

/* Por qué elegirnos */
.pl-about-values {
  padding: 100px var(--pl-pad-x);
}

.pl-about-values h2 {
  font-size: 42px;
  margin: 20px 0 60px;
}

.pl-about-values__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.pl-value-card {
  padding: 40px 30px;
  background: var(--pl-card);
  border: 1px solid var(--pl-line);
  border-radius: 4px;
  text-align: center;
}

.pl-value-card__icon {
  width: 60px;
  height: 60px;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--pl-gold);
  border-radius: 50%;
  color: var(--pl-gold);
}

.pl-value-card h3 {
  font-size: 20px;
  margin: 20px 0;
}

.pl-value-card p {
  color: var(--pl-muted);
  font-size: 14px;
  line-height: 1.7;
}

/* CTA final */
.pl-about-cta {
  padding: 80px var(--pl-pad-x);
  text-align: center;
  background: var(--pl-card);
  border-top: 1px solid var(--pl-line);
}

.pl-about-cta h2 {
  font-size: 36px;
  margin: 0 0 30px;
}

.pl-btn {
  display: inline-block;
  padding: 17px 34px;
  background: linear-gradient(100deg, #B98B37 0%, #F0D28A 45%, #B98B37 100%);
  color: #0B0906;
  text-decoration: none;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  border-radius: 2px;
  transition: 0.3s;
}

.pl-btn:hover {
  filter: brightness(1.1);
}

.pl-eyebrow {
  color: var(--pl-gold);
  font-size: 11px;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  display: block;
  margin-bottom: 16px;
}

/* Responsive */
@media (max-width: 900px) {
  .pl-about-hero {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .pl-about-values__grid {
    grid-template-columns: 1fr;
  }
}

/* Botón Soy Estilista */
.pl-btn--ghost {
  background: transparent !important;
  border: 1px solid var(--pl-gold) !important;
  color: var(--pl-gold) !important;
}

.pl-btn--ghost:hover {
  background: var(--pl-gold) !important;
  color: #0B0906 !important;
}

/* ============================================================
   FAQ
   ============================================================ */

.pl-faq-hero {
  text-align: center;
  padding: 100px var(--pl-pad-x);
  background: var(--pl-bg);
}

.pl-faq-hero h1 {
  font-size: 48px;
  margin: 0 0 20px;
}

.pl-faq-hero p {
  color: var(--pl-muted);
  font-size: 16px;
  max-width: 500px;
  margin: 0 auto;
}

.pl-faq-section {
  padding: 80px var(--pl-pad-x);
  background: var(--pl-bg);
}

.pl-faq-container {
  max-width: 700px;
  margin: 0 auto;
}

.pl-faq-item {
  border-bottom: 1px solid var(--pl-line);
}

.pl-faq-item:last-child {
  border-bottom: none;
}

.pl-faq-question {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 0;
  background: transparent;
  border: none;
  color: var(--pl-text);
  font-family: var(--pl-serif);
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  cursor: pointer;
  transition: color 0.3s;
}

.pl-faq-question:hover {
  color: var(--pl-gold);
}

.pl-faq-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: var(--pl-gold);
  transition: transform 0.3s;
}

.pl-faq-item.is-open .pl-faq-icon {
  transform: rotate(180deg);
}

.pl-faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.pl-faq-item.is-open .pl-faq-answer {
  max-height: 500px;
}

.pl-faq-answer p {
  color: var(--pl-muted);
  font-size: 15px;
  line-height: 1.7;
  margin: 0 0 24px;
}

/* Oculta el título "Acceder" del formulario de login (h2 sin clase) */
.woocommerce-account .woocommerce > h2 {
  display: none !important;
}