/* Kitchenu — WordPress Admin & Login (Win11 high-contrast cards) */

:root {
	--ku-a-brand: #f59e0b;
	--ku-a-brand-2: #fbbf24;
	--ku-a-brand-dark: #b45309;
	--ku-a-brand-text: #0f172a;
	--ku-a-ink: #0f172a;
	--ku-a-ink-2: #1e293b;
	--ku-a-muted: #475569;
	--ku-a-muted-2: #64748b;
	--ku-a-line: #cbd5e1;
	--ku-a-line-strong: #94a3b8;
	--ku-a-bg: #e2e8f0;
	--ku-a-surface: #ffffff;
	--ku-a-surface-2: #f8fafc;
	--ku-a-sidebar: #0f172a;
	--ku-a-sidebar-2: #1e293b;
	--ku-a-sidebar-text: #e2e8f0;
	--ku-a-sidebar-muted: #94a3b8;
	--ku-a-radius: 16px;
	--ku-a-radius-lg: 20px;
	--ku-a-shadow:
		0 1px 2px rgba(15, 23, 42, 0.06),
		0 10px 30px rgba(15, 23, 42, 0.1);
	--ku-a-shadow-sm: 0 2px 10px rgba(15, 23, 42, 0.08);
	--ku-a-glass: rgba(255, 255, 255, 0.92);
	--ku-a-font: 'Vazirmatn', 'IRANSans', Tahoma, 'Segoe UI', system-ui, sans-serif;
}

/* Base */
body.wp-admin,
body.login {
	font-family: var(--ku-a-font) !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	font-variant-numeric: tabular-nums;
	font-feature-settings: 'ss02', 'kern';
	background: var(--ku-a-bg) !important;
	color: var(--ku-a-ink) !important;
	direction: rtl;
}

body.wp-admin *,
body.login * {
	font-family: inherit;
}

body.wp-admin .dashicons,
body.wp-admin .dashicons-before::before,
body.login .dashicons {
	font-family: dashicons !important;
}

/* Admin bar — frosted top strip */
#wpadminbar {
	background: var(--ku-a-glass) !important;
	backdrop-filter: blur(18px) saturate(165%) !important;
	-webkit-backdrop-filter: blur(18px) saturate(165%) !important;
	border-bottom: 2px solid var(--ku-a-line) !important;
	box-shadow: var(--ku-a-shadow-sm) !important;
	height: 46px !important;
}

#wpadminbar .ab-item,
#wpadminbar a.ab-item,
#wpadminbar > #wp-toolbar span.ab-label,
#wpadminbar > #wp-toolbar span.noticon {
	color: var(--ku-a-ink-2) !important;
	font-weight: 700 !important;
}

#wpadminbar .ab-top-menu > li:hover > .ab-item,
#wpadminbar .ab-top-menu > li.hover > .ab-item,
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus {
	background: #fff7ed !important;
	color: var(--ku-a-brand-dark) !important;
	border-radius: 10px;
}

#wpadminbar #wp-admin-bar-site-name > .ab-item::before,
#wpadminbar .ab-icon::before {
	color: var(--ku-a-brand-dark) !important;
}

#wpadminbar .quicklinks .ab-sub-wrapper,
#wpadminbar .shortlink-input {
	background: var(--ku-a-surface) !important;
	border: 1px solid var(--ku-a-line) !important;
	border-radius: var(--ku-a-radius) !important;
	box-shadow: var(--ku-a-shadow) !important;
}

/* Dark sidebar — high contrast */
#adminmenuback,
#adminmenuwrap,
#adminmenu {
	background: linear-gradient(180deg, var(--ku-a-sidebar) 0%, #111827 100%) !important;
}

#adminmenuwrap {
	border-left: 1px solid rgba(255, 255, 255, 0.06) !important;
	box-shadow: -8px 0 28px rgba(15, 23, 42, 0.18) !important;
}

#adminmenu a {
	border-radius: 12px !important;
	margin: 3px 10px !important;
	width: calc(100% - 20px) !important;
	color: var(--ku-a-sidebar-text) !important;
	font-weight: 600 !important;
	transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease !important;
}

#adminmenu .wp-menu-image::before {
	color: var(--ku-a-sidebar-muted) !important;
}

#adminmenu li.menu-top:hover,
#adminmenu li.opensub > a.menu-top,
#adminmenu li > a.menu-top:focus {
	background: var(--ku-a-sidebar-2) !important;
	color: #ffffff !important;
}

#adminmenu li.menu-top:hover .wp-menu-image::before,
#adminmenu li.opensub > a.menu-top .wp-menu-image::before {
	color: var(--ku-a-brand-2) !important;
}

#adminmenu li.current a.menu-top,
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head {
	background: linear-gradient(135deg, var(--ku-a-brand) 0%, var(--ku-a-brand-2) 100%) !important;
	color: var(--ku-a-brand-text) !important;
	box-shadow: 0 8px 22px rgba(245, 158, 11, 0.35) !important;
	font-weight: 800 !important;
}

#adminmenu li.current .wp-menu-image::before,
#adminmenu li.wp-has-current-submenu .wp-menu-image::before {
	color: var(--ku-a-brand-text) !important;
}

#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
#adminmenu .wp-has-current-submenu a.wp-has-current-submenu {
	background: transparent !important;
}

#adminmenu .wp-submenu {
	background: rgba(15, 23, 42, 0.98) !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	border-radius: 14px !important;
	padding: 8px 0 !important;
	margin: 4px 10px 10px !important;
	box-shadow: var(--ku-a-shadow) !important;
}

#adminmenu .wp-submenu a {
	color: var(--ku-a-sidebar-muted) !important;
	font-weight: 600 !important;
}

#adminmenu .wp-submenu a:hover,
#adminmenu .wp-submenu a:focus,
#adminmenu .wp-submenu li.current a {
	color: #ffffff !important;
	background: rgba(255, 255, 255, 0.08) !important;
}

#adminmenu .wp-menu-separator {
	background: rgba(255, 255, 255, 0.08) !important;
}

#collapse-button {
	color: var(--ku-a-sidebar-muted) !important;
	border-radius: 12px !important;
	margin: 8px 10px !important;
}

#collapse-button:hover {
	color: #ffffff !important;
	background: rgba(255, 255, 255, 0.08) !important;
}

/* Main canvas */
#wpcontent,
#wpfooter {
	background: transparent !important;
}

#wpbody-content {
	padding: 20px 24px 32px !important;
}

.wrap {
	margin-top: 12px !important;
}

.wrap h1,
.wrap > h2:first-child {
	font-weight: 900 !important;
	color: var(--ku-a-ink) !important;
	letter-spacing: -0.02em !important;
}

.wrap .page-title-action {
	margin-right: 10px !important;
}

/* Win11 cards */
.postbox,
.stuffbox,
.welcome-panel,
.card,
#dashboard-widgets .postbox,
.woocommerce-layout__main,
.woocommerce-layout__header-wrapper,
#poststuff #post-body-content > .meta-box-sortables > .postbox,
.plugins-php .widefat {
	border: 2px solid var(--ku-a-line) !important;
	border-radius: var(--ku-a-radius-lg) !important;
	background: var(--ku-a-surface) !important;
	box-shadow: var(--ku-a-shadow) !important;
	overflow: hidden !important;
}

.postbox .postbox-header,
.postbox .hndle,
.stuffbox .hndle,
.welcome-panel-header,
.woocommerce-layout__header {
	border-bottom: 2px solid var(--ku-a-line) !important;
	background: linear-gradient(180deg, #ffffff 0%, var(--ku-a-surface-2) 100%) !important;
	border-radius: var(--ku-a-radius-lg) var(--ku-a-radius-lg) 0 0 !important;
}

.postbox .postbox-header .hndle,
.postbox .hndle {
	color: var(--ku-a-ink) !important;
	font-weight: 800 !important;
	font-size: 14px !important;
}

.postbox .inside,
.stuffbox .inside,
.welcome-panel-body {
	padding: 18px !important;
	color: var(--ku-a-ink-2) !important;
}

#dashboard-widgets .postbox-container {
	padding: 0 10px !important;
}

#dashboard-widgets .meta-box-sortables {
	display: grid !important;
	gap: 16px !important;
}

.welcome-panel {
	border-top: 4px solid var(--ku-a-brand) !important;
}

/* Buttons — high contrast */
.button,
.button-secondary,
.page-title-action,
.wp-core-ui .button {
	border-radius: 12px !important;
	border: 2px solid var(--ku-a-line) !important;
	background: var(--ku-a-surface) !important;
	color: var(--ku-a-ink) !important;
	font-weight: 700 !important;
	box-shadow: var(--ku-a-shadow-sm) !important;
	min-height: 36px !important;
	transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, border-color 0.16s ease !important;
}

.button:hover,
.button-secondary:hover,
.page-title-action:hover,
.wp-core-ui .button:hover {
	background: var(--ku-a-surface-2) !important;
	border-color: var(--ku-a-line-strong) !important;
	color: var(--ku-a-ink) !important;
	transform: translateY(-1px);
}

.button-primary,
.wp-core-ui .button-primary,
.woocommerce-page .button-primary {
	background: linear-gradient(135deg, var(--ku-a-brand) 0%, #ea580c 100%) !important;
	border: 2px solid var(--ku-a-brand-dark) !important;
	color: var(--ku-a-brand-text) !important;
	font-weight: 800 !important;
	box-shadow: 0 10px 24px rgba(245, 158, 11, 0.35) !important;
	text-shadow: none !important;
}

.button-primary:hover,
.button-primary:focus,
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
	background: linear-gradient(135deg, #fbbf24 0%, var(--ku-a-brand) 100%) !important;
	border-color: var(--ku-a-brand-dark) !important;
	color: var(--ku-a-brand-text) !important;
	box-shadow: 0 12px 28px rgba(245, 158, 11, 0.42) !important;
}

/* Fields */
input[type='text'],
input[type='password'],
input[type='email'],
input[type='number'],
input[type='search'],
input[type='tel'],
input[type='url'],
input[type='date'],
input[type='time'],
textarea,
select {
	border: 2px solid var(--ku-a-line) !important;
	border-radius: 12px !important;
	background: var(--ku-a-surface) !important;
	color: var(--ku-a-ink) !important;
	font-weight: 600 !important;
	box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04) !important;
	padding: 9px 12px !important;
	min-height: 40px !important;
}

input:focus,
textarea:focus,
select:focus {
	border-color: var(--ku-a-brand) !important;
	box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.22) !important;
	outline: none !important;
}

label,
.form-table th,
.form-table td {
	color: var(--ku-a-ink-2) !important;
	font-weight: 600 !important;
}

/* Tables */
.widefat,
.wp-list-table {
	border: 2px solid var(--ku-a-line) !important;
	border-radius: var(--ku-a-radius-lg) !important;
	overflow: hidden !important;
	box-shadow: var(--ku-a-shadow) !important;
	background: var(--ku-a-surface) !important;
}

.widefat thead th,
.widefat tfoot th,
.wp-list-table thead th {
	background: var(--ku-a-ink) !important;
	color: #f8fafc !important;
	font-weight: 800 !important;
	border-bottom: none !important;
	padding: 12px 14px !important;
}

.widefat tbody td,
.wp-list-table tbody td {
	color: var(--ku-a-ink-2) !important;
	border-top: 1px solid var(--ku-a-line) !important;
	padding: 12px 14px !important;
}

.widefat tbody tr:nth-child(even),
.wp-list-table tbody tr:nth-child(even) {
	background: var(--ku-a-surface-2) !important;
}

.widefat tbody tr:hover,
.wp-list-table tbody tr:hover {
	background: #fff7ed !important;
}

/* Notices */
.notice,
div.updated,
div.error,
div.warning {
	border-radius: 14px !important;
	border: 2px solid var(--ku-a-line) !important;
	border-right: 5px solid var(--ku-a-brand) !important;
	box-shadow: var(--ku-a-shadow-sm) !important;
	color: var(--ku-a-ink) !important;
	font-weight: 600 !important;
}

.notice-success,
div.updated {
	border-right-color: #16a34a !important;
	background: #ecfdf5 !important;
}

.notice-error,
div.error {
	border-right-color: #dc2626 !important;
	background: #fef2f2 !important;
}

.notice-warning {
	border-right-color: #d97706 !important;
	background: #fffbeb !important;
}

/* Tabs */
.nav-tab-wrapper,
.wrap .nav-tab-wrapper {
	border-bottom: 2px solid var(--ku-a-line) !important;
	gap: 6px !important;
}

.nav-tab {
	border-radius: 12px 12px 0 0 !important;
	border: 2px solid transparent !important;
	margin-left: 4px !important;
	margin-bottom: -2px !important;
	background: transparent !important;
	color: var(--ku-a-muted) !important;
	font-weight: 700 !important;
}

.nav-tab:hover {
	background: var(--ku-a-surface-2) !important;
	color: var(--ku-a-ink) !important;
}

.nav-tab-active,
.nav-tab-active:hover {
	background: var(--ku-a-surface) !important;
	border-color: var(--ku-a-line) !important;
	border-bottom-color: var(--ku-a-surface) !important;
	color: var(--ku-a-ink) !important;
	font-weight: 800 !important;
	box-shadow: var(--ku-a-shadow-sm) !important;
}

.subsubsub a {
	font-weight: 700 !important;
	color: var(--ku-a-muted) !important;
}

.subsubsub a.current {
	color: var(--ku-a-brand-dark) !important;
}

/* Login — Win11 hero card */
body.login {
	background:
		radial-gradient(circle at 12% 18%, rgba(245, 158, 11, 0.22) 0%, transparent 34%),
		radial-gradient(circle at 88% 82%, rgba(59, 130, 246, 0.18) 0%, transparent 36%),
		linear-gradient(160deg, #0f172a 0%, #1e293b 42%, #334155 100%) !important;
	min-height: 100vh !important;
}

body.login::before {
	content: '';
	position: fixed;
	inset: 0;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0%, transparent 45%),
		repeating-linear-gradient(
			-45deg,
			rgba(255, 255, 255, 0.02) 0,
			rgba(255, 255, 255, 0.02) 1px,
			transparent 1px,
			transparent 12px
		);
	pointer-events: none;
}

body.login #login {
	width: min(100%, 420px) !important;
	padding-top: 5vh !important;
	position: relative;
	z-index: 1;
}

body.login #login h1 {
	margin-bottom: 18px !important;
}

body.login #login h1 a {
	background-image: url('https://kitchenu.ir/wp-content/uploads/2025/11/logonomy-1721896740692.jpg.png') !important;
	background-size: contain !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	width: 220px !important;
	height: 72px !important;
	margin: 0 auto !important;
	filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.35)) !important;
}

body.login #loginform,
body.login form {
	border: 2px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 22px !important;
	background: rgba(255, 255, 255, 0.94) !important;
	backdrop-filter: blur(22px) saturate(170%) !important;
	-webkit-backdrop-filter: blur(22px) saturate(170%) !important;
	box-shadow:
		0 1px 2px rgba(15, 23, 42, 0.08),
		0 24px 60px rgba(15, 23, 42, 0.35) !important;
	padding: 28px 26px 24px !important;
}

body.login #login h1 + form::before,
body.login #loginform::before {
	content: 'ورود به پنل مدیریت کیچن‌یو';
	display: block;
	margin: 0 0 16px;
	color: var(--ku-a-ink);
	font-size: 18px;
	font-weight: 900;
	text-align: center;
}

body.login label {
	color: var(--ku-a-ink) !important;
	font-weight: 800 !important;
	font-size: 13px !important;
}

body.login .button-primary {
	width: 100% !important;
	min-height: 48px !important;
	font-weight: 900 !important;
	font-size: 15px !important;
	border-radius: 14px !important;
	margin-top: 6px !important;
}

body.login .forgetmenot {
	margin-top: 8px !important;
}

body.login .forgetmenot label {
	font-weight: 700 !important;
	color: var(--ku-a-muted) !important;
}

body.login #nav,
body.login #backtoblog {
	text-align: center !important;
	margin: 14px 0 0 !important;
	padding: 0 !important;
}

body.login #nav a,
body.login #backtoblog a {
	color: #e2e8f0 !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
	color: var(--ku-a-brand-2) !important;
}

body.login .language-switcher {
	margin-top: 16px !important;
	padding: 12px 14px !important;
	border: 2px solid rgba(255, 255, 255, 0.16) !important;
	border-radius: 16px !important;
	background: rgba(15, 23, 42, 0.55) !important;
	backdrop-filter: blur(12px) !important;
	-webkit-backdrop-filter: blur(12px) !important;
}

body.login .language-switcher label,
body.login .language-switcher select {
	color: #f8fafc !important;
	font-weight: 700 !important;
}

body.login .privacy-policy-page-link {
	text-align: center !important;
}

body.login .privacy-policy-page-link a {
	color: #bfdbfe !important;
	font-weight: 700 !important;
}

/* WooCommerce admin */
.woocommerce-page .woocommerce-layout__header {
	border: 2px solid var(--ku-a-line) !important;
	border-radius: var(--ku-a-radius-lg) !important;
	background: var(--ku-a-surface) !important;
	box-shadow: var(--ku-a-shadow) !important;
}

.woocommerce-page .woocommerce-layout__primary {
	margin-top: 14px !important;
}

/* Misc */
.media-modal-content,
.imgedit-wrap {
	border-radius: var(--ku-a-radius-lg) !important;
	border: 2px solid var(--ku-a-line) !important;
}

#wpfooter {
	color: var(--ku-a-muted) !important;
	font-weight: 600 !important;
	margin-top: 24px !important;
	padding: 0 !important;
	border-top: none !important;
}

#wpfooter #footer-left,
#wpfooter #footer-upgrade {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center !important;
}

#wpfooter #footer-upgrade {
	display: none !important;
}

#wpfooter .ku-admin-copyright {
	width: 100% !important;
	margin: 0 !important;
	padding: 18px 20px !important;
	border-radius: 18px !important;
	border: 2px solid rgba(251, 191, 36, 0.22) !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 100%),
		linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.18) !important;
	text-align: center !important;
}

#wpfooter .ku-copyright-footer__line {
	margin: 0 !important;
	font-size: 13px !important;
	line-height: 2 !important;
	color: #94a3b8 !important;
}

#wpfooter .ku-copyright-footer__line + .ku-copyright-footer__line {
	margin-top: 4px !important;
}

#wpfooter .ku-copyright-footer__plain {
	color: #94a3b8 !important;
	font-weight: 500 !important;
}

#wpfooter .ku-copyright-footer__brand {
	color: #fbbf24 !important;
	font-weight: 900 !important;
}

#wpfooter .ku-copyright-footer__accent {
	color: #38bdf8 !important;
	font-weight: 800 !important;
}

#wpfooter .ku-copyright-footer__owner {
	color: #fb923c !important;
	font-weight: 900 !important;
}

#wpfooter .ku-copyright-footer__years {
	display: inline-flex !important;
	align-items: center !important;
	padding: 3px 10px !important;
	margin-inline-start: 6px !important;
	border-radius: 999px !important;
	background: rgba(245, 158, 11, 0.14) !important;
	border: 1px solid rgba(251, 191, 36, 0.28) !important;
	color: #fde68a !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	line-height: 1.4 !important;
	vertical-align: middle !important;
}

#wpfooter .ku-copyright-footer__line--rights {
	font-size: 12.5px !important;
}

#footer-left a,
#footer-upgrade a {
	display: none !important;
}

#screen-meta,
#screen-meta-links {
	border-radius: 12px !important;
}

#screen-meta-links .show-settings {
	border-radius: 10px !important;
	font-weight: 700 !important;
}

@media (max-width: 960px) {
	#wpbody-content {
		padding: 14px 12px 24px !important;
	}

	#adminmenu a {
		margin: 0 !important;
		width: auto !important;
		border-radius: 0 !important;
	}
}

@media (max-width: 782px) {
	body.login #login {
		width: min(100%, 92vw) !important;
		padding-top: 4vh !important;
	}

	body.login #loginform,
	body.login form {
		padding: 22px 18px 18px !important;
		border-radius: 18px !important;
	}
}

/* Block / classic editor — default justify */
.editor-styles-wrapper .block-editor-block-list__block[data-type="core/paragraph"] .rich-text,
.editor-styles-wrapper .block-editor-block-list__block[data-type="core/heading"] .rich-text,
.editor-styles-wrapper .block-editor-block-list__block[data-type="core/quote"] .rich-text,
.editor-styles-wrapper .block-editor-block-list__block[data-type="core/pullquote"] .rich-text,
.editor-styles-wrapper .block-editor-block-list__block[data-type="core/list"] {
	text-align: justify !important;
}

.editor-styles-wrapper .has-text-align-left {
	text-align: left !important;
}

.editor-styles-wrapper .has-text-align-center {
	text-align: center !important;
}

.editor-styles-wrapper .has-text-align-right {
	text-align: right !important;
}

.editor-styles-wrapper .has-text-align-justify {
	text-align: justify !important;
}

body.wp-admin .mce-content-body {
	text-align: justify !important;
}