/* ====================================================================
 * Mi Cuenta — sidebar navigation rediseño CICP
 * ==================================================================== */

.rcicp-account-nav {
	--rcicp-nav-primary: #B81F1F;
	--rcicp-nav-primary-soft: rgba(184, 31, 31, 0.08);
	--rcicp-nav-text: #0f172a;
	--rcicp-nav-muted: #64748b;
	--rcicp-nav-border: rgba(226, 232, 240, 0.7);
	--rcicp-nav-radius: 10px;
}

.rcicp-account-menu {
	list-style: none;
	margin: 0;
	padding: 6px;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.rcicp-account-menu li {
	margin: 0;
	padding: 0;
	background: none !important;
	border: none !important;
}

.rcicp-account-menu li a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 11px 14px;
	color: var(--rcicp-nav-text);
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	border-radius: var(--rcicp-nav-radius);
	transition: background .15s ease, color .15s ease, transform .12s ease;
	background: transparent;
	letter-spacing: -0.005em;
}

.rcicp-account-menu li a:hover {
	background: var(--rcicp-nav-primary-soft);
	color: var(--rcicp-nav-primary);
}

.rcicp-account-menu li.is-active a,
.rcicp-account-menu li.woocommerce-MyAccount-navigation-link--is-active a {
	background: linear-gradient(135deg, var(--rcicp-nav-primary) 0%, #d63838 100%);
	color: #fff;
	font-weight: 600;
	box-shadow: 0 4px 12px rgba(184, 31, 31, 0.22);
}
.rcicp-account-menu li.is-active a:hover,
.rcicp-account-menu li.woocommerce-MyAccount-navigation-link--is-active a:hover {
	color: #fff;
	background: linear-gradient(135deg, #a01818 0%, #c52e2e 100%);
}

.rcicp-nav-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	flex-shrink: 0;
	color: var(--rcicp-nav-muted);
	transition: color .15s ease;
}
.rcicp-account-menu li a:hover .rcicp-nav-icon { color: var(--rcicp-nav-primary); }
.rcicp-account-menu li.is-active a .rcicp-nav-icon,
.rcicp-account-menu li.woocommerce-MyAccount-navigation-link--is-active a .rcicp-nav-icon { color: #fff; }

.rcicp-nav-icon svg { width: 100%; height: 100%; display: block; }

.rcicp-nav-label {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Esconder iconos legacy de fuente del theme BB que aparecían a la izquierda */
.rcicp-account-menu li a::before,
.rcicp-account-menu li a > i.bb-icon-l,
.rcicp-account-menu li a > i[class*="bb-icon"] {
	display: none !important;
	content: none !important;
}

/* Heading */
.wc-MyAccount-navigation-heading {
	padding: 6px 14px 12px;
	margin-bottom: 4px;
	border-bottom: 1px solid var(--rcicp-nav-border);
}
.wc-MyAccount-navigation-heading h5 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	font-size: 11.5px;
	font-weight: 700;
	color: var(--rcicp-nav-muted);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}
.wc-MyAccount-navigation-heading .push-my-account-nav {
	display: none;
}

/* Responsive — el theme BB muestra un toggle en mobile */
@media (max-width: 800px) {
	.wc-MyAccount-navigation-heading .push-my-account-nav { display: inline-flex; }
	.rcicp-account-menu li a { padding: 13px 16px; font-size: 15px; }
}