/* Saulstari v22 — Theme: Golden Sand (separate CSS) */

/* Base background for theme */
.theme-golden-sand { background: #f6f1e7; }

/* Keep overlay stacking sane */
html, body { min-height: 100%; }
body.theme-golden-sand { position: relative; background: #f6f1e7; }
.theme-golden-sand .header, .theme-golden-sand .section, .theme-golden-sand .footer { position: relative; z-index: 1; }

/* Subtle sandy texture/glow to feel vivid */
body.theme-golden-sand::before{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:0;
  opacity:.12;
  background-image:
    radial-gradient(210px 210px at 10% 8%, rgba(181,139,43,.10), transparent 60%),
    radial-gradient(280px 280px at 85% 28%, rgba(0,0,0,.06), transparent 60%);
  mix-blend-mode:multiply;
}

/* Navigation active chip */
.theme-golden-sand nav a.active{
  color:#fff;
  background: linear-gradient(100deg,#8e6e20,#b58b2b);
  border-radius:999px; padding:10px 16px;
  box-shadow: 0 8px 18px rgba(181,139,43,.28), 0 0 0 2px rgba(217,183,121,.45) inset;
}

/* Hero frame */
.theme-golden-sand .section.hero .frame{
  border-radius: 20px;
  border: 1px solid #e6dfcf;
  box-shadow: 0 20px 46px rgba(60,40,10,.16);
  background: linear-gradient(180deg,#fbf7ef 0%,#fff 100%);
  overflow: hidden;
}
.theme-golden-sand .section.hero .caption{
  background: rgba(255,255,255,.90);
  border: 1px solid #e9e1cf;
  border-radius: 18px;
  box-shadow: 0 12px 28px rgba(60,40,10,.14);
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}

/* Cards */
.theme-golden-sand .vitem{
  background:#fff;
  border: 1px solid #e7e1d6;
  box-shadow: 0 16px 40px rgba(0,0,0,.08);
}
.theme-golden-sand .vname-line .vname{ color:#1b1c1a; }
.theme-golden-sand .vname-line .price{ color:#8e6e20; }
.theme-golden-sand .badge{ background:#fff3d6; color:#7b5e1b; border:1px solid #f0e1b2; }

/* CTA pill + footer */
.theme-golden-sand .cta-bar, .theme-golden-sand .cta-pill{
  background: #ffffffe6; border-color:#e7e1d6; box-shadow: 0 10px 26px rgba(181,139,43,.14);
}
.theme-golden-sand .cta-bar strong, .theme-golden-sand .cta-pill a{ color:#8e6e20; }
.theme-golden-sand .footer{
  background: rgba(255,255,255,.9);
  border-top: 1px solid rgba(0,0,0,.06);
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}

/* Slightly brighter rays for this theme */
.theme-golden-sand{ --ray-opacity: .42; }