/* ==========================================================================
   ESHTROO — customer account (WooCommerce) and seller studio (Dokan)
   Logical properties throughout, so RTL works without a second file.
   ========================================================================== */

.dash-brand {
	display: flex; align-items: center; gap: .75rem;
	margin-block-end: 1.5rem; padding-block-end: 1.25rem;
	border-block-end: 1px solid var(--c-line);
	color: var(--c-gold-deep);
}
.dash-brand__mark svg { display: block; }
.dash-brand__title { font-family: var(--f-display); font-size: var(--step-2); color: var(--c-forest-deep); }

/* WooCommerce My Account ------------------------------------------------- */
.woocommerce-account .woocommerce { display: grid; grid-template-columns: minmax(220px, 280px) 1fr; gap: 2.5rem; align-items: start; }
.woocommerce-account .woocommerce > .dash-brand,
.woocommerce-account .woocommerce > .woocommerce-notices-wrapper { grid-column: 1 / -1; }
@media (max-width: 860px) { .woocommerce-account .woocommerce { grid-template-columns: 1fr; } }

.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content { float: none !important; inline-size: auto !important; }
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: .5rem; background: var(--c-forest-deep); border-radius: var(--radius-s); }
.woocommerce-MyAccount-navigation a {
	display: flex; align-items: center; min-block-size: 46px; padding-inline: 1rem;
	color: rgba(250, 246, 238, .82); text-decoration: none; border-radius: var(--radius-s);
}
.woocommerce-MyAccount-navigation a:hover { background: rgba(250, 246, 238, .06); color: var(--c-ivory); }
.woocommerce-MyAccount-navigation .is-active a {
	background: rgba(181, 154, 91, .18); color: var(--c-gold-light);
	box-shadow: inset 3px 0 0 var(--c-gold);
}
[dir="rtl"] .woocommerce-MyAccount-navigation .is-active a { box-shadow: inset -3px 0 0 var(--c-gold); }
.woocommerce-MyAccount-content {
	padding: clamp(1.25rem, 3vw, 2.5rem); background: #fffdf8;
	border: 1px solid var(--c-line); border-radius: var(--radius-s);
}

/* Dokan seller dashboard (Dokan 5.x) ------------------------------------
   Dokan's new dashboard is built with Tailwind and reads its brand colour
   from --colors-primary-* variables. Redefining them on <body> re-skins the
   whole dashboard in ESHTROO forest green without touching Dokan's files.
   ---------------------------------------------------------------------- */
body.dokan-dashboard {
	/* Dokan 5 layout variables (sidebar, buttons, links) */
	--dokan-sidebar-background-color: #12261C;
	--dokan-sidebar-hover-background-color: #1F3D2E;
	--dokan-sidebar-text-color: #D8D4C8;
	--dokan-sidebar-hover-text-color: #E3C88A;
	--dokan-button-background-color: #1F3D2E;
	--dokan-button-hover-background-color: #12261C;
	--dokan-button-border-color: #1F3D2E;
	--dokan-button-hover-border-color: #12261C;
	--dokan-button-text-color: #FAF6EE;
	--dokan-button-hover-text-color: #FAF6EE;
	--dokan-button-hover-color: #12261C;
	--dokan-button-secondary-text-color: #1F3D2E;
	--dokan-button-secondary-hover-text-color: #12261C;
	--dokan-button-secondary-hover-background-color: #EEF4F0;
	--dokan-button-secondary-hover-border-color: #1F3D2E;
	--dokan-button-tertiary-hover-background-color: #EEF4F0;
	--dokan-link-color: #715A2C;
	--dokan-link-hover-color: #12261C;

	/* Dokan 5 Tailwind palette */
	--colors-primary-50: #eef4f0;
	--colors-primary-100: #d3e3d8;
	--colors-primary-200: #a9c6b2;
	--colors-primary-300: #78a084;
	--colors-primary-400: #3f6b50;
	--colors-primary-500: #12261c;
	--colors-primary-600: #0f2018;
	--colors-primary-700: #0c1a13;
	--colors-primary-800: #09140e;
	--colors-primary-900: #060d09;
	--colors-primary-950: #030705;
}
/* Active item in the dark sidebar: gold, like the rest of the brand. */
body.dokan-dashboard .dokan-frontend-sidebar a[aria-current="page"],
body.dokan-dashboard .dokan-frontend-sidebar .active > a,
body.dokan-dashboard .dokan-frontend-sidebar a.active { color: var(--c-gold-light) !important; }

/* Heading sits inside the content column (see inc/dashboards.php). */
.dokan-dashboard-content .dash-brand { margin-block-end: 1.25rem; padding-block-end: 1rem; }
.dokan-dashboard-content .dash-brand__title { font-size: 1.75rem; }

/* Legacy Dokan buttons still used on some dashboard screens */
.dokan-btn-theme,
.dokan-btn-theme:visited,
input[type="submit"].dokan-btn-theme {
	background-color: var(--c-forest) !important; border-color: var(--c-forest) !important;
	color: var(--c-ivory) !important; border-radius: var(--radius-s) !important;
}
.dokan-btn-theme:hover,
.dokan-btn-theme:focus { background-color: var(--c-forest-deep) !important; border-color: var(--c-forest-deep) !important; }

/* Shared form fields */
.eshtroo-dashboard input[type="text"],
.eshtroo-dashboard input[type="email"],
.eshtroo-dashboard input[type="password"],
.eshtroo-dashboard input[type="tel"],
.eshtroo-dashboard input[type="number"],
.eshtroo-dashboard select,
.eshtroo-dashboard textarea {
	min-block-size: 48px; padding: .6rem .9rem; border: 1px solid rgba(28, 33, 29, .22);
	border-radius: var(--radius-s); background: #fffdf8; font: inherit; color: var(--c-ink);
}
.eshtroo-dashboard input:focus,
.eshtroo-dashboard select:focus,
.eshtroo-dashboard textarea:focus { border-color: var(--c-gold); outline: 2px solid rgba(181, 154, 91, .35); outline-offset: 1px; }