/* ============================================================
   MI CUENTA (WooCommerce) — toque de marca a juego con el tema.
   No hay maqueta; estilo derivado de los tokens del tema.
   ============================================================ */

/* ── Cabecera ─────────────────────────────────────────────── */
.acc-hero{padding:170px 0 36px;background:var(--tgy-bg)}
.acc-hero__overline{margin-bottom:14px}
.acc-hero__overline .dot{width:10px;height:10px;border-radius:50%;background:var(--tgy-rojo);display:inline-block}
.acc-hero__title{font-family:var(--tgy-font-display);font-weight:400;font-size:64px;line-height:1.05;letter-spacing:-1px;text-transform:uppercase;color:#fff;margin:0}
.acc-hero__lead{font-family:var(--tgy-font-body);font-size:18px;color:rgba(255,255,255,.7);margin:14px 0 0}

/* ── Layout ───────────────────────────────────────────────── */
.acc-body{padding:0 0 90px;background:var(--tgy-bg)}
.acc-layout{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:start}

/* Anula el layout flotante por defecto de WooCommerce: manda el grid .acc-layout */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{float:none;width:auto;margin:0}

/* ── Navegación (pills verticales) ────────────────────────── */
.woocommerce-account .woocommerce-MyAccount-navigation{background:transparent;position:sticky;top:96px}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.woocommerce-account .woocommerce-MyAccount-navigation li{margin:0}
.woocommerce-account .woocommerce-MyAccount-navigation li a{
	display:block;padding:14px 22px;border-radius:32px;
	font-family:var(--tgy-font-label);font-weight:600;font-size:16px;letter-spacing:.5px;
	color:rgba(255,255,255,.78);background:rgba(255,255,255,.06);
	transition:background .25s ease,color .25s ease,transform .25s ease}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{color:#fff;background:rgba(255,255,255,.12);transform:translateX(2px)}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
	color:#fff;background:var(--tgy-gradient-cta);background-size:160% 160%}

/* ── Contenido (tarjeta blanca) ───────────────────────────── */
.woocommerce-account .woocommerce-MyAccount-content{
	background:#fff;color:var(--tgy-bg-deep);border-radius:20px;padding:36px 40px;
	font-family:var(--tgy-font-body);font-size:16px;line-height:1.6}
.woocommerce-account .woocommerce-MyAccount-content a{color:var(--tgy-rojo)}
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3{
	font-family:var(--tgy-font-body);font-weight:700;color:var(--tgy-bg-deep);letter-spacing:.3px;margin:0 0 16px}
.woocommerce-account .woocommerce-MyAccount-content p{color:rgba(0,0,0,.78)}
.woocommerce-account .woocommerce-MyAccount-content mark{background:none;color:var(--tgy-rojo);font-weight:600}

/* Tablas (pedidos, descargas) */
.woocommerce-account .woocommerce-MyAccount-content table{width:100%;border-collapse:collapse;margin:0 0 20px}
.woocommerce-account .woocommerce-MyAccount-content table th,
.woocommerce-account .woocommerce-MyAccount-content table td{
	padding:14px 12px;text-align:left;border-bottom:1px solid rgba(0,0,0,.1);font-size:15px}
.woocommerce-account .woocommerce-MyAccount-content table th{font-family:var(--tgy-font-label);font-weight:600;color:var(--tgy-bg-deep)}

/* Direcciones (facturación + envío) — 2 tarjetas.
   !important en float/width para ganar al .col2-set .col-1{float:left;width:48%} de WooCommerce. */
.woocommerce-account .woocommerce-Addresses.col2-set{
	display:grid !important;grid-template-columns:1fr 1fr;gap:24px;margin-top:8px;float:none !important;width:auto !important}
.woocommerce-account .woocommerce-Addresses.col2-set > div{
	float:none !important;width:auto !important;max-width:none !important;margin:0 !important}
.woocommerce-account .woocommerce-Address{
	background:#f6f7f9;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:24px 26px;
	display:flex;flex-direction:column;height:100%}
.woocommerce-account .woocommerce-Address-title{
	display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.woocommerce-account .woocommerce-Address-title h2,
.woocommerce-account .woocommerce-Address-title h3{margin:0;font-size:18px;font-weight:700;color:var(--tgy-bg-deep)}
.woocommerce-account .woocommerce-Address-title .edit{
	display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:100px;
	border:1.5px solid rgba(0,0,0,.15);background:#fff;
	font-family:var(--tgy-font-label);font-weight:600;font-size:13px;color:var(--tgy-bg-deep);
	text-decoration:none;transition:border-color .2s ease,color .2s ease}
.woocommerce-account .woocommerce-Address-title .edit:hover{border-color:var(--tgy-rojo);color:var(--tgy-rojo)}
.woocommerce-account .woocommerce-Address address{font-style:normal;line-height:1.7;color:rgba(0,0,0,.7);margin:0}
@media (max-width:767px){
	.woocommerce-account .woocommerce-Addresses.col2-set{grid-template-columns:1fr}
}

/* Formularios / inputs */
.woocommerce-account .woocommerce-MyAccount-content label{font-family:var(--tgy-font-label);font-weight:600;font-size:14px;color:var(--tgy-bg-deep);display:block;margin-bottom:6px}
.woocommerce-account .woocommerce-MyAccount-content input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.woocommerce-account .woocommerce-MyAccount-content select,
.woocommerce-account .woocommerce-MyAccount-content textarea{
	width:100%;height:48px;border:1px solid rgba(0,0,0,.18);border-radius:100px;padding:0 18px;
	font-family:var(--tgy-font-body);font-size:15px;color:var(--tgy-bg-deep);background:#fff}
.woocommerce-account .woocommerce-MyAccount-content textarea{height:auto;border-radius:18px;padding:14px 18px}
.woocommerce-account .woocommerce-MyAccount-content input:focus,
.woocommerce-account .woocommerce-MyAccount-content select:focus,
.woocommerce-account .woocommerce-MyAccount-content textarea:focus{outline:none;border-color:var(--tgy-rojo)}

/* Botones — estilo de marca (gradiente) */
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-MyAccount-content button,
.woocommerce-account .woocommerce-MyAccount-content input[type=submit]{
	display:inline-flex;align-items:center;justify-content:center;
	font-family:var(--tgy-font-label);font-weight:600;font-size:16px;letter-spacing:.5px;
	color:#fff;border:0;cursor:pointer;padding:14px 30px;border-radius:32px;
	background:var(--tgy-gradient-cta);background-size:160% 160%;background-position:0% 50%;
	transition:background-position .45s ease,transform .25s ease,filter .25s ease}
.woocommerce-account .woocommerce-MyAccount-content .button:hover,
.woocommerce-account .woocommerce-MyAccount-content button:hover,
.woocommerce-account .woocommerce-MyAccount-content input[type=submit]:hover{background-position:100% 50%;transform:scale(1.02);filter:brightness(1.07)}

/* Avisos WooCommerce */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error{
	border-radius:14px;padding:16px 20px;list-style:none;margin:0 0 20px;font-size:15px;border-left:4px solid var(--tgy-rojo)}

/* ── Login / registro (usuario no logueado) ───────────────── */
.acc-login{padding-top:8px}
.acc-login .u-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}
@media (max-width:767px){.acc-login .u-columns{grid-template-columns:1fr}}
.woocommerce-account .woocommerce form.login,
.woocommerce-account .woocommerce form.register{
	background:#fff;color:var(--tgy-bg-deep);border-radius:20px;padding:36px 40px;max-width:520px}
.woocommerce-account .woocommerce form.login label,
.woocommerce-account .woocommerce form.register label{font-family:var(--tgy-font-label);font-weight:600;font-size:14px;color:var(--tgy-bg-deep)}
.woocommerce-account .woocommerce form.login input:not([type=checkbox]):not([type=submit]),
.woocommerce-account .woocommerce form.register input:not([type=checkbox]):not([type=submit]){
	width:100%;height:48px;border:1px solid rgba(0,0,0,.18);border-radius:100px;padding:0 18px;
	font-family:var(--tgy-font-body);font-size:15px;color:var(--tgy-bg-deep)}
.woocommerce-account .woocommerce form.login .button,
.woocommerce-account .woocommerce form.register .button{
	font-family:var(--tgy-font-label);font-weight:600;color:#fff;border:0;cursor:pointer;
	padding:14px 30px;border-radius:32px;background:var(--tgy-gradient-cta)}

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width:991px){
	.acc-hero{padding:140px 0 28px}
	.acc-hero__title{font-size:46px}
	.acc-layout{grid-template-columns:1fr;gap:20px}
	.woocommerce-account .woocommerce-MyAccount-navigation{position:static}
	.woocommerce-account .woocommerce-MyAccount-navigation ul{flex-direction:row;flex-wrap:wrap}
	.woocommerce-account .woocommerce-MyAccount-content{padding:26px 22px}
}