/*
 * Technical Adda admin color scheme (id: dd).
 * Loaded by core as the `colors` stylesheet (registered in inc/admin-theme.php) and on the login screen.
 * Palette: black #0B1020 · black-2 #141A2E · red #7C3AED / #6D28D9 / #8C0F15.
 */

/* 1. Core variables. --rgb triplets must match their hex or Gutenberg overlays drift. */
body.admin-color-dd {
	--wp-admin-theme-color: #7C3AED;
	--wp-admin-theme-color--rgb: 226, 30, 39;
	--wp-admin-theme-color-darker-10: #6D28D9;
	--wp-admin-theme-color-darker-10--rgb: 179, 20, 28;
	--wp-admin-theme-color-darker-20: #8C0F15;
	--wp-admin-theme-color-darker-20--rgb: 140, 15, 21;
	--wp-admin-border-width-focus: 2px;
}

@media (min-resolution: 192dpi) {
	body.admin-color-dd {
		--wp-admin-border-width-focus: 1.5px;
	}
}

/*
 * 2. Gutenberg writes its own values inline on [class*='__root'].
 * The only place !important is required (inline styles beat any selector).
 */
body.admin-color-dd [class*='__root'] {
	--wp-admin-theme-color: #7C3AED !important;
	--wp-admin-theme-color--rgb: 226, 30, 39 !important;
	--wp-admin-theme-color-darker-10: #6D28D9 !important;
	--wp-admin-theme-color-darker-10--rgb: 179, 20, 28 !important;
	--wp-admin-theme-color-darker-20: #8C0F15 !important;
	--wp-admin-theme-color-darker-20--rgb: 140, 15, 21 !important;
	--wpds-color-background-interactive-brand-strong: #7C3AED !important;
	--wpds-color-background-interactive-brand-strong-active: #6D28D9 !important;
	--wpds-color-background-interactive-brand-weak: #F5F3FF !important;
	--wpds-color-background-interactive-brand-weak-active: #EDE9FE !important;
	--wpds-color-background-surface-brand: #F5F3FF !important;
	--wpds-color-foreground-interactive-brand: #7C3AED !important;
	--wpds-color-foreground-interactive-brand-active: #6D28D9 !important;
	--wpds-color-stroke-interactive-brand: #7C3AED !important;
	--wpds-color-stroke-interactive-brand-active: #6D28D9 !important;
	--wpds-color-stroke-surface-brand: #F5A9AD !important;
	--wpds-color-stroke-focus: #7C3AED !important;
	--wpds-color-background-thumb-brand: #7C3AED !important;
	--wpds-color-background-thumb-brand-active: #6D28D9 !important;
}

/* 3. Links */
.admin-color-dd a {
	color: #7C3AED;
}

.admin-color-dd a:hover,
.admin-color-dd a:active,
.admin-color-dd a:focus {
	color: #8C0F15;
}

/* 4. Buttons */
.admin-color-dd.wp-core-ui .button-primary,
.admin-color-dd .wp-core-ui .button-primary {
	background: #7C3AED;
	border-color: #7C3AED;
	color: #fff;
}

.admin-color-dd.wp-core-ui .button-primary:hover,
.admin-color-dd .wp-core-ui .button-primary:hover,
.admin-color-dd.wp-core-ui .button-primary:active,
.admin-color-dd .wp-core-ui .button-primary:active {
	background: #6D28D9;
	border-color: #6D28D9;
	color: #fff;
}

.admin-color-dd.wp-core-ui .button-primary:focus,
.admin-color-dd .wp-core-ui .button-primary:focus {
	background: #7C3AED;
	border-color: #7C3AED;
	color: #fff;
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px #7C3AED;
	outline: 1px solid transparent;
}

.admin-color-dd.wp-core-ui .button:where(:not(.button-link, .button-primary)),
.admin-color-dd .wp-core-ui .button:where(:not(.button-link, .button-primary)) {
	border-color: #7C3AED;
	color: #7C3AED;
}

.admin-color-dd.wp-core-ui .button:where(:not(.button-link, .button-primary)):hover,
.admin-color-dd .wp-core-ui .button:where(:not(.button-link, .button-primary)):hover {
	border-color: #8C0F15;
	color: #8C0F15;
}

.admin-color-dd.wp-core-ui .button:where(:not(.button-link, .button-primary)):focus,
.admin-color-dd .wp-core-ui .button:where(:not(.button-link, .button-primary)):focus {
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px #7C3AED;
	outline: 1px solid transparent;
}

.admin-color-dd .wrap .page-title-action {
	border-color: #7C3AED;
	color: #7C3AED;
}

.admin-color-dd .wrap .page-title-action:hover {
	border-color: #8C0F15;
	color: #8C0F15;
}

/* Form controls */
.admin-color-dd input[type='checkbox']:checked,
.admin-color-dd input[type='radio']:checked {
	background: var(--wp-admin-theme-color);
	border-color: var(--wp-admin-theme-color);
}

.admin-color-dd input[type='checkbox']:focus,
.admin-color-dd input[type='radio']:focus {
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
	outline: 2px solid transparent;
}

.admin-color-dd input:where(:not([type='checkbox'], [type='radio'], [type='button'], [type='submit'])):focus,
.admin-color-dd select:focus,
.admin-color-dd textarea:focus {
	border-color: var(--wp-admin-theme-color);
	box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
}

/* 5. Admin menu */
.admin-color-dd #adminmenuback,
.admin-color-dd #adminmenuwrap,
.admin-color-dd #adminmenu {
	background: #0B1020;
}

.admin-color-dd #adminmenu a {
	color: #F7F8FC;
}

.admin-color-dd #adminmenu div.wp-menu-image::before {
	color: #9A9A9A;
}

.admin-color-dd #adminmenu a:hover,
.admin-color-dd #adminmenu li.menu-top:hover,
.admin-color-dd #adminmenu li.opensub > a.menu-top,
.admin-color-dd #adminmenu li > a.menu-top:focus {
	color: #fff;
	background-color: #141A2E;
}

.admin-color-dd #adminmenu li.menu-top:hover div.wp-menu-image::before,
.admin-color-dd #adminmenu li.opensub > a.menu-top div.wp-menu-image::before,
.admin-color-dd #adminmenu li.wp-has-current-submenu div.wp-menu-image::before,
.admin-color-dd #adminmenu li.current div.wp-menu-image::before,
.admin-color-dd #adminmenu li a:focus div.wp-menu-image::before {
	color: #fff;
}

/* Submenu */
.admin-color-dd #adminmenu .wp-submenu,
.admin-color-dd #adminmenu .wp-has-current-submenu .wp-submenu,
.admin-color-dd #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.admin-color-dd #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
	background: #141A2E;
}

.admin-color-dd #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover::after,
.admin-color-dd #adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within::after {
	border-right-color: #141A2E;
}

.admin-color-dd #adminmenu .wp-submenu .wp-submenu-head,
.admin-color-dd #adminmenu .wp-submenu a,
.admin-color-dd #adminmenu .wp-has-current-submenu .wp-submenu a,
.admin-color-dd #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
.admin-color-dd #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
	color: #D4D4D4;
}

.admin-color-dd #adminmenu .wp-submenu a:focus,
.admin-color-dd #adminmenu .wp-submenu a:hover,
.admin-color-dd #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
.admin-color-dd #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
.admin-color-dd #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover,
.admin-color-dd #adminmenu .wp-submenu li.current a:hover,
.admin-color-dd #adminmenu .wp-submenu li.current a:focus {
	color: #F5A9AD;
	background: transparent;
}

.admin-color-dd #adminmenu .wp-submenu li.current a,
.admin-color-dd #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
.admin-color-dd #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
	color: #fff;
	font-weight: 600;
}

/* Current item */
.admin-color-dd #adminmenu li.current a.menu-top,
.admin-color-dd #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
.admin-color-dd #adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
.admin-color-dd.folded #adminmenu li.current.menu-top {
	color: #fff;
	background: #7C3AED;
}

.admin-color-dd ul#adminmenu a.wp-has-current-submenu::after,
.admin-color-dd ul#adminmenu > li.current > a.current::after {
	border-right-color: #F7F8FC;
}

/* Badges: blue, or white on blue when the item is current */
.admin-color-dd #adminmenu .menu-counter,
.admin-color-dd #adminmenu .awaiting-mod,
.admin-color-dd #adminmenu .update-plugins {
	color: #fff;
	background: #7C3AED;
}

.admin-color-dd #adminmenu li.current a .awaiting-mod,
.admin-color-dd #adminmenu li a.wp-has-current-submenu .update-plugins,
.admin-color-dd #adminmenu li.current a .menu-counter,
.admin-color-dd #adminmenu li a.wp-has-current-submenu .menu-counter {
	color: #7C3AED;
	background: #fff;
}

.admin-color-dd #collapse-button {
	color: #9A9A9A;
}

.admin-color-dd #collapse-button:hover,
.admin-color-dd #collapse-button:focus {
	color: #fff;
	background: #141A2E;
}

/* 6. Admin bar (same palette) */
.admin-color-dd #wpadminbar {
	color: #F7F8FC;
	background: #0B1020;
}

.admin-color-dd #wpadminbar .ab-item,
.admin-color-dd #wpadminbar a.ab-item,
.admin-color-dd #wpadminbar > #wp-toolbar span.ab-label,
.admin-color-dd #wpadminbar > #wp-toolbar span.noticon {
	color: #F7F8FC;
}

.admin-color-dd #wpadminbar .ab-icon,
.admin-color-dd #wpadminbar .ab-icon::before,
.admin-color-dd #wpadminbar .ab-item::before,
.admin-color-dd #wpadminbar .ab-item::after,
.admin-color-dd #wpadminbar #adminbarsearch::before {
	color: #9A9A9A;
}

.admin-color-dd #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
.admin-color-dd #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
.admin-color-dd #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
.admin-color-dd #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
.admin-color-dd #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
	color: #fff;
	background: #141A2E;
}

.admin-color-dd #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
.admin-color-dd #wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
.admin-color-dd #wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
	color: #F5A9AD;
}

.admin-color-dd #wpadminbar .menupop .ab-sub-wrapper,
.admin-color-dd #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
.admin-color-dd #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
	background: #141A2E;
}

.admin-color-dd #wpadminbar .ab-submenu .ab-item,
.admin-color-dd #wpadminbar .quicklinks .menupop ul li a,
.admin-color-dd #wpadminbar .quicklinks .menupop.hover ul li a,
.admin-color-dd #wpadminbar.nojs .quicklinks .menupop:hover ul li a,
.admin-color-dd #wpadminbar #wp-admin-bar-user-info .username {
	color: #D4D4D4;
}

.admin-color-dd #wpadminbar .quicklinks .menupop ul li a:hover,
.admin-color-dd #wpadminbar .quicklinks .menupop ul li a:focus,
.admin-color-dd #wpadminbar .quicklinks .menupop ul li a:hover strong,
.admin-color-dd #wpadminbar .quicklinks .menupop ul li a:focus strong,
.admin-color-dd #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
.admin-color-dd #wpadminbar li:hover .ab-icon::before,
.admin-color-dd #wpadminbar li:hover .ab-item::before,
.admin-color-dd #wpadminbar li a:focus .ab-icon::before,
.admin-color-dd #wpadminbar li .ab-item:focus::before,
.admin-color-dd #wpadminbar li.hover .ab-icon::before,
.admin-color-dd #wpadminbar li.hover .ab-item::before,
.admin-color-dd #wpadminbar li:hover #adminbarsearch::before,
.admin-color-dd #wpadminbar #wp-admin-bar-user-info a:hover .display-name {
	color: #F5A9AD;
}

.admin-color-dd #wpadminbar #wp-admin-bar-user-info .display-name {
	color: #fff;
}

.admin-color-dd #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
	border-color: #141A2E;
	background-color: #141A2E;
}

.admin-color-dd #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
	color: #fff;
	background: #141A2E;
}

.admin-color-dd #wpadminbar #wp-admin-bar-recovery-mode,
.admin-color-dd #wpadminbar #wp-admin-bar-recovery-mode .ab-item {
	color: #fff;
	background-color: #7C3AED;
}

/* Responsive toggle */
.admin-color-dd div#wp-responsive-toggle a::before {
	color: #9A9A9A;
}

.admin-color-dd.wp-responsive-open div#wp-responsive-toggle a,
.admin-color-dd.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
	background: #141A2E;
}