/**
 * Cotive admin-kleuren — overschrijft het actieve WordPress-kleurenschema
 * (Standaard/modern, fresh, ...) met Cotive-rood.
 *
 * Twee lagen:
 *  1. De scheme-variabele (knoppen, focus, checkboxes, secundaire knoppen,
 *     page-title-action, ...). Eén override volstaat.
 *  2. De hardgecodeerde accenten in de menu-/adminbalk-chrome (#3858e9 en het
 *     lichtere #7b90ff). Die overschrijven we expliciet met !important.
 *
 * Accent: instelbaar per site (AdminBranding). De tokens --cotive-accent,
 * -600, -700, -light en -rgb worden inline meegegeven bij het inladen.
 */

/* 1. Scheme-variabele */
:root,
body {
    --wp-admin-theme-color: var(--cotive-accent) !important;
    --wp-admin-theme-color-darker-10: var(--cotive-accent-600) !important;
    --wp-admin-theme-color-darker-20: var(--cotive-accent-700) !important;
    --wp-admin-theme-color--rgb: var(--cotive-accent-rgb) !important;
}

/* 2a. Links — alleen in het content-gebied. Het admin-menu en de adminbalk
   staan buiten #wpbody-content en houden hun eigen (lichte) kleuren. De
   verwijder-/prullenbak-links laten we hun rode waarschuwingskleur houden.

   Links die als knop zijn vormgegeven vallen erbuiten: die hebben al een
   gevulde achtergrond, en een gekleurde tekst daarop is onleesbaar. Denk aan
   "Nieuwe toevoegen" naast een paginatitel — dat is een <a>, geen <button>.

   De uitzonderingen staan in :where() zodat ze niets aan de specificiteit
   toevoegen. Een kale :not()-ketting telt namelijk gewoon mee en zou deze
   regel boven de knopregels van componenten uit tillen. */
#wpbody-content a:not(:where(.button, .button-primary, .button-secondary, .page-title-action, .add-new-h2, .cotive-dash__btn)) {
    color: var(--cotive-accent-600) !important;
}

#wpbody-content a:not(:where(.button, .button-primary, .button-secondary, .page-title-action, .add-new-h2, .cotive-dash__btn)):hover,
#wpbody-content a:not(:where(.button, .button-primary, .button-secondary, .page-title-action, .add-new-h2, .cotive-dash__btn)):focus,
#wpbody-content a:not(:where(.button, .button-primary, .button-secondary, .page-title-action, .add-new-h2, .cotive-dash__btn)):active {
    color: var(--cotive-accent-700) !important;
}

/* Verwijder-/prullenbak-links houden hun rode waarschuwingskleur. */
#wpbody-content a.submitdelete,
#wpbody-content a.button-link-delete,
#wpbody-content .row-actions span.trash a,
#wpbody-content .row-actions span.delete a {
    color: #b32d2e !important;
}

/* 2b. Admin-menu: hover + actief (modern: #3858e9) */
#adminmenu a:hover,
#adminmenu li.menu-top:hover,
#adminmenu li.opensub > a.menu-top,
#adminmenu li > a.menu-top:focus,
#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,
.folded #adminmenu li.current.menu-top {
    background-color: var(--cotive-accent) !important;
    color: #fff !important;
}

/* Menu-iconen wit op hover/actief */
#adminmenu li.menu-top:hover div.wp-menu-image:before,
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before,
#adminmenu li:hover div.wp-menu-image:before,
#adminmenu li a:focus div.wp-menu-image:before,
#adminmenu li.current div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
#adminmenu a.current:hover div.wp-menu-image:before {
    color: #fff !important;
}

/* Submenu-links (modern hover: #7b90ff) */
#adminmenu .wp-submenu a:hover,
#adminmenu .wp-submenu a:focus,
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
#adminmenu .wp-submenu li.current a:hover,
#adminmenu .wp-submenu li.current a:focus {
    color: var(--cotive-accent-light) !important;
}

#adminmenu .wp-submenu li.current a,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
    color: #fff !important;
}

/* Bolletjes (updates / reacties) — modern: #3858e9 */
#adminmenu .awaiting-mod,
#adminmenu .menu-counter,
#adminmenu .update-plugins {
    background: var(--cotive-accent) !important;
    color: #fff !important;
}

/* Inklap-knop */
#collapse-button:focus,
#collapse-button:hover {
    color: var(--cotive-accent-light) !important;
}

/* 2c. Adminbalk hovers (modern: #7b90ff) */
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label,
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
#wpadminbar:not(.mobile) li:hover .ab-item:before,
#wpadminbar:not(.mobile) li:hover .ab-item:after,
#wpadminbar .quicklinks .menupop ul li a:hover,
#wpadminbar .quicklinks .menupop ul li a:focus,
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
    color: var(--cotive-accent-light) !important;
}

/* 2d. wp-ui highlight/notification (modern: #3858e9) — NB: wp-ui-primary blijft donker */
.wp-core-ui .wp-ui-highlight,
.wp-core-ui .wp-ui-notification {
    background-color: var(--cotive-accent) !important;
    color: #fff !important;
}

.wp-core-ui .wp-ui-text-highlight,
.wp-core-ui .wp-ui-text-notification {
    color: var(--cotive-accent) !important;
}

/* 2e. View-switch + media-selectie (modern: #3858e9) */
.view-switch a:hover:before {
    color: var(--cotive-accent) !important;
}

.media-item .bar,
.media-progress-bar div,
.theme-browser .theme.active .theme-name {
    background-color: var(--cotive-accent) !important;
}

.attachment.details .check {
    background-color: var(--cotive-accent) !important;
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--cotive-accent) !important;
}

.details.attachment {
    box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px var(--cotive-accent) !important;
}

.media-selection .attachment.selection.details .thumbnail {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--cotive-accent) !important;
}