/* ==========================================================================
   EFI Energy — Mi Cuenta
   ========================================================================== */

.woocommerce-account{
	--efi-blue:#000B67;
	--efi-orange-btn:#B45303;
	--efi-ink:#1A1A2E;
	--efi-gray-600:#6C757D;
	--efi-gray-200:#E7E9EC;
	--efi-bg:#FAFAFC;
	--efi-success:#28A745;
	--efi-warning:#FFC107;
	font-family:'Inter',sans-serif;
}

.woocommerce-MyAccount-navigation{float:left;width:220px;margin-right:26px;box-sizing:border-box;}
.woocommerce-MyAccount-content{overflow:hidden;box-sizing:border-box;} /* overflow:hidden crea el "carril" junto al float, sin necesitar grid */
@media(max-width:760px){
	.woocommerce-MyAccount-navigation{float:none;width:100%;margin:0 0 20px;}
}

/* Menú lateral */
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;}
.woocommerce-MyAccount-navigation li{margin:0;}
.woocommerce-MyAccount-navigation li a{
	display:flex;align-items:center;gap:10px;text-decoration:none;
	padding:11px 14px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--efi-ink);
}
.woocommerce-MyAccount-navigation li a::before{content:"";width:16px;height:16px;flex:none;background:currentColor;opacity:.65;
	-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
	-webkit-mask-image:var(--efi-nav-icon);mask-image:var(--efi-nav-icon);
}
.woocommerce-MyAccount-navigation li.is-active a{background:var(--efi-blue);color:#fff;}
.woocommerce-MyAccount-navigation li.is-active a::before{opacity:1;}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a{color:#DC3545;margin-top:8px;}

/* Contenido */
.woocommerce-MyAccount-content{font-size:13.5px;color:var(--efi-ink);}
.woocommerce-MyAccount-content > p:first-child{color:var(--efi-gray-600);}

/* Tabla de pedidos */
table.woocommerce-orders-table{border-collapse:collapse;width:100%;}
table.woocommerce-orders-table thead th{
	text-align:left;font-family:'IBM Plex Mono',monospace;font-size:11px;text-transform:uppercase;color:var(--efi-gray-600);
	border:none;border-bottom:1px solid var(--efi-gray-200);padding:0 8px 10px;
}
table.woocommerce-orders-table td{border:none;border-bottom:1px solid var(--efi-gray-200);padding:14px 8px;font-size:13px;}
table.woocommerce-orders-table .woocommerce-orders-table__cell-order-total{font-family:'Space Grotesk',sans-serif;font-weight:700;color:var(--efi-blue);}
table.woocommerce-orders-table a.woocommerce-button{
	background:var(--efi-blue);color:#fff !important;border-radius:7px;padding:8px 14px;font-size:12px;font-weight:600;text-decoration:none;
}

/* Status del pedido, a colores */
.woocommerce-orders-table__cell-order-status mark,
mark.order-status{
	background:none;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:20px;display:inline-block;
}
.status-completed{background:#E7F6EA;color:var(--efi-success);}
.status-processing{background:#E8EAF6;color:var(--efi-blue);}
.status-on-hold, .status-pending{background:#FFF3E0;color:var(--efi-orange-btn);}
.status-cancelled, .status-failed, .status-refunded{background:#FBEAEA;color:#DC3545;}

/* Direcciones */
.woocommerce-Addresses{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media(max-width:600px){.woocommerce-Addresses{grid-template-columns:1fr;}}
.woocommerce-Address{border:1px solid var(--efi-gray-200);border-radius:12px;padding:18px;}
.woocommerce-Address-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.woocommerce-Address-title h2{font-size:13.5px;font-family:'Space Grotesk',sans-serif;color:var(--efi-ink);margin:0;}
.woocommerce-Address-title a{font-size:12px;color:var(--efi-orange-btn);font-weight:600;text-decoration:none;}
.woocommerce-Address address{font-style:normal;font-size:12.5px;color:var(--efi-gray-600);line-height:1.6;}

/* Formulario de edición (datos de cuenta / direcciones) */
.woocommerce-account form .form-row label{font-size:12px;color:var(--efi-gray-600);}
.woocommerce-account form .form-row input.input-text,
.woocommerce-account form .form-row select{
	border:1px solid var(--efi-gray-200);border-radius:8px;padding:11px 12px;font-size:13.5px;width:100%;
}
.woocommerce-account form button[type="submit"]{
	background:var(--efi-orange-btn) !important;color:#fff !important;border:none;border-radius:9px;
	padding:12px 24px;font-weight:700;font-size:13.5px;
}
