/* Brandgen Account Dashboard — convierte Mi Cuenta en panel de gestión */

:root {
	--bgad-green: #61ce70;
	--bgad-green-d: #43b85a;
	--bgad-bg: #eef1f5;
	--bgad-card: #ffffff;
	--bgad-text: #243240;
	--bgad-muted: #6b7884;
	--bgad-border: #e3e8ee;
}

/* 1) Ocultar header/footer del sitio solo en el panel */
body.bgad-dashboard-active .elementor-location-header,
body.bgad-dashboard-active .elementor-location-footer {
	display: none !important;
}

/* 1b) Quitar título "Mi perfil" (page-header del theme) y el banner hero (slideshow) */
body.bgad-dashboard-active .page-header {
	display: none !important;
}
body.bgad-dashboard-active .jet-woo-builder-my-account-content .elementor-background-slideshow,
body.bgad-dashboard-active .jet-woo-builder-my-account-content .elementor-background-overlay {
	display: none !important;
}
/* Título "Mi perfil" del template Jet (widget Heading del hero) */
body.bgad-dashboard-active .jet-woo-builder-my-account-content .elementor-widget-heading {
	display: none !important;
}
/* Colapsar el espacio del hero vacío (banner + título ocultos) */
body.bgad-dashboard-active .jet-woo-builder-my-account-content .e-con,
body.bgad-dashboard-active .jet-woo-builder-my-account-content .e-con-inner {
	min-height: 0 !important;
}
body.bgad-dashboard-active .jet-woo-builder-my-account-content > .elementor > .e-con:first-child {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
body.bgad-dashboard-active .site-main { margin-top: 14px; }

/* Quitar líneas/separadores verdes del JetMenu (bordes y sombras) */
body.bgad-dashboard-active .jet-custom-nav__item,
body.bgad-dashboard-active .jet-custom-nav__item-link {
	border: 0 !important;
	box-shadow: none !important;
}
/* Re-agregar el acento verde SOLO en el ítem activo */
body.bgad-dashboard-active .jet-custom-nav__item.active .jet-custom-nav__item-link,
body.bgad-dashboard-active .jet-custom-nav__item--active .jet-custom-nav__item-link,
body.bgad-dashboard-active .jet-custom-nav__item.is-active .jet-custom-nav__item-link {
	box-shadow: inset 3px 0 0 var(--bgad-green) !important;
}

/* 2) Fondo tipo panel */
body.bgad-dashboard-active {
	background: var(--bgad-bg) !important;
}
body.bgad-dashboard-active .site-main {
	max-width: 1180px;
	margin: 24px auto 48px;
	padding: 0 20px;
}

/* 3) Barra superior propia */
.bgad-topbar {
	position: sticky;
	top: 0;
	z-index: 999;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	background: #fff;
	border-bottom: 1px solid var(--bgad-border);
	padding: 10px 28px;
	box-shadow: 0 1px 4px rgba(20, 40, 60, .06);
}
.bgad-topbar .bgad-logo-img,
.bgad-topbar img { height: 40px; width: auto; display: block; }
.bgad-brand { display: inline-flex; align-items: center; font-weight: 700; color: var(--bgad-text); text-decoration: none; font-size: 18px; }
.bgad-topnav { display: flex; align-items: center; gap: 18px; }
.bgad-topnav a, .bgad-topnav .bgad-user {
	display: inline-flex; align-items: center; gap: 6px;
	color: var(--bgad-text); text-decoration: none; font-size: 14px; font-weight: 600;
}
.bgad-topnav a:hover { color: var(--bgad-green-d); }
.bgad-topnav .dashicons { font-size: 18px; width: 18px; height: 18px; }
.bgad-topnav .bgad-logout { color: #c0392b; }
.bgad-topnav .bgad-user { color: var(--bgad-muted); font-weight: 500; }

/* 4) Layout panel: sidebar + contenido */
body.bgad-dashboard-active .woocommerce-account .woocommerce {
	display: flex;
	align-items: flex-start;
	gap: 24px;
}
body.bgad-dashboard-active .woocommerce-MyAccount-navigation {
	width: 250px;
	flex: 0 0 250px;
	float: none;
	background: var(--bgad-card);
	border: 1px solid var(--bgad-border);
	border-radius: 10px;
	padding: 10px;
	box-shadow: 0 1px 4px rgba(20, 40, 60, .05);
}
body.bgad-dashboard-active .woocommerce-MyAccount-content {
	flex: 1;
	width: auto;
	float: none;
	background: var(--bgad-card);
	border: 1px solid var(--bgad-border);
	border-radius: 10px;
	padding: 28px 32px;
	box-shadow: 0 1px 4px rgba(20, 40, 60, .05);
	min-height: 420px;
}

/* 5) Sidebar nav con íconos */
body.bgad-dashboard-active .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; }
body.bgad-dashboard-active .woocommerce-MyAccount-navigation ul li { margin: 2px 0; border: 0; }
body.bgad-dashboard-active .woocommerce-MyAccount-navigation ul li a {
	display: flex; align-items: center; gap: 10px;
	padding: 11px 14px; border-radius: 8px;
	color: var(--bgad-text); text-decoration: none; font-weight: 600; font-size: 14px;
	transition: background .15s, color .15s;
}
body.bgad-dashboard-active .woocommerce-MyAccount-navigation ul li a:hover { background: #f3f8f4; color: var(--bgad-green-d); }
body.bgad-dashboard-active .woocommerce-MyAccount-navigation ul li.is-active a {
	background: rgba(97, 206, 112, .14); color: var(--bgad-green-d);
	box-shadow: inset 3px 0 0 var(--bgad-green);
}
body.bgad-dashboard-active .woocommerce-MyAccount-navigation ul li a::before {
	font-family: dashicons; font-size: 18px; width: 18px; height: 18px; line-height: 1; flex: 0 0 18px;
}
body.bgad-dashboard-active .woocommerce-MyAccount-navigation-link--dashboard a::before { content: "\f226"; }
body.bgad-dashboard-active .woocommerce-MyAccount-navigation-link--orders a::before { content: "\f174"; }
body.bgad-dashboard-active .woocommerce-MyAccount-navigation-link--downloads a::before { content: "\f316"; }
body.bgad-dashboard-active .woocommerce-MyAccount-navigation-link--edit-address a::before { content: "\f230"; }
body.bgad-dashboard-active .woocommerce-MyAccount-navigation-link--edit-account a::before { content: "\f110"; }
body.bgad-dashboard-active .woocommerce-MyAccount-navigation-link--customer-logout a::before { content: "\f145"; }

/* 5b) Nav de JetWooBuilder (jet-custom-nav) reskineada como sidebar */
/* El contenedor traía fondo VERDE (del header): asomaba entre items como "líneas". Transparente. */
body.bgad-dashboard-active .jet-custom-nav,
body.bgad-dashboard-active .jet-custom-nav.jet-custom-nav--dropdown-right-side { background: transparent !important; }
body.bgad-dashboard-active .jet-custom-nav .jet-custom-nav__items-list,
body.bgad-dashboard-active ul.jet-custom-nav__items-list { list-style: none; margin: 0; padding: 0; }
body.bgad-dashboard-active .jet-custom-nav__item { margin: 2px 0; }
body.bgad-dashboard-active .jet-custom-nav__item-link {
	display: flex; align-items: center; gap: 10px;
	padding: 11px 14px; border-radius: 8px;
	color: var(--bgad-text) !important; text-decoration: none; font-weight: 600; font-size: 14px;
	background: transparent; transition: background .15s, color .15s;
}
body.bgad-dashboard-active .jet-custom-nav__item-link:hover { background: #f3f8f4; color: var(--bgad-green-d) !important; }
body.bgad-dashboard-active .jet-custom-nav__item.active .jet-custom-nav__item-link,
body.bgad-dashboard-active .jet-custom-nav__item--active .jet-custom-nav__item-link,
body.bgad-dashboard-active .jet-custom-nav__item.is-active .jet-custom-nav__item-link {
	background: rgba(97, 206, 112, .14); color: var(--bgad-green-d) !important;
	box-shadow: inset 3px 0 0 var(--bgad-green);
}
body.bgad-dashboard-active .jet-custom-nav__item-link::before {
	font-family: dashicons; font-size: 18px; width: 18px; height: 18px; line-height: 1; flex: 0 0 18px; content: "\f226";
}
body.bgad-dashboard-active .jet-custom-nav__item-link[href*="/orders"]::before { content: "\f174"; }
body.bgad-dashboard-active .jet-custom-nav__item-link[href*="/downloads"]::before { content: "\f316"; }
body.bgad-dashboard-active .jet-custom-nav__item-link[href*="/edit-address"]::before { content: "\f230"; }
body.bgad-dashboard-active .jet-custom-nav__item-link[href*="/edit-account"]::before { content: "\f110"; }
body.bgad-dashboard-active .jet-custom-nav__item-link[href*="logout"]::before { content: "\f145"; }

/* El texto del item (span de JetMenu) viene blanco por diseño del header oscuro: forzar color legible */
body.bgad-dashboard-active .jet-custom-nav__item-link .jet-menu-link-text,
body.bgad-dashboard-active .jet-custom-nav .jet-menu-link-text,
body.bgad-dashboard-active .jet-custom-nav__item-link span { color: inherit !important; }

/* Contener el menú JetMenu como una tarjeta-sidebar a la izquierda */
body.bgad-dashboard-active .elementor-widget-jet-custom-menu .elementor-widget-container,
body.bgad-dashboard-active .jet-custom-nav {
	background: var(--bgad-card);
	border: 1px solid var(--bgad-border);
	border-radius: 10px;
	padding: 8px;
	max-width: 280px;
	box-shadow: 0 1px 4px rgba(20, 40, 60, .05);
}
body.bgad-dashboard-active .jet-custom-nav { border: 0; box-shadow: none; padding: 0; max-width: none; }
body.bgad-dashboard-active .jet-custom-nav .jet-custom-nav__items-list { display: block; }
body.bgad-dashboard-active .jet-custom-nav .menu-item { display: block; width: 100%; }

/* 6) Contenido: títulos, texto, tablas, botones */
body.bgad-dashboard-active .woocommerce-MyAccount-content h2,
body.bgad-dashboard-active .woocommerce-MyAccount-content h3 { margin-top: 0; color: var(--bgad-text); }
body.bgad-dashboard-active .woocommerce-MyAccount-content a { color: var(--bgad-green-d); }

body.bgad-dashboard-active .woocommerce table.shop_table {
	border: 1px solid var(--bgad-border); border-radius: 8px; border-collapse: separate; overflow: hidden;
}
body.bgad-dashboard-active .woocommerce table.shop_table thead th { background: #f6f8fa; color: var(--bgad-muted); font-size: 12px; text-transform: uppercase; letter-spacing: .03em; }
body.bgad-dashboard-active .woocommerce table.shop_table td,
body.bgad-dashboard-active .woocommerce table.shop_table th { border-top: 1px solid var(--bgad-border); padding: 12px 14px; }

body.bgad-dashboard-active .woocommerce .button,
body.bgad-dashboard-active .woocommerce button.button,
body.bgad-dashboard-active .woocommerce input.button[type="submit"] {
	background: var(--bgad-green); color: #fff; border: 0; border-radius: 8px;
	padding: 10px 18px; font-weight: 700; box-shadow: none; transition: background .15s;
}
body.bgad-dashboard-active .woocommerce .button:hover,
body.bgad-dashboard-active .woocommerce button.button:hover { background: var(--bgad-green-d); }

body.bgad-dashboard-active .woocommerce form .form-row input.input-text,
body.bgad-dashboard-active .woocommerce form .form-row select,
body.bgad-dashboard-active .woocommerce .woocommerce-Address input {
	border: 1px solid var(--bgad-border); border-radius: 8px; padding: 10px 12px;
}

/* 7) Tarjetas de dirección */
body.bgad-dashboard-active .woocommerce-Addresses { display: flex; gap: 20px; flex-wrap: wrap; }
body.bgad-dashboard-active .woocommerce-Address { flex: 1 1 280px; border: 1px solid var(--bgad-border); border-radius: 8px; padding: 18px; }

/* 8) Responsive */
@media (max-width: 768px) {
	body.bgad-dashboard-active .woocommerce-account .woocommerce { flex-direction: column; }
	body.bgad-dashboard-active .woocommerce-MyAccount-navigation { width: 100%; flex: none; }
	.bgad-topbar { padding: 10px 14px; }
	.bgad-topnav { gap: 10px; }
	.bgad-topnav .bgad-user { display: none; }
}