/*
 * White Label Custom Admin Color Scheme
 * Generated by cubicFUSION Admin Enhancer
 *
 * Uses WordPress standard color scheme structure:
 * - 4 main colors (background, text, highlight, secondary)
 * - 3 icon colors (base, focus, current)
 * - CSS variables are dynamically set via inline styles
 */

/* ===================================
   ADMIN MENU
   =================================== */

/* Menu background */
#adminmenu,
#adminmenu .wp-submenu,
#adminmenuback,
#adminmenuwrap {
    background-color: var(--cf-menu-background);
}

/* Menu text */
#adminmenu a,
#adminmenu div.wp-menu-name {
    color: var(--cf-menu-text);
}

/* Current/active menu item - uses highlight color */
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
#adminmenu .wp-menu-arrow,
#adminmenu .wp-menu-arrow div,
#adminmenu li.current a.menu-top,
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
.folded #adminmenu li.current.menu-top,
.folded #adminmenu li.wp-has-current-submenu {
    background: var(--cf-highlight);
    color: var(--cf-menu-text);
}

/* Hover states - uses secondary highlight */
#adminmenu li.menu-top:hover,
#adminmenu li.opensub > a.menu-top,
#adminmenu li > a.menu-top:focus,
#adminmenu .wp-submenu a:focus,
#adminmenu .wp-submenu a:hover,
#adminmenu a:hover,
#adminmenu li.menu-top > a:focus {
    color: var(--cf-menu-text);
    background-color: var(--cf-secondary-highlight);
}

/* Ensure hover overrides current state */
#adminmenu li.wp-has-current-submenu:hover > a,
#adminmenu li.current:hover > a,
#adminmenu li.wp-has-current-submenu a.menu-top:hover,
#adminmenu li.current a.menu-top:hover {
    background-color: var(--cf-secondary-highlight);
    color: var(--cf-menu-text);
}

/* Icon colors - base */
#adminmenu div.wp-menu-image:before {
    color: var(--cf-icon-base);
}

/* Icon colors - current/active */
#adminmenu li.current div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
#adminmenu li.current a .wp-menu-image:before {
    color: var(--cf-icon-current);
}

/* Icon colors - hover/focus */
#adminmenu li.menu-top:hover .wp-menu-image:before,
#adminmenu li.opensub > a.menu-top .wp-menu-image:before,
#adminmenu a:hover .wp-menu-image:before,
#adminmenu a:focus .wp-menu-image:before {
    color: var(--cf-icon-focus);
}

/* Submenu background */
#adminmenu .wp-submenu {
    background-color: var(--cf-menu-hover);
}

/* ===================================
   ADMIN BAR
   =================================== */

/* Admin bar background */
#wpadminbar {
    background: var(--cf-menu-background);
}

/* Admin bar links */
#wpadminbar a,
#wpadminbar a.ab-item,
#wpadminbar a.ab-item:before,
#wpadminbar > #wp-toolbar span.ab-label,
#wpadminbar > #wp-toolbar span.noticon {
    color: var(--cf-menu-text);
}

/* Top-level hover - uses highlight color */
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
#wpadminbar .ab-top-menu > li.hover > .ab-item,
#wpadminbar.nojq .ab-top-menu > li > .ab-item.hover,
#wpadminbar #wp-admin-bar-my-account.hover > .ab-item,
#wpadminbar .ab-item:hover,
#wpadminbar li:hover .ab-item,
#wpadminbar li.hover .ab-item,
#wpadminbar li:hover .ab-label,
#wpadminbar li.hover .ab-label {
    background: var(--cf-highlight);
    color: var(--cf-menu-text);
}

/* Admin bar submenu background */
#wpadminbar .ab-sub-wrapper,
#wpadminbar .quicklinks .ab-sub-wrapper {
    background: var(--cf-menu-hover);
}

/* Submenu items */
#wpadminbar .ab-submenu .ab-item,
#wpadminbar .quicklinks .ab-sub-wrapper .ab-item {
    color: var(--cf-menu-text);
}

/* Submenu items hover - uses secondary highlight */
#wpadminbar .ab-submenu .ab-item:hover,
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary li a:hover,
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
#wpadminbar .quicklinks .ab-sub-wrapper .ab-item:hover,
#wpadminbar .quicklinks .ab-sub-wrapper a:hover {
    color: var(--cf-secondary-highlight);
    background: transparent;
}

/* Search in admin bar */
#wpadminbar #adminbarsearch:before {
    color: var(--cf-icon-base);
}

#wpadminbar #adminbarsearch > .ab-item:hover:before {
    color: var(--cf-icon-focus);
}

/* Admin bar icon colors */
#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:before {
    color: var(--cf-icon-base);
}

#wpadminbar li:hover .ab-icon:before,
#wpadminbar li:hover .ab-item:before,
#wpadminbar li.hover .ab-icon:before,
#wpadminbar li.hover .ab-item:before {
    color: var(--cf-icon-focus);
}

/* ===================================
   BUTTONS & FORM CONTROLS
   =================================== */

/* Primary buttons - uses highlight color */
.wp-core-ui .button-primary {
    background: var(--cf-highlight);
    border-color: var(--cf-highlight-dark);
    color: #fff;
    box-shadow: 0 1px 0 var(--cf-highlight-dark);
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
    background: var(--cf-secondary-highlight);
    border-color: var(--cf-highlight-dark);
    color: #fff;
}

/* Links - uses highlight color */
a {
    color: var(--cf-highlight);
}

a:hover,
a:active,
a:focus {
    color: var(--cf-secondary-highlight);
}

/* Form focus states - uses highlight color */
input[type=text]:focus,
input[type=password]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus,
input[type=number]:focus,
select:focus,
textarea:focus {
    border-color: var(--cf-highlight);
    box-shadow: 0 0 0 1px var(--cf-highlight);
}