/* Little Dog Homestay — September 2026 brand refresh
   Visual-only layer: cream + sage + clay. Booking and portal logic remain untouched. */
:root{
  --brand-cream:#F7F1E7;
  --brand-paper:#FFF9F2;
  --brand-cream-2:#EDE4D7;
  --brand-sage:#566957;
  --brand-sage-2:#435446;
  --brand-sage-dark:#2C3A31;
  --brand-sage-deep:#243027;
  --brand-clay:#B77A4E;
  --brand-clay-soft:#D8B08A;
  --brand-ink:#26342B;
  --brand-muted:#736E65;
  --brand-line:rgba(63,81,68,.16);
}

/* Replace legacy logo artwork wherever it still appears. */
img[src$="little-dog-homestay-logo.png"]{content:url('/assets/little-dog-homestay-mark.svg')}

/* ---------------- Premium public pages ---------------- */
body.public-site{
  --ldh-bg:var(--brand-sage-deep);
  --ldh-bg2:var(--brand-sage-dark);
  --ldh-forest:var(--brand-sage-2);
  --ldh-forest2:var(--brand-sage);
  --ldh-cream:var(--brand-cream);
  --ldh-paper:var(--brand-paper);
  --ldh-gold:var(--brand-clay);
  --ldh-gold2:var(--brand-clay-soft);
  --ldh-ink:var(--brand-ink);
  --ldh-muted:var(--brand-muted);
  --ldh-line:var(--brand-line);
  background:var(--brand-sage-deep);
}
.site-header.premium-nav{
  border-color:rgba(247,241,231,.13);
  background:rgba(44,58,49,.74);
  box-shadow:0 16px 52px rgba(24,36,29,.18);
}
.site-header.premium-nav.scrolled{
  background:rgba(44,58,49,.94);
  border-color:rgba(216,176,138,.24);
}
.premium-nav .brand img{width:48px;height:48px;border:0;border-radius:0;object-fit:contain;padding:3px;filter:none}
.premium-nav .brand strong{font-size:0}
.premium-nav .brand strong::after{content:"Little Dog Homestay";font:600 17px/1 Georgia,'Times New Roman',serif;color:var(--brand-cream);letter-spacing:-.01em}
.premium-nav .brand small{font-size:0;color:rgba(247,241,231,.72)}
.premium-nav .brand small::after{content:"Hunter Valley · home-style little dog care";font:600 7px/1.2 'DM Sans',system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.premium-nav nav a{color:rgba(247,241,231,.78)}
.premium-nav nav a:hover,.premium-nav nav a.active{color:#fff}
.premium-nav nav a:after{background:var(--brand-clay-soft)}
.nav-cta,.pill-button.gold{background:var(--brand-clay);color:#fffaf4}
.nav-cta:hover,.pill-button.gold:hover{box-shadow:0 16px 38px rgba(139,88,54,.22)}
.scroll-progress{background:linear-gradient(90deg,var(--brand-clay),var(--brand-clay-soft))}
.eyebrow,.micro-label{color:var(--brand-clay)}
.eyebrow.light,.micro-label.light{color:var(--brand-clay-soft)}
.hero-copy-premium h1 em,.section-title h2 em,.editorial-copy h2 em,.page-hero h1 em{color:var(--brand-clay-soft)}
.cream-band{background:var(--brand-cream);color:var(--brand-ink)}
.dark-band{background:linear-gradient(180deg,var(--brand-sage-dark),var(--brand-sage-deep));color:var(--brand-cream)}
.forest-band{background:linear-gradient(135deg,var(--brand-sage-2),var(--brand-sage));color:var(--brand-cream)}
.feature-grid article:hover{background:#efe6da}
.feature-grid .icon,.routine-list span,.review-stars{color:var(--brand-clay)}
.page-hero-shade,.premium-hero .hero-shade{background:linear-gradient(90deg,rgba(36,48,39,.91) 0%,rgba(36,48,39,.57) 43%,rgba(36,48,39,.12) 74%),linear-gradient(180deg,rgba(36,48,39,.12) 18%,rgba(36,48,39,.82) 100%)}
.pill-button.outline{border-color:rgba(247,241,231,.25);background:rgba(67,84,70,.25)}
.rate-card,.calendar-shell,.availability-card,.review-card{border-color:rgba(216,176,138,.18)}
.rate-card.featured{border-color:var(--brand-clay);background:linear-gradient(145deg,rgba(183,122,78,.14),rgba(255,255,255,.025))}
.site-footer-premium{
  background:radial-gradient(circle at 88% 8%,rgba(216,176,138,.16),transparent 30rem),linear-gradient(145deg,var(--brand-sage-dark),var(--brand-sage-deep))!important;
  color:var(--brand-cream);
}
.site-footer-premium .footer-branding img{content:url('/assets/little-dog-homestay-lockup-light.svg');width:210px!important;height:auto!important;border:0!important;border-radius:0!important;object-fit:contain!important}
.site-footer-premium .footer-branding h3{font-size:0!important;margin-top:12px!important}
.site-footer-premium .footer-branding h3::after{content:"Little Dog Homestay";font:600 30px/1.05 Georgia,'Times New Roman',serif;color:var(--brand-cream)}
.site-footer-premium .footer-branding p{font-size:0!important}
.site-footer-premium .footer-branding p::after{content:"Hunter Valley / Singleton NSW · A cosy home away from home";display:block;max-width:300px;font:500 10px/1.8 'DM Sans',system-ui,sans-serif;color:rgba(247,241,231,.68)}
.site-footer-premium .footer-col a,.site-footer-premium .footer-col span,.site-footer-premium .footer-bottom{color:rgba(247,241,231,.7)}
.site-footer-premium .footer-col a:hover{color:#fff}

/* ---------------- Homepage ---------------- */
html{background:var(--brand-cream)}
body.reference-home{
  --ref-dark:var(--brand-sage-deep);
  --ref-dark-2:var(--brand-sage-dark);
  --ref-olive:var(--brand-sage-2);
  --ref-olive-2:var(--brand-sage);
  --ref-cream:var(--brand-cream);
  --ref-cream-2:var(--brand-cream-2);
  --ref-gold:var(--brand-clay);
  --ref-gold-2:var(--brand-clay-soft);
  --ref-ink:var(--brand-ink);
  --ref-muted:var(--brand-muted);
  --milk:var(--brand-paper);
  --paper:var(--brand-cream);
  --ink:var(--brand-ink);
  --forest:var(--brand-sage-2);
  --forest-dark:var(--brand-sage-dark);
  --clay:var(--brand-clay);
  --sage-pale:#DCE3D8;
  --line:var(--brand-line);
  --muted:var(--brand-muted);
  background:var(--brand-cream);
}
.booking-strip{background:linear-gradient(90deg,var(--brand-sage-dark),var(--brand-sage) 48%,var(--brand-sage-dark));color:var(--brand-cream);height:32px}
.booking-strip button{border-color:rgba(247,241,231,.45);color:var(--brand-cream);border-radius:999px;padding-inline:17px}
.booking-strip button:hover{background:var(--brand-clay);border-color:var(--brand-clay);color:#fff}
.ref-header{top:32px;grid-template-columns:215px 1fr auto;color:var(--brand-cream)}
.ref-logo img{display:none!important}
.ref-logo::before{content:"";display:block;width:196px;height:70px;background:url('/assets/little-dog-homestay-lockup-light.svg') left center/contain no-repeat}
.ref-header.scrolled{top:10px;background:rgba(247,241,231,.95);border-color:rgba(63,81,68,.13);box-shadow:0 16px 46px rgba(36,48,39,.15)}
.ref-header.scrolled .ref-logo::before{width:170px;height:58px;background-image:url('/assets/little-dog-homestay-lockup.svg')}
.ref-header.scrolled .ref-nav a{color:var(--brand-ink)}
.ref-header.scrolled .ref-nav a:after{background:var(--brand-clay)}
.ref-nav a{color:rgba(247,241,231,.93)}
.ref-nav a:after{background:var(--brand-clay-soft)}
.ref-book,.gold-button{background:linear-gradient(135deg,#C4885A,var(--brand-clay));color:#fffaf4;border-radius:999px;box-shadow:0 12px 30px rgba(116,72,44,.18)}
.ref-book:hover,.gold-button:hover{box-shadow:0 16px 34px rgba(116,72,44,.24)}
.ref-hero{background:var(--brand-sage-deep)}
.ref-hero-video{filter:saturate(.86) contrast(1.02) brightness(.9)}
.ref-hero-wash{background:linear-gradient(90deg,rgba(36,48,39,.78) 0%,rgba(36,48,39,.47) 40%,rgba(36,48,39,.08) 74%),linear-gradient(180deg,rgba(36,48,39,.18) 0%,rgba(36,48,39,.03) 45%,rgba(36,48,39,.42) 100%)}
.ref-hero-copy .script-line{color:#F2DDC7}
.ref-hero h1{color:#fffaf4;text-transform:none;letter-spacing:-.015em}
.hero-lede{color:#fffaf4}
.script-line,.section-heading .script-line,.parents-heading .script-line,.rate-panel>.script-line,.trust-pay .script-line{color:var(--brand-clay)}
.hero-wave path,.little-wave path{fill:var(--brand-cream)}
.paw-mark{color:var(--brand-clay-soft)}
.little-things{background:var(--brand-cream);color:var(--brand-ink)}
.section-heading h2,.parents-heading h2,.rate-panel h2,.trust-pay h2{color:var(--brand-ink)}
.tiny-rule,.mini-heart,.line-icon{color:var(--brand-clay)}
.tiny-rule span,.mini-heart span{background:rgba(183,122,78,.35)}
.little-photo{background:#DCD3C6;box-shadow:0 8px 24px rgba(36,48,39,.09)}
.little-meta h3{color:var(--brand-ink)}
.little-meta p{color:var(--brand-muted)}
.little-wave path{fill:var(--brand-sage)}
.hunter-scene,.hunter-sticky{background:var(--brand-sage)}
.hunter-wash{background:linear-gradient(90deg,rgba(36,48,39,.78) 0%,rgba(44,58,49,.54) 31%,rgba(44,58,49,.13) 58%,rgba(44,58,49,.02) 77%),linear-gradient(180deg,rgba(36,48,39,.02),rgba(36,48,39,.18) 62%,rgba(36,48,39,.54))}
.hunter-copy .script-line{color:var(--brand-clay-soft)}
.outline-button{border-color:rgba(216,176,138,.88);background:rgba(44,58,49,.34)}
.outline-button:hover{background:var(--brand-clay);border-color:var(--brand-clay);color:#fff}
.tailored{background:var(--brand-sage-deep)}
.tailored-photo-note{background:rgba(44,58,49,.65);border-color:rgba(247,241,231,.2)}
.parents-rates,.trust-strip{background:var(--brand-cream)}
.service-area{background:var(--brand-paper)}
.site-footer-premium .footer-branding img{filter:none!important}
.mobile-booking{background:var(--brand-sage-dark)!important;color:var(--brand-cream)!important}
.portal-message-button{background:var(--brand-sage-dark)!important;color:var(--brand-cream)!important}
.booking-drawer .drawer-panel{background:var(--brand-paper)}
.pill-button.forest{background:var(--brand-sage-2)!important;color:#fff!important}

/* ---------------- Portal touch points ---------------- */
.portal-loading img{content:url('/assets/little-dog-homestay-lockup.svg')!important;width:min(280px,72vw)!important;height:auto!important;object-fit:contain!important}
.portal-loading span{color:var(--brand-sage-dark)!important}

/* ---------------- Responsive polish ---------------- */
@media(max-width:980px){
  .ref-header{grid-template-columns:1fr auto auto;width:min(100% - 30px,1180px)}
  .ref-logo::before{width:165px;height:60px}
  .premium-nav .brand small{display:none}
}
@media(max-width:760px){
  .ref-header{top:32px;height:72px;padding:0 2px}
  .ref-logo::before{width:145px;height:52px}
  .ref-header.scrolled .ref-logo::before{width:138px;height:50px}
  .ref-book{display:none}
  .ref-menu{border-color:rgba(247,241,231,.4);color:var(--brand-cream)}
  .ref-header.scrolled .ref-menu{border-color:rgba(63,81,68,.2);color:var(--brand-ink)}
  .ref-nav{background:rgba(247,241,231,.98)!important;border-color:rgba(63,81,68,.12)!important;box-shadow:0 24px 70px rgba(36,48,39,.18)!important}
  .ref-nav a{color:var(--brand-ink)!important}
  .premium-nav .brand strong::after{font-size:15px}
}
@media(max-width:640px){
  .site-footer-premium .footer-branding img{width:190px!important;height:auto!important}
  .site-footer-premium .footer-branding h3::after{font-size:26px}
  .page-hero-copy h1,.hero-copy-premium h1{letter-spacing:-.035em}
}