/* Clandestinos — Mi cuenta (templates/account.php). Aislado: solo se carga en la página de cuenta. */
.clr-acct{background:var(--clr-bg);color:var(--clr-text);min-height:70vh;padding-bottom:5rem}
.clr-acct .clr-pagehead{padding-top:calc(var(--clr-header-h,64px) + 3rem);padding-bottom:1.5rem}
.clr-acct__wrap{max-width:1100px;margin:0 auto;padding:0 1.5rem}
.clr-acct__wrap .woocommerce{background:transparent!important;color:var(--clr-text)}

/* Texto base: nada de blanco sobre blanco */
.clr-acct :is(p,li,label,span,td,th,dt,dd,address,legend){color:var(--clr-text)}
.clr-acct :is(h1,h2,h3,h4,strong,b){color:var(--clr-ivory)}
.clr-acct a:not(.button):not(.clr-btn){color:var(--clr-gold-lt);text-decoration:none}
.clr-acct a:not(.button):not(.clr-btn):hover{color:var(--clr-gold);text-decoration:underline}

/* ---------- Formularios (login, registro, recuperar, datos, direcciones) ---------- */
.clr-acct .woocommerce-form,.clr-acct form.woocommerce-form-login,.clr-acct form.woocommerce-form-register,.clr-acct form.lost_reset_password,
.clr-acct .woocommerce-EditAccountForm,.clr-acct .woocommerce-address-fields{background:var(--clr-tobacco)!important;border:1px solid var(--clr-line)!important;border-radius:0!important;padding:2rem!important;margin:0!important}
.clr-acct label{display:block;margin:0 0 .45rem;font:500 .72rem var(--clr-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--clr-muted)!important}
.clr-acct label .required{color:var(--clr-gold)!important;text-decoration:none}
.clr-acct :is(input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],select,textarea,.select2-selection){
  width:100%!important;height:3.1rem;padding:0 1rem!important;background:rgba(245,227,200,.06)!important;border:1px solid rgba(212,175,55,.28)!important;border-radius:0!important;color:var(--clr-ivory)!important;font:400 1rem var(--clr-sans)!important;box-shadow:none!important}
.clr-acct textarea{height:auto;padding:.8rem 1rem!important}
.clr-acct :is(input,select,textarea):focus{border-color:var(--clr-gold)!important;box-shadow:0 0 14px rgba(212,175,55,.22)!important;outline:none}
.clr-acct input:-webkit-autofill{-webkit-text-fill-color:var(--clr-ivory);-webkit-box-shadow:0 0 0 40px #1f140a inset}
.clr-acct .form-row,.clr-acct .woocommerce-form-row{margin:0 0 1.2rem!important;padding:0!important;float:none!important;width:100%!important}
.clr-acct .form-row-first,.clr-acct .form-row-last{width:calc(50% - .6rem)!important;display:inline-block;vertical-align:top}
.clr-acct .form-row-first{margin-right:1.2rem!important}
.clr-acct .password-input{position:relative;display:block}
.clr-acct .show-password-input{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);width:1.6rem;height:1.6rem;background:none!important;border:0!important;opacity:.7;cursor:pointer}
.clr-acct .show-password-input::after{color:var(--clr-gold-lt)}
.clr-acct .woocommerce-form-login__rememberme{display:flex!important;align-items:center;gap:.6rem;margin:.2rem 0 1.4rem;font:400 .9rem var(--clr-sans);letter-spacing:0;text-transform:none;color:var(--clr-text)!important}
.clr-acct input[type=checkbox]{width:1.05rem!important;height:1.05rem!important;accent-color:var(--clr-gold);margin:0}
.clr-acct .woocommerce-form-login__submit,.clr-acct form button[type=submit],.clr-acct form .button{width:100%;height:3.2rem;padding:0 1.5rem!important;margin:0!important}
.clr-acct .woocommerce-LostPassword,.clr-acct p.lost_password{margin:1.2rem 0 0!important;text-align:center;font:400 .9rem var(--clr-sans)}
.clr-acct .woocommerce-form-login .form-row:last-of-type{margin-bottom:0!important}
.clr-acct .woocommerce-privacy-policy-text p,.clr-acct form p small,.clr-acct .description{font:300 .85rem/1.6 var(--clr-sans);color:var(--clr-muted)}

/* Inicio de sesión: tarjeta centrada y de ancho cómodo (si hay registro, dos tarjetas) */
.clr-acct-out .woocommerce>h2{display:none}
.clr-acct-out .woocommerce>form.woocommerce-form-login{max-width:460px;margin:0 auto!important}
.clr-acct-out .u-columns{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:960px;margin:0 auto}
.clr-acct-out .u-columns .u-column1,.clr-acct-out .u-columns .u-column2{width:100%!important;float:none!important}
.clr-acct-out .u-columns h2{font:500 1.3rem var(--clr-serif);letter-spacing:.14em;text-transform:uppercase;margin:0 0 1rem;color:var(--clr-ivory)}
.clr-acct-out form.lost_reset_password{max-width:460px;margin:0 auto!important}
.clr-acct-out .woocommerce>p{max-width:460px;margin:0 auto 1.4rem;text-align:center}

/* Avisos */
.clr-acct .woocommerce-message,.clr-acct .woocommerce-info,.clr-acct .woocommerce-error{max-width:760px;margin:0 auto 1.6rem!important;background:var(--clr-tobacco)!important;color:var(--clr-ivory)!important;border:1px solid var(--clr-line)!important;border-top:2px solid var(--clr-gold)!important;border-radius:0!important;padding:1rem 1.2rem 1rem 3rem!important}
.clr-acct .woocommerce-error{border-top-color:#c0584a!important;list-style:none}
.clr-acct .woocommerce-message a.button,.clr-acct .woocommerce-info a.button{width:auto;height:auto;padding:.6rem 1.2rem!important;float:right}

/* ---------- Panel del cliente (sesión iniciada) ---------- */
.clr-acct-in .woocommerce{display:grid;grid-template-columns:240px minmax(0,1fr);gap:2.5rem;align-items:start}
.clr-acct .woocommerce-MyAccount-navigation{float:none!important;width:auto!important}
.clr-acct .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;border:1px solid var(--clr-line);background:var(--clr-tobacco)}
.clr-acct .woocommerce-MyAccount-navigation li{margin:0;border-bottom:1px solid var(--clr-line)}
.clr-acct .woocommerce-MyAccount-navigation li:last-child{border-bottom:0}
.clr-acct .woocommerce-MyAccount-navigation a{display:block;padding:.95rem 1.2rem;font:500 .78rem var(--clr-sans)!important;letter-spacing:.2em;text-transform:uppercase;color:var(--clr-text)!important;text-decoration:none!important;border-left:2px solid transparent}
.clr-acct .woocommerce-MyAccount-navigation a:hover{color:var(--clr-gold-lt)!important;background:rgba(212,175,55,.06)}
.clr-acct .woocommerce-MyAccount-navigation .is-active a{color:var(--clr-gold)!important;border-left-color:var(--clr-gold);background:rgba(212,175,55,.09)}
.clr-acct .woocommerce-MyAccount-content{float:none!important;width:auto!important;min-width:0;font:300 1rem/1.75 var(--clr-sans)}
.clr-acct .woocommerce-MyAccount-content>p:first-child{margin-top:0}
.clr-acct .woocommerce-MyAccount-content h2,.clr-acct .woocommerce-MyAccount-content h3{font:500 1.35rem var(--clr-serif);letter-spacing:.12em;text-transform:uppercase;margin:0 0 1rem}
.clr-acct .woocommerce-Addresses{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.clr-acct .woocommerce-Addresses .col-1,.clr-acct .woocommerce-Addresses .col-2{width:100%!important;float:none!important;padding:1.4rem;border:1px solid var(--clr-line);background:var(--clr-tobacco)}
.clr-acct .woocommerce-Address-title{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.8rem}
.clr-acct .woocommerce-Address-title h3{margin:0}
.clr-acct address{font-style:normal;line-height:1.7}
.clr-acct .woocommerce-EditAccountForm fieldset{border:1px solid var(--clr-line);padding:1.2rem;margin:1.4rem 0}
.clr-acct .woocommerce-EditAccountForm legend{padding:0 .6rem;font:500 .75rem var(--clr-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--clr-gold)!important}

/* Tablas (pedidos, detalle de pedido) */
.clr-acct table.shop_table,.clr-acct table.my_account_orders,.clr-acct table.woocommerce-table{width:100%;border:1px solid var(--clr-line)!important;border-collapse:collapse;background:var(--clr-tobacco)!important;border-radius:0!important}
.clr-acct table th{font:500 .72rem var(--clr-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--clr-muted)!important;background:rgba(245,227,200,.04)!important;padding:.9rem 1rem!important;text-align:left}
.clr-acct table td{padding:.9rem 1rem!important;border-top:1px solid var(--clr-line)!important;background:transparent!important;color:var(--clr-text)!important}
.clr-acct table .amount,.clr-acct table .woocommerce-Price-amount{color:var(--clr-gold)!important}
.clr-acct table .button{width:auto;height:auto;padding:.55rem 1rem!important;font-size:.7rem!important}
.clr-acct .woocommerce-pagination{margin-top:1.4rem}

/* ---------- Pantallas medianas y móvil ---------- */
@media(max-width:900px){
  .clr-acct-in .woocommerce{grid-template-columns:1fr;gap:1.6rem}
  .clr-acct .woocommerce-MyAccount-navigation ul{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .clr-acct .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{display:none}
  .clr-acct .woocommerce-MyAccount-navigation li{flex:0 0 auto;border-bottom:0;border-right:1px solid var(--clr-line)}
  .clr-acct .woocommerce-MyAccount-navigation a{white-space:nowrap;border-left:0;border-bottom:2px solid transparent;padding:.9rem 1.1rem}
  .clr-acct .woocommerce-MyAccount-navigation .is-active a{border-bottom-color:var(--clr-gold)}
}
@media(max-width:760px){
  .clr-acct-out .u-columns{grid-template-columns:1fr;gap:1.4rem}
  .clr-acct .woocommerce-Addresses{grid-template-columns:1fr}
  .clr-acct .form-row-first,.clr-acct .form-row-last{width:100%!important;margin-right:0!important;display:block}
}
@media(max-width:560px){
  .clr-acct__wrap{padding:0 1rem}
  .clr-acct .clr-pagehead{padding-top:calc(var(--clr-header-h,64px) + 1.6rem);padding-bottom:1rem}
  .clr-acct .woocommerce-form,.clr-acct form.woocommerce-form-login,.clr-acct form.woocommerce-form-register,.clr-acct form.lost_reset_password,.clr-acct .woocommerce-EditAccountForm,.clr-acct .woocommerce-address-fields{padding:1.4rem 1.2rem!important}
  /* Tablas de pedidos: cada fila como tarjeta */
  .clr-acct table.my_account_orders thead,.clr-acct table.woocommerce-orders-table thead{display:none}
  .clr-acct table.my_account_orders tr,.clr-acct table.woocommerce-orders-table tr{display:block;border-top:1px solid var(--clr-line)}
  .clr-acct table.my_account_orders td,.clr-acct table.woocommerce-orders-table td{display:flex;justify-content:space-between;gap:1rem;border-top:0!important;padding:.6rem 1rem!important}
  .clr-acct table.my_account_orders td::before,.clr-acct table.woocommerce-orders-table td::before{content:attr(data-title);font:500 .68rem var(--clr-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--clr-muted)}
}

/* Ajustes: etiquetas más discretas y "Remember me" antes del botón */
.clr-acct label{font-size:.7rem!important;letter-spacing:.2em!important}
.clr-acct .woocommerce-form-login p.form-row:has(.woocommerce-form-login__submit){display:flex!important;flex-direction:column;gap:.9rem}
.clr-acct .woocommerce-form-login__rememberme{order:1;margin:0!important}
.clr-acct .woocommerce-form-login__submit{order:2}
.clr-acct .woocommerce-form-login__rememberme span{font-size:.9rem}

/* Panel: los pseudo-elementos "clearfix" de WooCommerce se volvían celdas de la cuadrícula; y el tema pintaba el menú claro */
.clr-acct .woocommerce::before,.clr-acct .woocommerce::after{display:none!important;content:none!important}
.clr-acct .woocommerce-MyAccount-navigation ul,.clr-acct .woocommerce-MyAccount-navigation li{background:transparent!important;box-shadow:none!important}
.clr-acct .woocommerce-MyAccount-navigation ul{background:var(--clr-tobacco)!important}
.clr-acct .woocommerce-MyAccount-navigation li a{background:transparent!important}
.clr-acct .woocommerce-MyAccount-navigation li.is-active a{background:rgba(212,175,55,.09)!important;color:var(--clr-gold)!important}
.clr-acct .woocommerce-MyAccount-navigation li a:hover{background:rgba(212,175,55,.06)!important}
.clr-acct .woocommerce-MyAccount-navigation-link--customer-logout a{color:var(--clr-muted)!important}

/* Móvil: la columna no debe crecer con el menú horizontal (evita desbordar a la derecha) */
@media(max-width:900px){
  .clr-acct-in .woocommerce{grid-template-columns:minmax(0,1fr)!important}
  .clr-acct .woocommerce-MyAccount-navigation{min-width:0;max-width:100%}
  .clr-acct .woocommerce-MyAccount-content{max-width:100%;overflow-wrap:anywhere}
  .clr-acct .woocommerce-MyAccount-content table{display:block;overflow-x:auto}
}
.clr-acct{overflow-x:clip}

/* Recuperar contraseña: el campo ocupa todo el ancho de la tarjeta */
.clr-acct form.lost_reset_password .form-row,.clr-acct form.lost_reset_password .form-row-first,.clr-acct form.lost_reset_password .form-row-last{width:100%!important;display:block;margin-right:0!important}
