/* Every Purpose Home: cookie-consent banner theme for the CookieYes "cookie-law-info" legacy UI.
   Visual only: the consent wording, buttons, and plugin behavior are unchanged.
   The plugin writes colors, fonts, and position inline from its settings, so the overrides
   below use !important where they have to beat those inline styles.
   Stacking: banner and "Manage consent" tab sit at the top of the z-index range so ads never
   cover them; eph-consent.js sets --eph-consent-lift to lift them above a bottom ad bar. */

#cookie-law-info-bar,#cookie-law-info-again,#cliSettingsPopup{
  --eph-c-sage:#60695D; --eph-c-sage-light:#AEB0A2; --eph-c-copper:#8F4F32;
  --eph-c-ink:#38413C; --eph-c-white:#FAF9F7; --eph-c-linen:#F4EEE7;
  --eph-c-sans:"Source Sans 3",Arial,sans-serif; --eph-c-serif:"Lora",Georgia,serif;
  --eph-cookie:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M24 5A19 19 0 1 0 43 24a6.5 6.5 0 0 1-7.5-6.5A6.5 6.5 0 0 1 29 11a6 6 0 0 1-5-6z' fill='none' stroke='%238F4F32' stroke-width='3' stroke-linejoin='round' stroke-linecap='round'/%3E%3Cg fill='%238F4F32'%3E%3Ccircle cx='16.5' cy='19' r='2.4'/%3E%3Ccircle cx='27' cy='27.5' r='2.4'/%3E%3Ccircle cx='16' cy='31' r='2.1'/%3E%3Ccircle cx='24.5' cy='37' r='1.8'/%3E%3Ccircle cx='34.5' cy='32' r='1.9'/%3E%3Ccircle cx='21' cy='12.5' r='1.6'/%3E%3C/g%3E%3C/svg%3E");
}

/* ---------- Banner ---------- */
html body #cookie-law-info-bar{
  position:fixed !important;left:0 !important;right:0 !important;top:auto !important;
  bottom:var(--eph-consent-lift,0px) !important;
  width:100% !important;max-height:40vh;max-height:40dvh;overflow-y:auto;overscroll-behavior:contain;
  z-index:2147483647 !important;
  margin:0 !important;
  padding:14px 16px calc(14px + env(safe-area-inset-bottom)) !important;
  background:var(--eph-c-linen) !important;color:var(--eph-c-ink) !important;
  border:0 !important;border-top:1px solid var(--eph-c-sage-light) !important;border-radius:0 !important;
  box-shadow:0 -6px 24px rgb(56 65 60 / .14) !important;
  font-family:var(--eph-c-sans) !important;font-size:15px !important;font-weight:400 !important;line-height:1.45 !important;
  text-align:left !important;box-sizing:border-box !important;
  transition:bottom .2s ease;
}
html body #cookie-law-info-bar *,html body #cookie-law-info-bar *::before,html body #cookie-law-info-bar *::after{box-sizing:border-box}
html body #cookie-law-info-bar > span{display:block;vertical-align:baseline}
/* While the settings dialog is open, it and its dimmed backdrop go above the (faded) banner. */
html body.cli-modal-open #cookie-law-info-bar{z-index:2147483645 !important}

/* Layout (banner mode only; the plugin's widget/popup modes add data-cli-type). */
html body #cookie-law-info-bar:not([data-cli-type]) .cli-bar-container{
  display:flex !important;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;
  gap:10px 12px;width:100%;max-width:1160px;margin:0 auto;padding:0;float:none;
  font-size:inherit;line-height:inherit;font-weight:inherit;
}
/* The chocolate chip cookie (with a bite out of it). Decorative only: no text content. */
html body #cookie-law-info-bar .cli-bar-container::before{
  content:"";flex:0 0 40px;width:40px;height:40px;margin-top:2px;
  background:var(--eph-cookie) center/contain no-repeat;
  transform-origin:50% 55%;
  animation:eph-cookie-wobble 1.1s ease-in-out .5s 1 both;
}
html body #cookie-law-info-bar .cli-bar-message{
  flex:1 1 0%;min-width:0;width:auto !important;margin:0;padding:0;
  text-align:left !important;color:inherit;font:inherit;
}
html body #cookie-law-info-bar .cli-bar-message .wt-cli-ccpa-element{margin-top:6px}

/* Links: "here" and "Do not sell my personal information" stay visible, copper, and underlined. */
html body #cookie-law-info-bar .cli-bar-message a,
html body #cookie-law-info-bar a.wt-cli-ccpa-opt-out,
html body #cookie-law-info-bar .cli-bar-message a:visited{
  color:var(--eph-c-copper) !important;font-weight:600;font-size:inherit !important;
  text-decoration:underline !important;text-decoration-thickness:1px;text-underline-offset:3px;
  background:none !important;border:0;box-shadow:none;cursor:pointer;
  display:inline;visibility:visible !important;opacity:1 !important;
}
html body #cookie-law-info-bar .cli-bar-message a:hover{color:var(--eph-c-ink) !important;text-decoration-thickness:2px}
html body #cookie-law-info-bar a.wt-cli-ccpa-opt-out{white-space:normal}

/* Buttons. The plugin sets colors and margins inline (and again on hover), hence !important. */
html body #cookie-law-info-bar .cli-bar-btn_container{
  display:flex !important;flex:1 1 100%;flex-wrap:nowrap;align-items:center;gap:10px;
  margin:2px 0 0 !important;padding:0;
}
html body #cookie-law-info-bar .cli-bar-btn_container .cli-plugin-button,
html body #cookie-law-info-bar .cli-bar-btn_container .cli-plugin-button:visited{
  display:inline-flex !important;align-items:center;justify-content:center;flex:1 1 0%;
  min-height:44px;margin:0 !important;padding:10px 18px !important;
  border:2px solid var(--eph-c-copper) !important;border-radius:999px !important;
  font-family:var(--eph-c-sans) !important;font-size:15px !important;font-weight:700 !important;
  letter-spacing:.02em;line-height:1.1 !important;text-align:center;text-decoration:none !important;
  white-space:nowrap;cursor:pointer;box-shadow:none;
  transition:background-color .15s ease,color .15s ease,border-color .15s ease;
}
/* Accept: solid copper. */
html body #cookie-law-info-bar .cli-bar-btn_container .cli_action_button:not(.cookie_action_close_header_reject),
html body #cookie-law-info-bar .cli-bar-btn_container .wt-cli-accept-btn,
html body #cookie-law-info-bar .cli-bar-btn_container .wt-cli-accept-all-btn{
  background:var(--eph-c-copper) !important;color:var(--eph-c-white) !important;
}
html body #cookie-law-info-bar .cli-bar-btn_container .cli_action_button:not(.cookie_action_close_header_reject):hover,
html body #cookie-law-info-bar .cli-bar-btn_container .wt-cli-accept-btn:hover,
html body #cookie-law-info-bar .cli-bar-btn_container .wt-cli-accept-all-btn:hover{
  background:var(--eph-c-ink) !important;border-color:var(--eph-c-ink) !important;color:var(--eph-c-white) !important;
}
/* Cookie Settings and Reject: copper outline. */
html body #cookie-law-info-bar .cli-bar-btn_container .cli_settings_button,
html body #cookie-law-info-bar .cli-bar-btn_container .cookie_action_close_header_reject,
html body #cookie-law-info-bar .cli-bar-btn_container .cli-plugin-main-link{
  background:transparent !important;color:var(--eph-c-copper) !important;
}
html body #cookie-law-info-bar .cli-bar-btn_container .cli_settings_button:hover,
html body #cookie-law-info-bar .cli-bar-btn_container .cookie_action_close_header_reject:hover,
html body #cookie-law-info-bar .cli-bar-btn_container .cli-plugin-main-link:hover{
  background:rgb(143 79 50 / .09) !important;color:var(--eph-c-copper) !important;
}
html body #cookie-law-info-bar a:focus-visible,
html body #cookie-law-info-again:focus-visible,
html body #cookie-law-info-again span:focus-visible,
html body #cliSettingsPopup a:focus-visible,
html body #cliSettingsPopup button:focus-visible{outline:3px solid var(--eph-c-copper) !important;outline-offset:3px}

/* Very narrow phones: a smaller cookie and slightly smaller type keep the banner compact. */
@media (max-width:359px){
  html body #cookie-law-info-bar{padding-inline:12px !important;font-size:14px !important}
  html body #cookie-law-info-bar .cli-bar-container::before{flex-basis:30px;width:30px;height:30px}
  html body #cookie-law-info-bar .cli-bar-btn_container .cli-plugin-button{padding-inline:12px !important;font-size:14px !important}
}
/* Tablet and up: one centered row, cookie / message / buttons. */
@media (min-width:768px){
  html body #cookie-law-info-bar{padding:16px 24px calc(16px + env(safe-area-inset-bottom)) !important}
  html body #cookie-law-info-bar:not([data-cli-type]) .cli-bar-container{flex-wrap:nowrap;align-items:center;gap:18px}
  html body #cookie-law-info-bar .cli-bar-container::before{flex-basis:48px;width:48px;height:48px;margin-top:0}
  html body #cookie-law-info-bar .cli-bar-btn_container{flex:0 0 auto;margin:0 0 0 8px !important}
  html body #cookie-law-info-bar .cli-bar-btn_container .cli-plugin-button{flex:0 0 auto;padding-inline:22px !important}
}

/* ---------- "Manage consent" re-open tab ---------- */
html body #cookie-law-info-again{
  z-index:2147483647 !important;
  bottom:calc(8px + var(--eph-consent-lift,0px)) !important;
  margin:0 !important;padding:8px 16px 8px 12px !important;
  background:var(--eph-c-linen) !important;color:var(--eph-c-copper) !important;
  border:1px solid var(--eph-c-sage-light) !important;border-radius:999px !important;
  box-shadow:0 3px 12px rgb(56 65 60 / .18) !important;
  font-family:var(--eph-c-sans) !important;font-size:14px !important;font-weight:700 !important;line-height:1.2 !important;
  transition:bottom .2s ease;
}
html body #cookie-law-info-again::before{content:"";display:inline-block;width:20px;height:20px;margin-right:8px;vertical-align:middle;background:var(--eph-cookie) center/contain no-repeat}
html body #cookie-law-info-again span{color:inherit;font:inherit;vertical-align:middle}
html body #cookie-law-info-again:hover{background:var(--eph-c-white) !important}

/* ---------- Settings dialog: same fonts and colors, behavior untouched ---------- */
html body #cliSettingsPopup.cli-modal.cli-show{z-index:2147483647 !important}
html body .cli-modal-backdrop.cli-settings-overlay.cli-show,
html body .cli-modal-backdrop.cli-popupbar-overlay.cli-show{z-index:2147483646 !important;background-color:#38413C !important}
html body #cliSettingsPopup .cli-modal-dialog{font-family:var(--eph-c-sans);color:var(--eph-c-ink)}
html body #cliSettingsPopup .cli-modal-content{
  background:var(--eph-c-white) !important;color:var(--eph-c-ink);
  border:1px solid var(--eph-c-sage-light);border-radius:16px !important;
  box-shadow:0 18px 50px rgb(56 65 60 / .28);font-family:var(--eph-c-sans);
}
html body #cliSettingsPopup .cli-privacy-overview h4{
  font-family:var(--eph-c-serif) !important;font-weight:600;font-size:22px;line-height:1.25;color:var(--eph-c-copper);
  text-transform:none;letter-spacing:normal;margin:0 0 10px;padding:0;border:0;background:none;
}
html body #cliSettingsPopup .cli-privacy-overview h4::before,html body #cliSettingsPopup .cli-privacy-overview h4::after{content:none}
html body #cliSettingsPopup .cli-privacy-overview h4::after{
  content:"";display:block;width:44px;height:2px;margin-top:8px;background:var(--eph-c-sage);
}
html body #cliSettingsPopup .cli-privacy-content-text,
html body #cliSettingsPopup .wt-cli-cookie-description,
html body #cliSettingsPopup .cli-tab-container p{font-family:var(--eph-c-sans);font-size:15px;line-height:1.5;color:var(--eph-c-ink)}
html body #cliSettingsPopup a.cli-privacy-readmore{color:var(--eph-c-copper);font-weight:600;font-size:14px;text-decoration:underline;text-underline-offset:3px}
html body #cliSettingsPopup .cli-tab-header{background:var(--eph-c-linen);border-radius:10px;align-items:center}
html body #cliSettingsPopup .cli-tab-header a.cli-nav-link{font-family:var(--eph-c-sans);font-size:16px;font-weight:600;color:var(--eph-c-ink);text-decoration:none}
html body #cliSettingsPopup .cli-tab-header a:before{border-right-color:var(--eph-c-copper);border-bottom-color:var(--eph-c-copper)}
html body #cliSettingsPopup span.cli-necessary-caption{font-family:var(--eph-c-sans);font-size:13px;font-weight:700;color:var(--eph-c-sage)}
html body #cliSettingsPopup .cli-tab-header .cli-switch{min-height:20px}
html body #cliSettingsPopup .cli-switch .cli-slider{background-color:var(--eph-c-sage-light)}
html body #cliSettingsPopup .cli-switch input:checked + .cli-slider{background-color:var(--eph-c-copper)}
html body #cliSettingsPopup .cli-switch .cli-slider:before{background-color:var(--eph-c-white)}
html body #cliSettingsPopup .cli-switch .cli-slider:after{color:var(--eph-c-ink);font-family:var(--eph-c-sans);font-size:13px}
html body #cliSettingsPopup .cli-switch input:focus-visible + .cli-slider{outline:3px solid var(--eph-c-copper);outline-offset:2px}
html body #cliSettingsPopup .cookielawinfo-row-cat-table{font-family:var(--eph-c-sans);color:var(--eph-c-ink)}
html body #cliSettingsPopup .cli-modal-close svg{fill:var(--eph-c-ink)}
html body #cliSettingsPopup .cli-modal-close:hover svg{fill:var(--eph-c-copper)}
html body #cliSettingsPopup .cli-tab-footer .cli-btn,
html body #cliSettingsPopup .cli-tab-footer .wt-cli-privacy-accept-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px !important;line-height:1.1 !important;box-sizing:border-box;
  background:var(--eph-c-copper) !important;color:var(--eph-c-white) !important;
  border:2px solid var(--eph-c-copper) !important;border-radius:999px !important;
  font-family:var(--eph-c-sans) !important;font-size:15px !important;font-weight:700 !important;letter-spacing:.04em;
  text-decoration:none !important;opacity:1;
}
html body #cliSettingsPopup .cli-tab-footer .cli-btn:hover,
html body #cliSettingsPopup .cli-tab-footer .wt-cli-privacy-accept-btn:hover{background:var(--eph-c-ink) !important;border-color:var(--eph-c-ink) !important;opacity:1}

/* ---------- Cookie wobble (once, on load) ---------- */
@keyframes eph-cookie-wobble{
  0%{transform:rotate(0) scale(.9)}
  25%{transform:rotate(-10deg) scale(1.04)}
  50%{transform:rotate(7deg) scale(1)}
  75%{transform:rotate(-3deg)}
  100%{transform:rotate(0) scale(1)}
}
@media (prefers-reduced-motion:reduce){
  html body #cookie-law-info-bar .cli-bar-container::before{animation:none}
  html body #cookie-law-info-bar,html body #cookie-law-info-again{transition:none}
}