/* BritBreaks theme: frosted-glass panels over a scenic photo */
:root{
  --ink:#14202e;--muted:#3f4c63;--accent:#c2410c;--line:rgba(20,32,46,.16);
  --glass:rgba(255,255,255,.74);--glass-strong:rgba(255,255,255,.9);--inner:rgba(255,255,255,.55);
  --glass-line:rgba(255,255,255,.65);--shadow:0 10px 40px rgba(8,20,40,.25);
  --bg:#14202e;--card:rgba(255,255,255,.55);--soft:rgba(255,255,255,.5);--field:rgba(255,255,255,.9)
}
@media (prefers-color-scheme:dark){:root{
  --ink:#eef2f8;--muted:#b9c4d6;--accent:#ff8a5c;--line:rgba(255,255,255,.16);
  --glass:rgba(14,22,34,.66);--glass-strong:rgba(14,22,34,.86);--inner:rgba(255,255,255,.07);
  --glass-line:rgba(255,255,255,.14);--shadow:0 10px 40px rgba(0,0,0,.5);
  --bg:#0b1420;--card:rgba(255,255,255,.07);--soft:rgba(255,255,255,.06);--field:rgba(8,16,28,.6)}}
html{background:#14202e}
body{background:transparent;color:var(--ink);min-height:100vh;position:relative}
.backdrop{position:fixed;inset:0;z-index:-2;background:linear-gradient(160deg,#1f4e79 0%,#3a7ca5 48%,#8bbfd0 100%) center/cover no-repeat}
@media (prefers-color-scheme:dark){.backdrop{background-image:linear-gradient(160deg,#0b1a2b 0%,#173a57 55%,#27576f 100%)}}
.backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,20,36,.5) 0%,rgba(8,20,36,.22) 42%,rgba(8,20,36,.55) 100%)}

/* frosted glass */
.panel,.card,.box,main.article,main>footer{
  background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--shadow);
  -webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .panel,.card,.box,main.article,main>footer{background:var(--glass-strong)}}
.panel{border-radius:22px;padding:22px;margin:0 0 6px}
main>footer{border-radius:14px;padding:12px 16px;margin-top:18px;color:var(--muted)}
main.article{max-width:780px;margin:28px auto;padding:30px 28px;border-radius:26px}
@media (max-width:640px){main.article{margin:12px;padding:22px 16px;border-radius:20px}.panel{padding:16px}}
main.article .card,main.article .box,main.article .fact{background:var(--inner);border:1px solid var(--line);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.card .cost,.cost{background:var(--inner);border:1px solid var(--line)}
.fact{background:var(--inner);border:1px solid var(--line)}

/* header and footer */
.site-header{background:rgba(8,20,36,.42);border-bottom:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}
.logo{color:#fff!important;letter-spacing:-.01em}
.logo span{color:#ffb089}
.site-header nav a{color:#fff!important;opacity:.92}
.site-header nav a:hover{opacity:1;text-decoration:underline}
.site-footer{background:rgba(8,20,36,.55);border-top:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.site-footer .in,.site-footer a{color:#e6edf7!important}

/* hero text sits directly on the photo */
.hero-intro{padding:30px 4px 22px}
.hero-intro h1{font-size:clamp(2.1rem,7vw,3.3rem);line-height:1.08;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.5);margin:0 0 10px}
.hero-intro .sub{color:#eef4fb;font-size:1.12rem;max-width:560px;text-shadow:0 1px 10px rgba(0,0,0,.55);margin:0}
#status{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.6)}
#summary{color:#eef4fb;text-shadow:0 1px 8px rgba(0,0,0,.6)}

/* form controls */
input,select,textarea{background:var(--field)!important;color:var(--ink)!important;border:1px solid var(--line)!important}
select option{color:#14202e;background:#fff}
::placeholder{color:var(--muted);opacity:.8}
.chip{background:var(--soft)!important;color:var(--ink)!important;border:1px solid var(--line)!important}
.chip:hover{border-color:var(--accent)!important}
.go,.cta{background:linear-gradient(135deg,var(--accent),#e0761a)!important;color:#fff!important;border:0!important;box-shadow:0 6px 18px rgba(194,65,12,.35)}
.go:hover,.cta:hover{filter:brightness(1.06)}
.links a{background:var(--soft)!important;color:var(--ink)!important;border:1px solid var(--line)!important}
.links a.primary,.links a:first-child{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}
.contact label{display:block;font-weight:600;margin:14px 0 4px}
.contact input,.contact textarea{width:100%;font:inherit;border-radius:12px;padding:11px 13px}
a{color:var(--accent)}
.site-header nav a,.logo,.links a,.card,.cta{text-decoration:none}

/* gentle entrance */
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.panel,.card,main.article{animation:rise .5s ease both}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}