/* =========================================================
   OBERNA HOTEL – Light theme (Mintra + teal palette) · Update 019/020
   Loaded after style.css on the public website only.
   Admin keeps the original dark theme.
   ========================================================= */

/* ---- Light surfaces (page body, cards, forms) ---- */
:root{
  color-scheme: light;
  --ink:#EEF3F2;          /* page background */
  --ink-2:#FFFFFF;        /* cards, panels */
  --ink-3:#F4F8F7;        /* inputs, hover */
  --line:#D3DEDC;
  --line-2:#BFCFCD;
  --gold:#B98A2E;         /* brass */
  --gold-hi:#8A6420;      /* brass text – readable on white */
  --gold-lo:#D6B06E;      /* decorative gold */
  --text:#1A2B29;
  --muted:#566B69;
  --ok:#2F7A4F;
  --warn:#A86400;
  --bad:#B42318;
  --on-gold:#FFFFFF;
  --bottle:#20514E;
  --bottle-2:#2A615D;
  --bottle-3:#114038;
  --sage:#889D9E;
  --caramel:#A36A3D;
  --brass-soft:#F3E7CC;
}

/* ---- Dark green zones: header, heroes, CTA banner, footer ---- */
.site-header,.hero,.page-hero,.cta-banner,.site-footer{
  color-scheme: dark;
  --ink:#20514E;
  --ink-2:#2A615D;
  --ink-3:#3C6D67;
  --line:rgba(233,215,174,.16);
  --line-2:rgba(233,215,174,.28);
  --gold:#D6B06E;
  --gold-hi:#F3E7CC;
  --gold-lo:#B98A2E;
  --text:#F4F1E8;
  --muted:#CADBD9;
  --on-gold:#20514E;
  color:var(--text);
}
/* booking bar sits inside the hero but is a white card */
.hero .booking-bar,.page-hero .booking-bar{
  color-scheme: light;
  --ink-2:#FFFFFF;--ink-3:#F4F8F7;--line:#D3DEDC;--line-2:#BFCFCD;
  --gold:#B98A2E;--gold-hi:#8A6420;--gold-lo:#D6B06E;
  --text:#1A2B29;--muted:#566B69;--on-gold:#FFFFFF;
}

body{background:var(--ink);color:var(--text);font-weight:400}

/* Buttons */
.btn:hover{background:rgba(185,138,46,.10)}
.btn-gold,.btn-gold:hover{color:var(--on-gold)}
.btn-gold:hover{background:var(--gold-hi);border-color:var(--gold-hi)}
.site-header .btn-gold:hover,.hero .btn-gold:hover,.page-hero .btn-gold:hover,.cta-banner .btn-gold:hover,.site-footer .btn-gold:hover{background:#E9D7AE;border-color:#E9D7AE}
.skip{color:#fff}

/* Header */
.site-header{background:rgba(32,81,78,.97);border-bottom-color:var(--bottle-3)}

/* Hero overlays – green tint instead of black */
.hero-art::after{background:linear-gradient(180deg,rgba(17,64,56,.55) 0%,rgba(17,64,56,.12) 45%,rgba(17,64,56,.82) 100%)}
.page-hero .hero-art::after{background:linear-gradient(180deg,rgba(17,64,56,.40),rgba(17,64,56,.88))}
.page-hero{background:radial-gradient(120% 140% at 0% 0%,#3C6D67 0%,#20514E 55%,#114038 100%)}

/* Booking bar */
.booking-bar{box-shadow:0 14px 36px rgba(17,64,56,.28)}
.bb-field{background:#FFFFFF}
.bb-field:focus-within{background:var(--ink-3)}

/* Cards get a soft lift on the light page */
.room-card,.room-row,.offer,.panel,.award,.job,.result,.confirm-card,.facts div,.duo-card{box-shadow:0 1px 2px rgba(26,43,41,.05)}
.room-card,.room-row,.offer,.award,.job,.result,.panel{border-radius:var(--radius)}
.room-card,.room-row,.result,.award{overflow:hidden}
.room-card:hover,.offer:hover,.award:hover{box-shadow:0 10px 28px rgba(32,81,78,.12)}
.section-alt{background:#FFFFFF}
.ph{background:#D9E4E2}
.ph-art{opacity:.55}

/* Tables (Mintra: green header) */
.table th{background:var(--bottle);color:#E9D7AE;border-bottom:0}
.table tr:nth-child(even) td{background:#F5F9F8}

/* Forms */
input[type=text],input[type=email],input[type=tel],input[type=url],input[type=time],input[type=date],input[type=number],input[type=password],input[type=search],select,textarea{
  color-scheme:light;background:#FFFFFF;border-color:var(--line-2)
}
input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(185,138,46,.15)}

/* Alerts – soft status colours */
.alert{background:#FFFFFF}
.alert-error{background:#FDE8E6}
.alert-ok{background:#E3F2E8}

/* Booking steps / sticky bar */
.steps{background:#FFFFFF}
.steps li.on{background:var(--brass-soft)}
.sticky-cta{background:rgba(255,255,255,.97);box-shadow:0 -6px 20px rgba(26,43,41,.08)}
.code-chip{background:var(--brass-soft);border-color:var(--gold)}

/* Calendar */
.cal-pop{background:rgba(17,64,56,.45)}
.cal-sheet{box-shadow:0 24px 60px rgba(17,64,56,.25);border-color:var(--line)}
.cal-day[disabled]{color:#B4BFBA;text-decoration-color:rgba(26,43,41,.2)}
.cal-day.is-in{background:var(--brass-soft)}
.cal-day.is-start,.cal-day.is-end{background:var(--bottle);color:#E9D7AE}

/* Maps – show normal colours on the light page */
.map{filter:none}

/* Footer */
.site-footer{background:var(--bottle-3);border-top:0}
.cta-art::after{background:linear-gradient(180deg,rgba(17,64,56,.50),rgba(17,64,56,.72))}

/* Mobile menu panel */
@media (max-width:1180px){
  .main-nav{background:var(--bottle)}
}
.main-nav .sub{box-shadow:0 18px 40px rgba(17,64,56,.35)}
