/**
 * YATA wp-admin branding — dark + gold
 */

@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap");

:root {
	--yata-bg: #0a0a0a;
	--yata-bg-elevated: #161616;
	--yata-bg-card: #1a1a1a;
	--yata-gold: #fcefce;
	--yata-gold-bright: #fcefce;
	--yata-gold-muted: rgba(252, 239, 206, 0.55);
	--yata-gold-border: rgba(252, 239, 206, 0.65);
	--yata-text: #ffffff;
	--yata-text-muted: rgba(255, 255, 255, 0.72);
	--yata-text-dim: rgba(255, 255, 255, 0.5);
	--yata-font-serif: "Playfair Display", Georgia, "Times New Roman", serif;
	--yata-font-sans: "Montserrat", system-ui, -apple-system, sans-serif;
}

/* ---- Admin bar ---- */
body.yata-admin-brand #wpadminbar {
	background: var(--yata-bg);
	border-bottom: 1px solid var(--yata-gold-border);
}

body.yata-admin-brand #wpadminbar .ab-item,
body.yata-admin-brand #wpadminbar a.ab-item,
body.yata-admin-brand #wpadminbar > #wp-toolbar span.ab-label,
body.yata-admin-brand #wpadminbar > #wp-toolbar span.noticon {
	color: var(--yata-text-muted);
}

body.yata-admin-brand #wpadminbar .ab-top-menu > li:hover > .ab-item,
body.yata-admin-brand #wpadminbar .ab-top-menu > li.hover > .ab-item,
body.yata-admin-brand #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
body.yata-admin-brand #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
body.yata-admin-brand #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus {
	background: var(--yata-bg-elevated);
	color: var(--yata-gold-bright);
}

body.yata-admin-brand #wpadminbar #wp-admin-bar-site-name > a.ab-item {
	color: var(--yata-gold);
	font-family: var(--yata-font-serif);
	letter-spacing: 0.04em;
}

/* ---- Left menu ---- */
body.yata-admin-brand #adminmenuback,
body.yata-admin-brand #adminmenuwrap,
body.yata-admin-brand #adminmenu {
	background: var(--yata-bg-elevated);
}

body.yata-admin-brand #adminmenu a {
	color: var(--yata-text-muted);
	font-family: var(--yata-font-sans);
	font-size: 13px;
}

body.yata-admin-brand #adminmenu div.wp-menu-image:before {
	color: var(--yata-gold-muted);
}

body.yata-admin-brand #adminmenu li.menu-top:hover,
body.yata-admin-brand #adminmenu li.opensub > a.menu-top,
body.yata-admin-brand #adminmenu li > a.menu-top:focus {
	background: var(--yata-bg-card);
	color: var(--yata-gold-bright);
}

body.yata-admin-brand #adminmenu li.menu-top:hover div.wp-menu-image:before,
body.yata-admin-brand #adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
	color: var(--yata-gold-bright);
}

body.yata-admin-brand #adminmenu .wp-submenu,
body.yata-admin-brand #adminmenu .wp-has-current-submenu .wp-submenu,
body.yata-admin-brand #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
body.yata-admin-brand #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
	background: var(--yata-bg);
}

body.yata-admin-brand #adminmenu .wp-submenu a {
	color: var(--yata-text-dim);
}

body.yata-admin-brand #adminmenu .wp-submenu a:hover,
body.yata-admin-brand #adminmenu .wp-submenu a:focus {
	color: var(--yata-gold-bright);
}

body.yata-admin-brand #adminmenu li.current a.menu-top,
body.yata-admin-brand #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
body.yata-admin-brand #adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
body.yata-admin-brand #adminmenu li.wp-has-current-submenu .wp-submenu a.current {
	background: var(--yata-gold);
	color: var(--yata-bg);
}

body.yata-admin-brand #adminmenu li.current div.wp-menu-image:before,
body.yata-admin-brand #adminmenu li.wp-has-current-submenu div.wp-menu-image:before {
	color: var(--yata-bg);
}

body.yata-admin-brand #adminmenu li.wp-has-current-submenu .wp-submenu a.current {
	font-weight: 600;
}

body.yata-admin-brand #adminmenu .awaiting-mod,
body.yata-admin-brand #adminmenu .update-plugins {
	background: var(--yata-gold);
	color: var(--yata-bg);
}

body.yata-admin-brand #adminmenu #toplevel_page_yata-admin .wp-menu-image:before {
	color: var(--yata-gold);
}

body.yata-admin-brand #adminmenu #toplevel_page_yata-admin.current .wp-menu-image:before,
body.yata-admin-brand #adminmenu #toplevel_page_yata-admin.wp-has-current-submenu .wp-menu-image:before {
	color: var(--yata-bg);
}

/* ---- Content area ---- */
body.yata-admin-brand #wpcontent,
body.yata-admin-brand #wpfooter {
	background: #f4f1ea;
}

body.yata-admin-brand #wpbody-content .wrap > h1,
body.yata-admin-brand .wrap h1.wp-heading-inline {
	font-family: var(--yata-font-serif);
	color: #1a1a1a;
	font-weight: 400;
	letter-spacing: 0.02em;
}

body.yata-admin-brand .wrap > .description,
body.yata-admin-brand .wrap p.description {
	color: #555;
}

/* ---- Buttons ---- */
body.yata-admin-brand .wrap .page-title-action,
body.yata-admin-brand .button,
body.yata-admin-brand .button-secondary {
	border-color: var(--yata-gold-border);
	color: #3d3420;
	background: #fff;
	font-family: var(--yata-font-sans);
	text-shadow: none;
	box-shadow: none;
}

body.yata-admin-brand .button:hover,
body.yata-admin-brand .button-secondary:hover,
body.yata-admin-brand .wrap .page-title-action:hover {
	border-color: var(--yata-gold);
	color: #1a1a1a;
	background: #faf8f3;
}

body.yata-admin-brand .button-primary {
	background: var(--yata-gold);
	border-color: var(--yata-gold);
	color: var(--yata-bg);
	text-shadow: none;
	box-shadow: none;
	font-weight: 600;
	letter-spacing: 0.04em;
}

body.yata-admin-brand .button-primary:hover,
body.yata-admin-brand .button-primary:focus {
	background: var(--yata-gold-bright);
	border-color: var(--yata-gold-bright);
	color: var(--yata-bg);
}

/* ---- Links ---- */
body.yata-admin-brand a {
	color: #8a7038;
}

body.yata-admin-brand a:hover,
body.yata-admin-brand a:focus {
	color: var(--yata-gold-bright);
}

body.yata-admin-brand .subsubsub a.current {
	color: #1a1a1a;
	font-weight: 600;
	border-bottom: 2px solid var(--yata-gold);
}

/* ---- Tables ---- */
body.yata-admin-brand .wp-list-table {
	border: 1px solid rgba(252, 239, 206, 0.35);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

body.yata-admin-brand .wp-list-table thead th,
body.yata-admin-brand .wp-list-table tfoot th {
	background: #ece6d8;
	color: #1a1a1a;
	border-bottom: 1px solid var(--yata-gold-muted);
	font-family: var(--yata-font-sans);
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

body.yata-admin-brand .wp-list-table tbody tr:hover {
	background: #faf8f3;
}

body.yata-admin-brand .widefat td,
body.yata-admin-brand .widefat th {
	border-color: rgba(252, 239, 206, 0.2);
}

/* ---- Forms & meta boxes ---- */
body.yata-admin-brand .postbox {
	border: 1px solid rgba(252, 239, 206, 0.35);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

body.yata-admin-brand .postbox-header {
	border-bottom: 1px solid rgba(252, 239, 206, 0.25);
	background: #faf8f3;
}

body.yata-admin-brand .postbox .hndle,
body.yata-admin-brand .postbox-header .hndle {
	font-family: var(--yata-font-serif);
	color: #1a1a1a;
	font-weight: 400;
}

body.yata-admin-brand #yata_details .inside label strong {
	color: #3d3420;
	font-family: var(--yata-font-sans);
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

body.yata-admin-brand input[type="text"],
body.yata-admin-brand input[type="email"],
body.yata-admin-brand input[type="number"],
body.yata-admin-brand input[type="date"],
body.yata-admin-brand input[type="password"],
body.yata-admin-brand input[type="search"],
body.yata-admin-brand input[type="url"],
body.yata-admin-brand select,
body.yata-admin-brand textarea {
	border-color: rgba(252, 239, 206, 0.45);
}

body.yata-admin-brand input:focus,
body.yata-admin-brand select:focus,
body.yata-admin-brand textarea:focus {
	border-color: var(--yata-gold);
	box-shadow: 0 0 0 1px var(--yata-gold);
}

/* ---- Notices ---- */
body.yata-admin-brand .notice-success,
body.yata-admin-brand div.updated {
	border-left-color: var(--yata-gold);
}

/* ---- Hide WordPress updates ---- */
body.yata-admin-brand .update-nag,
body.yata-admin-brand .notice.update-message,
body.yata-admin-brand #wp-admin-bar-updates,
body.yata-admin-brand #footer-upgrade,
body.yata-admin-brand #adminmenu .update-plugins {
	display: none !important;
}

/* ---- YATA dashboard ---- */
body.yata-admin-brand.toplevel_page_yata-admin #wpbody-content .wrap {
	background: #fff;
	border: 1px solid rgba(252, 239, 206, 0.35);
	padding: 2rem 2.5rem;
	max-width: 900px;
	margin-top: 1.5rem;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}

body.yata-admin-brand.toplevel_page_yata-admin #wpbody-content .wrap h1 {
	color: var(--yata-gold);
	font-size: 2rem;
	margin-bottom: 0.5rem;
}

body.yata-admin-brand.toplevel_page_yata-admin #wpbody-content .wrap > p {
	font-family: var(--yata-font-sans);
	color: #444;
}

body.yata-admin-brand.toplevel_page_yata-admin #wpbody-content .wrap ul a {
	font-weight: 500;
}

/* ---- Footer ---- */
body.yata-admin-brand #wpfooter {
	color: #666;
	border-top: 1px solid rgba(252, 239, 206, 0.25);
}

body.yata-admin-brand #footer-left a,
body.yata-admin-brand #footer-upgrade a {
	color: #8a7038;
}

/* ---- Login ---- */
body.login.yata-admin-brand {
	background: var(--yata-bg);
	font-family: var(--yata-font-sans);
}

body.login.yata-admin-brand #login h1 a {
	background-image: none !important;
	display: block;
	text-align: center;
	font-size: 0;
	width: auto;
	height: auto;
}

body.login.yata-admin-brand #login h1 a::after {
	content: "YATA";
	display: block;
	font-family: var(--yata-font-serif);
	font-size: 1.75rem;
	color: var(--yata-gold);
	font-weight: 400;
	letter-spacing: 0.12em;
}

body.login.yata-admin-brand #loginform,
body.login.yata-admin-brand .message,
body.login.yata-admin-brand .notice {
	background: var(--yata-bg-elevated);
	border: 1px solid var(--yata-gold-border);
	box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45);
	color: var(--yata-text-muted);
}

body.login.yata-admin-brand #loginform input[type="text"],
body.login.yata-admin-brand #loginform input[type="password"] {
	background: var(--yata-bg);
	border-color: var(--yata-gold-border);
	color: var(--yata-text);
}

body.login.yata-admin-brand .button-primary {
	background: var(--yata-gold) !important;
	border-color: var(--yata-gold) !important;
	color: var(--yata-bg) !important;
}

body.login.yata-admin-brand #nav a,
body.login.yata-admin-brand #backtoblog a {
	color: var(--yata-gold-muted);
}

body.login.yata-admin-brand #nav a:hover,
body.login.yata-admin-brand #backtoblog a:hover {
	color: var(--yata-gold-bright);
}