/* Kings & Queens - the cookie banner (CookieYes, configured as the live site: its words, categories and buttons) in the house
   style. The colours CookieYes writes inline are overridden here. Desktop: a card at the bottom left, the size of the welcome
   offer's words; phone: a sheet along the bottom. "Choose cookies" opens the preference centre; the footer's "Cookie settings"
   ([data-cky-revisit], js/main.js) brings it back at any time. Loaded on every page (inc/setup.php). */

/* ---------- the notice ---------- */
.cky-consent-container{position:fixed!important;top:auto!important;right:auto!important;bottom:24px!important;left:24px!important;width:min(440px,calc(100vw - 48px))!important;z-index:9999999}
.cky-consent-container.cky-hide{display:none}
.cky-consent-container .cky-consent-bar{background:var(--hatton)!important;border:0!important;border-radius:0!important;padding:30px 30px 24px!important;
  box-shadow:inset 0 0 0 1px rgba(220,198,154,.2),0 30px 70px rgba(5,10,7,.45)!important;color:var(--vellum)}
.cky-consent-container .cky-notice{display:block}
.cky-consent-container .cky-title{margin:0 0 12px!important;padding:0!important;font:400 28px/1.08 var(--display)!important;letter-spacing:-.005em!important;color:var(--vellum)!important}
.cky-consent-container .cky-notice-group{display:block!important}
.cky-consent-container .cky-notice-des,.cky-consent-container .cky-notice-des p{margin:0!important;padding:0!important;font:400 14.5px/1.6 var(--sans)!important;color:rgba(243,238,228,.74)!important;max-height:none!important}
.cky-consent-container .cky-notice-des a{color:var(--gilt)!important;text-decoration:none!important}

/* the buttons: Accept and Reject side by side and the same size (as easy to refuse as to agree), Choose cookies a link under them */
.cky-consent-container .cky-notice-btn-wrapper{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 0!important;padding:0!important}
.cky-consent-container .cky-btn{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:0!important;height:50px;margin:0!important;padding:0 16px!important;border:0!important;border-radius:0!important;
  font:500 12px/1 var(--sans)!important;letter-spacing:.12em!important;text-transform:uppercase;white-space:nowrap;cursor:pointer;
  transition:background-color calc(var(--beat)*2) linear,color calc(var(--beat)*2) linear,box-shadow calc(var(--beat)*2) linear!important}
.cky-consent-container .cky-btn-accept{order:1!important;background:var(--brass)!important;color:var(--hatton)!important}
.cky-consent-container .cky-btn-reject{order:2!important;background:var(--vellum)!important;color:var(--hatton)!important}
.cky-consent-container .cky-btn-customize{order:3!important;grid-column:1/-1;justify-self:start;height:auto;padding:6px 0 0!important;background:none!important;box-shadow:none!important;color:var(--gilt)!important}
.cky-consent-container .cky-btn-close,.cky-consent-container .cky-banner-btn-close{display:none!important}
.cky-consent-container .cky-btn:focus-visible,.cky-modal .cky-btn:focus-visible,.cky-modal .cky-btn-close:focus-visible{outline:2px solid var(--gilt)!important;outline-offset:2px}

/* ---------- the preference centre ---------- */
.cky-overlay{background:rgba(13,26,19,.62)!important;opacity:1!important}
.cky-modal{border-radius:0!important;background:var(--paper)!important;color:var(--ink)!important;box-shadow:0 40px 90px rgba(5,10,7,.45)!important;font-family:var(--sans)!important;max-width:min(600px,calc(100vw - 32px))!important}
.cky-modal .cky-preference-center{border-radius:0!important;background:var(--paper)!important;border:0!important;color:var(--ink)!important}
.cky-modal .cky-preference-header{padding:26px 28px 18px!important;border-bottom:1px solid rgba(18,21,18,.1)!important}
.cky-modal .cky-preference-title{font:400 30px/1.1 var(--display)!important;color:var(--ink)!important}
.cky-modal .cky-btn-close{width:40px!important;height:40px!important;border-radius:50%!important;box-shadow:inset 0 0 0 1px rgba(18,21,18,.2)!important;display:flex!important;align-items:center;justify-content:center;background:none!important}
.cky-modal .cky-btn-close img{width:12px!important;height:12px!important}
.cky-modal .cky-preference-body-wrapper{padding:0 28px!important}
.cky-modal .cky-preference-content-wrapper,.cky-modal .cky-preference-content-wrapper p{font:400 14.5px/1.6 var(--sans)!important;color:var(--graphite)!important}
.cky-modal .cky-show-desc-btn{color:var(--bronze)!important;font:500 12px/1.6 var(--sans)!important;letter-spacing:.08em;text-transform:uppercase;text-decoration:none!important;background:none!important}
.cky-modal .cky-accordion{border-bottom:1px solid rgba(18,21,18,.1)!important;padding:16px 0!important}
.cky-modal .cky-accordion-btn{font:500 15px/1.3 var(--sans)!important;color:var(--ink)!important;background:none!important}
.cky-modal .cky-accordion-header-des,.cky-modal .cky-accordion-header-des p{font:400 13.5px/1.55 var(--sans)!important;color:var(--graphite)!important}
.cky-modal .cky-always-active{font:500 11px/1 var(--mono)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--bronze)!important}
.cky-modal .cky-switch input[type=checkbox]{background:var(--stone)!important}
.cky-modal .cky-switch input[type=checkbox]:checked{background:var(--heritage)!important}
.cky-modal .cky-accordion-chevron{color:var(--graphite)}
.cky-modal .cky-audit-table{background:var(--vellum)!important;border-radius:0!important;border:0!important}
.cky-modal .cky-audit-table,.cky-modal .cky-audit-table *{font-family:var(--sans)!important;color:var(--graphite)!important}
.cky-modal .cky-footer-wrapper{border-top:1px solid rgba(18,21,18,.1)!important}
.cky-modal .cky-footer-shadow{display:none!important}
.cky-modal .cky-prefrence-btn-wrapper{display:grid!important;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 28px 24px!important}
.cky-modal .cky-prefrence-btn-wrapper .cky-btn{width:auto!important;height:50px;margin:0!important;padding:0 12px!important;border:0!important;border-radius:0!important;font:500 12px/1 var(--sans)!important;letter-spacing:.12em!important;text-transform:uppercase;cursor:pointer;
  transition:background-color calc(var(--beat)*2) linear,color calc(var(--beat)*2) linear!important}
.cky-modal .cky-btn-accept{order:3!important;background:var(--brass)!important;color:var(--hatton)!important}
.cky-modal .cky-btn-reject{order:1!important;background:var(--ink)!important;color:var(--vellum)!important}
.cky-modal .cky-btn-preferences{order:2!important;background:transparent!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1px rgba(18,21,18,.4)!important}

/* ---------- hover, where a pointer can hover (a tap on a phone would leave it stuck) ---------- */
@media (hover:hover){
  .cky-consent-container .cky-btn-accept:hover{background:var(--gilt)!important}
  .cky-consent-container .cky-btn-reject:hover{background:#fff!important}
  .cky-consent-container .cky-btn-customize:hover{color:var(--vellum)!important}
  .cky-modal .cky-btn-accept:hover{background:var(--gilt)!important}
  .cky-modal .cky-btn-reject:hover{background:var(--heritage)!important}
  .cky-modal .cky-btn-preferences:hover{background:var(--ink)!important;color:var(--vellum)!important}
}

/* ---------- touch screens: "Choose cookies" and the centre's close full taps (the card's foot gives back the room) ---------- */
@media (max-width:900px){
  .cky-consent-container .cky-consent-bar{padding-bottom:12px!important}
  .cky-consent-container .cky-btn-customize{height:44px!important;margin:-6px 0 0!important;padding:0!important}
  .cky-modal .cky-btn-close{width:44px!important;height:44px!important}
}

/* ---------- phones: a sheet along the bottom ---------- */
@media (max-width:600px){
  .cky-consent-container{left:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;width:calc(100vw - 24px)!important}
  .cky-consent-container .cky-consent-bar{padding:24px 22px 8px!important}
  .cky-consent-container .cky-title{font-size:24px!important}
  .cky-consent-container .cky-notice-des,.cky-consent-container .cky-notice-des p{font-size:14px!important}
  .cky-modal .cky-prefrence-btn-wrapper{grid-template-columns:1fr;padding:16px 20px 20px!important}
  .cky-modal .cky-btn-accept{order:1!important} .cky-modal .cky-btn-preferences{order:2!important} .cky-modal .cky-btn-reject{order:3!important}
  .cky-modal .cky-preference-header{padding:22px 20px 16px!important} .cky-modal .cky-preference-body-wrapper{padding:0 20px!important}
}