/* wt-ae-oasis-v20b fleet#20 */

:root{
  --wt-sand:#E8D5B5;
  --wt-sand-soft:#F4EBDD;
  --wt-dune:#D4B896;
  --wt-oasis:#0C5C4C;
  --wt-oasis-deep:#094A3D;
  --wt-oasis-soft:#1A7A66;
  --wt-ink:#1C1917;
  --wt-ink-muted:#44403C;
  --wt-haze:#C5B8A4;
  --wt-gold:#B8956A;
  --wt-sky-dust:#A8B8B0;
}
html{color-scheme:light}
body{
  color:var(--wt-ink)!important;
  background:
    radial-gradient(120% 80% at 100% -10%, rgba(184,149,106,.28) 0%, transparent 55%),
    radial-gradient(90% 60% at -10% 20%, rgba(12,92,76,.12) 0%, transparent 50%),
    linear-gradient(180deg, #EDE0C8 0%, var(--wt-sand-soft) 42%, #F7F1E6 100%)
    fixed !important;
}
/* --- Kill rain-washed emerald (Tailwind green-*) → desert sand / precious oasis --- */
.bg-green-50{background-color:#F3EDE2!important}
.bg-green-100{background-color:#E8DFD0!important}
.bg-green-600,.bg-green-500,.bg-green-700{background-color:var(--wt-oasis)!important}
.text-green-600,.text-green-500{color:var(--wt-oasis-soft)!important}
.text-green-700,.text-green-800{color:var(--wt-oasis-deep)!important}
.border-green-200{border-color:#D4C4A8!important}
.border-green-400{border-color:var(--wt-oasis-soft)!important}
.ring-green-200{--tw-ring-color:rgba(12,92,76,.25)!important}
/* Soft brand surfaces → sand (CTAs = precious oasis) */
.bg-brand-50{background-color:var(--wt-sand-soft)!important}
.bg-brand-100{background-color:#E6D7BE!important}
.border-brand-100{border-color:#E0D0B5!important}
.border-brand-200{border-color:var(--wt-dune)!important}
.text-brand-600,.text-brand-700{color:var(--wt-oasis-deep)!important}
.bg-brand-600,.hover\:bg-brand-600:hover{background-color:var(--wt-oasis)!important}
.bg-brand-700,.hover\:bg-brand-700:hover{background-color:var(--wt-oasis-deep)!important}
.bg-brand-800,.active\:bg-brand-800:active{background-color:#073F35!important}
.bg-brand-900{background-color:#1C1917!important}
.ring-brand-200{--tw-ring-color:rgba(184,149,106,.45)!important}
.bg-gray-50{background-color:rgba(244,235,221,.92)!important}
.bg-gray-100{background-color:#EDE4D4!important}
/* Hero lawn collage → heat/sand cast (product cutouts untouched) */
img[src*="hero_banner"],
img[src*="category_card"],
img[src*="product_how_to_use"]{
  filter:sepia(.42) saturate(.38) hue-rotate(-18deg) brightness(1.06) contrast(1.05)!important;
}
/* Hero: warm desert scrim instead of cool black rain night */
section.relative.overflow-hidden{
  background:linear-gradient(160deg,#C4A574,#E8D5B5 40%,#D4B896)!important;
}
section.relative.overflow-hidden > .absolute.inset-0{
  background:linear-gradient(165deg, rgba(61,40,23,.58) 0%, rgba(28,25,23,.42) 45%, rgba(12,92,76,.32) 100%)!important;
}
section.relative.overflow-hidden h1.text-white,
section.relative.overflow-hidden .text-white{
  color:#FFF8F0!important;
  text-shadow:0 1px 2px rgba(28,25,23,.45);
}
#vacation-mode{
  background:linear-gradient(135deg,#F4EBDD 0%,#E8D5B5 55%,#E6EFEA 100%)!important;
  border-color:#D4B896!important;
}
#uae-season-calendar{
  background:linear-gradient(180deg,#FFF8F0 0%,#F4EBDD 55%,#EEF4F0 100%)!important;
}
.wt-ae-nav{
  background:linear-gradient(90deg,#1C1917 0%,#0A2540 55%,var(--wt-oasis))!important;
}
.wt-ae-trust{
  display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:center;align-items:center;
  background:linear-gradient(90deg,#1C1917 0%, #0A2540 45%, var(--wt-oasis) 100%);
  color:#F7F1E6;padding:.65rem 1rem;font-size:.82rem;letter-spacing:.01em;text-align:center;
}
.wt-ae-trust strong{color:var(--wt-sand);font-weight:600}
.wt-ae-wa{
  position:fixed;bottom:1.25rem;left:1.25rem;z-index:9998;
  display:inline-flex;align-items:center;gap:.5rem;
  background:var(--wt-oasis);color:#fff!important;text-decoration:none!important;
  padding:.7rem 1rem;border-radius:.5rem;font-weight:600;font-size:.9rem;
  box-shadow:0 6px 20px rgba(28,25,23,.28);
}
.wt-ae-wa:hover{background:var(--wt-oasis-deep)}
.wt-ae-footer-uae{
  background:#1C1917;color:var(--wt-sand);padding:1.5rem 1rem;margin-top:2rem;
  font-size:.88rem;line-height:1.55;
}
.wt-ae-footer-uae a{color:#9DB8AE;text-decoration:underline}
.wt-ae-footer-uae .grid{display:grid;gap:1rem;max-width:920px;margin:0 auto}
@media(min-width:720px){.wt-ae-footer-uae .grid{grid-template-columns:2fr 1fr 1fr}}
/* Readable body copy on sand — never force hero h1 to ink */
.prose,.text-gray-600,.text-gray-700{color:var(--wt-ink-muted)!important}
.text-gray-900,.text-gray-800{color:var(--wt-ink)!important}
img[alt*="UK"],img[alt*="Union Jack"]{display:none!important}
