/**
 * Premiumgood Dashboard Styles — customer account, vendor onboarding, Dokan dashboard
 * @package Premiumgood
 */

/* Theme tokens for Dokan UI */
:root {
	--dokan-sidebar-background-color: var(--pg-navy-900);
	--dokan-button-background-color: var(--pg-primary-600);
	--dokan-sidebar-width: 260px;
}

/* Custom dashboard template */
.pg-dashboard { display: grid; grid-template-columns: 260px 1fr; min-height: calc(100vh - 200px); }
.pg-dashboard__sidebar { background: var(--pg-navy-900); color: #fff; padding: var(--pg-space-6); }
.pg-dashboard__nav { list-style: none; margin: 0; padding: 0; }
.pg-dashboard__nav a { display: flex; align-items: center; gap: var(--pg-space-3); padding: var(--pg-space-3) var(--pg-space-4); font-size: var(--pg-text-sm); color: rgba(255,255,255,0.7); border-radius: var(--pg-radius-lg); }
.pg-dashboard__nav .is-active a, .pg-dashboard__nav a:hover { background: rgba(255,255,255,0.1); color: #fff; }
.pg-dashboard__nav .is-active a { background: var(--pg-color-primary); }
.pg-dashboard__main { padding: var(--pg-space-8); background: var(--pg-color-bg-alt); }
.pg-dashboard__stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--pg-space-6); margin-bottom: var(--pg-space-8); }
.pg-stat-card { padding: var(--pg-space-6); background: var(--pg-color-bg); border: 1px solid var(--pg-color-border); border-radius: var(--pg-radius-xl); }
.pg-stat-card__value { font-family: var(--pg-font-heading); font-size: var(--pg-text-3xl); font-weight: 700; }
.pg-dashboard__table { width: 100%; border-collapse: collapse; background: var(--pg-color-bg); border: 1px solid var(--pg-color-border); border-radius: var(--pg-radius-xl); overflow: hidden; }
.pg-dashboard__table th, .pg-dashboard__table td { padding: var(--pg-space-4) var(--pg-space-5); text-align: left; border-bottom: 1px solid var(--pg-color-border); font-size: var(--pg-text-sm); }
.pg-dashboard__table th { background: var(--pg-color-bg-alt); font-size: var(--pg-text-xs); text-transform: uppercase; }

/* Vendor onboarding page (login + seller registration) */
body.pg-vendor-onboarding .pg-page-content {
	max-width: var(--pg-container-2xl);
}

body.pg-vendor-onboarding .dokan-vendor-onboarding {
	width: 100%;
	max-width: 100%;
	padding: var(--pg-space-4) 0;
}

.dokan-onboarding-container {
	gap: var(--pg-space-10) !important;
}

.dokan-login-section,
.dokan-registration-section {
	padding: var(--pg-space-8);
	border: 1px solid var(--pg-color-border);
	border-radius: var(--pg-radius-xl);
	background: var(--pg-color-bg);
	box-shadow: var(--pg-shadow-sm);
}

.dokan-vendor-registration,
.dokan-seller-registration-form {
	width: 100%;
	max-width: 100%;
}

/* Dokan full-width React dashboard */
body.dokan-dashboard-fullwidth-template {
	margin: 0 !important;
	padding: 0 !important;
	background: var(--pg-color-bg-alt);
	font-family: var(--pg-font-body);
}

body.dokan-dashboard-fullwidth-template #dokan-dashboard-fullwidth-wrapper {
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
	max-width: 100%;
}

body.dokan-dashboard-fullwidth-template #dokan-vendor-dashboard-layout-root {
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
	max-width: 100%;
}

body.dokan-dashboard-fullwidth-template .woocommerce-layout__header {
	top: 0 !important;
}

body.dokan-dashboard-fullwidth-template .dokan-frontend-layout header {
	border-bottom: 1px solid var(--pg-color-border);
	box-shadow: var(--pg-shadow-sm);
}

body.dokan-dashboard-fullwidth-template .dokan-frontend-layout main,
body.dokan-dashboard-fullwidth-template .dokan-frontend-layout .dokan-frontend-main {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

/* Dokan legacy dashboard inside theme layout */
body.pg-seller-dashboard .pg-page-hero {
	display: none;
}

body.pg-main--seller-dashboard .pg-page-content--seller-dashboard {
	padding-top: var(--pg-space-4);
	padding-bottom: var(--pg-space-8);
	max-width: 100%;
}

body.pg-seller-dashboard .pg-body {
	width: 100%;
}

body.pg-seller-dashboard .dokan-dashboard-wrap {
	margin-top: 0;
	width: 100%;
}

body.pg-seller-dashboard .dokan-dashboard-content {
	padding: var(--pg-space-4) var(--pg-space-6) !important;
	margin-top: 0 !important;
}

body.pg-seller-dashboard header.dokan-dashboard-header {
	margin: 0 0 var(--pg-space-4);
	padding-top: 0;
}

body.pg-seller-dashboard .dokan-product-listing-area,
body.pg-seller-dashboard article.dashboard-content-area,
body.pg-seller-dashboard .dokan-orders-content {
	margin-top: 0;
	padding-top: 0;
}

body.pg-seller-dashboard .product-listing-top {
	margin-top: 0;
}

body.pg-seller-dashboard .dokan-dashboard-product-listing-wrapper {
	margin-top: 0;
}

/* Dokan legacy dashboard inside theme layout */
.dokan-dashboard .dokan-dashboard-wrap {
	width: 100%;
	max-width: 100%;
}

.dokan-dashboard .dokan-dash-sidebar {
	background: var(--pg-navy-900) !important;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover {
	background: var(--pg-color-primary) !important;
}

.dokan-dashboard .dokan-dashboard-content {
	width: calc(100% - var(--dokan-sidebar-width)) !important;
	max-width: none;
	padding: var(--pg-space-6) !important;
}

.dokan-dashboard .dokan-dashboard-wrap .dokan-dash-sidebar {
	width: var(--dokan-sidebar-width);
	flex: 0 0 var(--dokan-sidebar-width);
}

@media (max-width: 1024px) {
	.dokan-onboarding-container {
		grid-template-columns: 1fr !important;
		gap: var(--pg-space-6) !important;
	}
}

@media (max-width: 768px) {
	.pg-dashboard { grid-template-columns: 1fr; }
	.pg-dashboard__sidebar { display: none; }
	.pg-dashboard__stats { grid-template-columns: 1fr 1fr; }

	.dokan-dashboard .dokan-dashboard-content {
		width: 100% !important;
		padding: var(--pg-space-4) !important;
	}
}
