/* "The Dam" theme layer for the simple hand-built pages (about, privacy,
   terms, giveaway rules, instagram, greenworks, new deals, saved, profile,
   forum, grocery). Loaded at the end of <head>; only common furniture is
   restyled so each page's own layout keeps working. */
:root{
  --lake:#0b3954; --lake-soft:#16507a; --lake-mist:#d9e7f0;
  --tag:#ffd23f; --tag-edge:#e7b916;
  --birch:#eef3f6; --mute:#4a6375;
  --display:"Anton",Impact,"Arial Narrow",sans-serif;
  --ui:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ink:#0b3954; --soft:#eef3f6; --line:#d5e0e7;
}
html,body{background-color:var(--birch)!important;background-image:none!important}
body{font-family:var(--ui)!important;color:var(--lake)}
button,input,select,textarea{font-family:var(--ui)}
:focus-visible{outline:3px solid var(--lake);outline-offset:3px}

/* header */
header{background:var(--lake)!important;border-bottom:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
header,header a,header .topbar,header .brand{color:#fff!important}
header [style*="D52B1E"],header [style*="d52b1e"],header .leaf,header .dam,header .topbar b{color:var(--tag)!important}
header .tag,header .sp,header small{color:var(--lake-mist)!important}
html body #ddnav-burger{color:#fff}
html body #ddnav-burger:hover{background:rgba(255,255,255,.1)}
header :focus-visible{outline-color:var(--tag)}

/* type */
h1,h2{font-family:var(--display)!important;font-weight:400!important;letter-spacing:.005em!important;color:var(--lake)}
h1{line-height:1}
h1 .dam,h1 span[style*="D52B1E"]{color:var(--red)!important}
p,li{color:inherit}
a{color:var(--lake)}
main a:not([class]){text-decoration-color:var(--tag-edge);text-decoration-thickness:2px;text-underline-offset:2px}

/* common furniture */
.btn,.cta,button.primary{background:var(--lake)!important;color:#fff!important;box-shadow:none!important}
.btn:hover,.cta:hover{background:var(--lake-soft)!important;filter:none!important}
.card{border-color:var(--line)!important;box-shadow:none!important}
.eyebrow{background:var(--tag)!important;border-color:var(--tag-edge)!important;color:var(--lake)!important;letter-spacing:0;text-transform:none}
footer{color:var(--mute)}
footer a{color:var(--lake)}

/* banner heroes (new deals) use the lake wash instead of the red one */
main .hero[style*="url"],.hero:has(.hero-copy){background-color:var(--lake)!important;box-shadow:none!important}
.hero:has(.hero-copy)::before{background:linear-gradient(90deg,rgba(11,57,84,.94),rgba(11,57,84,.72) 50%,rgba(11,57,84,.2))!important}
.hero:has(.hero-copy)::after{background:rgba(255,210,63,.12)!important}
@media(max-width:680px){.hero:has(.hero-copy)::before{background:linear-gradient(180deg,rgba(11,57,84,.25),rgba(11,57,84,.95) 62%)!important}}
.hero-copy{text-shadow:none!important}
.hero-copy h1{color:#fff!important}
/* tabs, chips and the red action buttons on these pages */
.tab.active,.active.tab{background:var(--lake)!important;border-color:var(--lake)!important;color:#fff!important}
.adbtn,.go,a.login,.loginbtn{background:var(--lake)!important;color:#fff!important;box-shadow:none!important}
.off{background:var(--red);box-shadow:none!important}
.pr{color:var(--lake)!important}
.ghost{color:var(--lake)!important}
.init{background:var(--lake)!important;border-color:var(--lake)!important}
.empty a>button{background:var(--lake)!important;border-color:var(--lake)!important;color:#fff!important}