/* klaro-custom.css - AP overrides for the ML_Klaro (Klaro!) consent banner.
   Loaded after js/ThirdParty/klaro/klaro.min.css in Inc/Piwik/PiwikTracking.ascx,
   so rules here win over the vendored stylesheet. Never edit the vendored file;
   it is replaced wholesale on Klaro upgrades.

   Klaro renders into <div id="ml-klaro" class="klaro"> (elementID in klaroConfig).
   The vendored stylesheet reads every color through var(--name, fallback) but never
   defines the variables, so setting them on #ml-klaro re-themes the whole banner
   and the "Cookie Preferences" modal (custom properties inherit to descendants).

   Useful class hooks for finer control:
     .klaro .cookie-notice    banner panel
     .klaro .cookie-modal     "Cookie Settings" modal
     .klaro .cn-body          notice text
     .klaro .cn-learn-more    "Cookie Settings" link
     .klaro .cm-btn-success   accept button ("Accept All")
     .klaro .cm-btn-danger    decline button ("Reject All")

   NOTE: at runtime the ML_Klaro branch of Inc/Piwik/PiwikTracking.ascx injects a
   <style id="mlKlaroThemeStyle"> block that re-themes the banner from the client's
   WEBSITE/COLOR_SCHEME config, mirroring the main app's footer buttons:
   "Accept All" copies the Continue button (solid button_theme fill,
   button_font_theme text, darken on hover/focus) and "Reject All" copies the
   Go Back button (transparent ghost with button_theme border/text that fills on
   hover); header_theme2 colors the links. Those injected rules win over static
   values set here; this file remains the fallback when a client has no
   COLOR_SCHEME (and controls everything COLOR_SCHEME doesn't, like the white
   background and black text below).
*/

#ml-klaro {
	/* White banner with black text (Klaro's built-in default is a dark theme). */
	--dark1: #ffffff;   /* notice/modal background (vendored default #333) */
	--light1: #000000;  /* body text (vendored default #fafafa) */

	/* More re-brand hooks; vendored defaults shown:
	--green1: #1a936f;             accept button, links
	--green2: #24cc9a;             secondary accent (active switches)
	--dark2: #5c5c5c;              secondary button (Reject All) background
	--light2: #c8c8c8;             borders, close button
	--button-text-color: #ffffff;
	--font-family: inherit;
	--font-size: 14px;
	--border-radius: 4px;
	*/
}