/* v3 slim cookie bar (v3 pages only; live pages keep site.css's cookie panel).
   One line at the bottom, two identical choice buttons (HDPA 1/2020: rejecting is as easy as accepting).
   #cookie-panel.cookie-bar outranks the older .cookie-panel box rules in the v3 stylesheets. */
#cookie-panel.cookie-bar{position:fixed;z-index:60;left:0;right:0;bottom:0;top:auto;width:auto;max-width:none;max-height:none;max-block-size:none;overflow:visible;margin:0;padding:0;border:0;border-radius:0;box-shadow:0 -6px 24px rgba(8,24,36,.22);background:#0E2F44;color:#fff;font-family:inherit;font-size:14px;line-height:1.4;text-align:left}
#cookie-panel.cookie-bar[hidden]{display:none}
#cookie-panel.cookie-bar .cookie-bar__row{display:flex;align-items:center;gap:8px 20px;max-width:1240px;margin:0 auto;padding:10px 24px}
#cookie-panel.cookie-bar .cookie-bar__text{flex:1 1 auto;min-width:0;max-width:none;margin:0;color:#fff;font-size:14px;line-height:1.4}
#cookie-panel.cookie-bar .cookie-bar__links{white-space:nowrap}
#cookie-panel.cookie-bar .cookie-bar__links a,#cookie-panel.cookie-bar .cookie-bar__link{display:inline;margin:0 0 0 10px;padding:0;border:0;background:none;color:#fff;font:inherit;font-size:inherit;font-weight:400;text-decoration:underline;text-underline-offset:2px;cursor:pointer;min-height:0;letter-spacing:0}
#cookie-panel.cookie-bar .cookie-bar__links a:first-child{margin-left:4px}
#cookie-panel.cookie-bar .cookie-bar__actions{display:flex;flex:0 0 auto;gap:8px}
/* Both choices share one rule: same size, colour, weight and font. Neither is primary. */
#cookie-panel.cookie-bar .cookie-bar__choice{box-sizing:border-box;flex:0 0 auto;min-width:112px;min-height:40px;margin:0;padding:8px 16px;border:1.5px solid #fff;border-radius:999px;background:transparent;color:#fff;font:inherit;font-size:14px;font-weight:600;line-height:1.2;letter-spacing:0;text-transform:none;white-space:nowrap;cursor:pointer;box-shadow:none}
#cookie-panel.cookie-bar .cookie-bar__choice:hover{background:rgba(255,255,255,.12)}
#cookie-panel.cookie-bar :focus-visible{outline:3px solid #FFD27A;outline-offset:2px}
#cookie-panel.cookie-bar .cookie-bar__status{max-width:1240px;margin:0 auto;padding:0 24px 10px;color:#fff;font-size:13px}
#cookie-panel.cookie-bar .cookie-bar__status:empty{display:none}
/* Settings: a small panel above the bar. */
#cookie-panel.cookie-bar .cookie-bar__settings{position:absolute;right:24px;bottom:calc(100% + 8px);box-sizing:border-box;width:min(320px,calc(100vw - 24px));padding:16px 18px;background:#fff;color:#0E2F44;border-radius:12px;box-shadow:0 10px 40px rgba(8,24,36,.3)}
#cookie-panel.cookie-bar .cookie-bar__settings[hidden]{display:none}
#cookie-panel.cookie-bar .cookie-bar__settings h3{margin:0 0 10px;font:inherit;font-size:16px;font-weight:600;color:#0E2F44;letter-spacing:0}
#cookie-panel.cookie-bar .cookie-bar__toggle{display:flex;font:inherit;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:8px 0;border-top:1px solid #DCE5EA;font-size:14px;color:#0E2F44;cursor:pointer}
#cookie-panel.cookie-bar .cookie-bar__toggle span{display:block;margin:0;padding:0;font-size:14px;line-height:1.3;color:#0E2F44}
#cookie-panel.cookie-bar .cookie-bar__settings h3:focus:not(:focus-visible){outline:none}
#cookie-panel.cookie-bar .cookie-bar__toggle input{appearance:none;-webkit-appearance:none;position:relative;flex:0 0 auto;width:44px;height:24px;margin:0;border-radius:999px;background:#7A8C97;cursor:pointer;transition:background .15s}
#cookie-panel.cookie-bar .cookie-bar__toggle input::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}
#cookie-panel.cookie-bar .cookie-bar__toggle input:checked{background:#0E6B5C}
#cookie-panel.cookie-bar .cookie-bar__toggle input:checked::after{transform:translateX(20px)}
#cookie-panel.cookie-bar .cookie-bar__toggle input:disabled{opacity:.5;cursor:not-allowed}
#cookie-panel.cookie-bar .cookie-bar__toggle input:focus-visible{outline:3px solid #0E2F44;outline-offset:2px}
#cookie-panel.cookie-bar .cookie-bar__hint{margin:4px 0 12px;font-size:12px;line-height:1.4;color:#425866}
#cookie-panel.cookie-bar .cookie-bar__settings .cookie-bar__choice{width:100%;border-color:#0E2F44;color:#0E2F44}
#cookie-panel.cookie-bar .cookie-bar__settings .cookie-bar__choice:hover{background:#EEF3F6}
#cookie-panel.cookie-bar .cookie-bar__settings :focus-visible{outline-color:#0E2F44}
@media (prefers-reduced-motion:reduce){#cookie-panel.cookie-bar .cookie-bar__toggle input,#cookie-panel.cookie-bar .cookie-bar__toggle input::after{transition:none}}
/* Keep page content and floating buttons clear of the bar while it shows. */
html.cookie-bar-open body{padding-bottom:var(--cookie-bar-height,64px)}
html.cookie-bar-open .hp3-float{bottom:calc(var(--cookie-bar-height,64px) + 16px)}
@media (max-width:700px){
 #cookie-panel.cookie-bar{font-size:12px}
 #cookie-panel.cookie-bar .cookie-bar__row{flex-wrap:wrap;gap:6px 12px;padding:8px 12px}
 #cookie-panel.cookie-bar .cookie-bar__text{flex:1 1 100%;font-size:12px;line-height:1.35}
 #cookie-panel.cookie-bar .cookie-bar__links a,#cookie-panel.cookie-bar .cookie-bar__link{margin-left:8px}
 #cookie-panel.cookie-bar .cookie-bar__actions{flex:1 1 100%}
 #cookie-panel.cookie-bar .cookie-bar__actions .cookie-bar__choice{flex:1 1 0;min-width:0;min-height:36px;padding:6px 12px;font-size:13px}
 #cookie-panel.cookie-bar .cookie-bar__settings{right:12px;left:12px;width:auto}
 #cookie-panel.cookie-bar .cookie-bar__status{padding:0 12px 8px;font-size:12px}
 /* The sticky Book online bar stays visible (the old box hid it): the cookie bar sits directly above it. */
 html:has(#cookie-panel.cookie-bar:not([hidden])):not(.mobile-menu-open) .mobile-book{display:flex}
 html.mobile-book-ready:not(.mobile-menu-open) #cookie-panel.cookie-bar{bottom:var(--mobile-book-height,0px);border-bottom:1px solid rgba(255,255,255,.28)}
 html.cookie-bar-open.mobile-book-ready body{padding-bottom:calc(var(--mobile-book-height,0px) + var(--cookie-bar-height,96px) + 8px)}
}
/* Review fixes (owner, 8 Nov 2026). The one-line sticky Book online bar waits until the hero price card has been
   scrolled past (assets/v3.js clears data-bar-hold); while held it takes no space, so the cookie bar sits at the bottom. */
@media (max-width:700px){
 .mobile-book[data-bar-hold]{display:none!important}
 /* Settings: a 44 px tall tap target without making the bar taller. */
 #cookie-panel.cookie-bar .cookie-bar__link{display:inline-block;padding:15px 8px;margin:-15px 0 -15px 2px;line-height:16px}
}
