/* =========================
   West Coast Home Decor Theme
   ========================= */

:root{
  --wchd-sand: #F6F1E8;
  --wchd-foam: #DFF4F1;
  --wchd-ocean: #1E6F86;
  --wchd-deep: #0E2E3A;
  --wchd-ink: #102A33;
  --wchd-white: #FFFFFF;
  --wchd-border: rgba(16,42,51,0.10);
  --wchd-soft: rgba(255,255,255,0.65);
}

.wchd-header{
  margin: 0 0 18px 0;
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(135deg, var(--wchd-sand), var(--wchd-foam));
  border: 1px solid var(--wchd-border);
  box-shadow: 0 10px 30px rgba(16,42,51,0.10);
}

.wchd-header-inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 16px 18px 10px 18px;
}

.wchd-brand{
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.wchd-logo{
  height: 54px;
  width: auto;
  display: block;
  object-fit: contain;
}

/* Nav pills */
.wchd-nav{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top: 12px;
}

.wchd-nav a{
  color: rgba(14,46,58,0.85);
  text-decoration:none;
  font-weight: 700;
  font-size: 14px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--wchd-soft);
  border: 1px solid rgba(16,42,51,0.08);
}

.wchd-nav a:hover{
  background: rgba(255,255,255,0.88);
}

/* Hero text */
.wchd-hero{
  padding: 14px 0 12px 0;
}

.wchd-kicker{
  margin: 0 0 10px 0;
  font-weight: 800;
  color: rgba(14,46,58,0.72);
  letter-spacing: 0.6px;
  text-transform: uppercase;
  font-size: 12px;
}

.wchd-title{
  margin: 0 0 10px 0;
  font-size: 38px;
  line-height: 1.08;
  color: var(--wchd-deep);
  letter-spacing: 0.2px;
}

.wchd-subtitle{
  margin: 0;
  max-width: 860px;
  color: rgba(16,42,51,0.82);
  font-size: 16px;
  line-height: 1.6;
}

/* CTA */
.wchd-cta{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top: 14px;
  flex-wrap:wrap;
}

.wchd-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 11px 16px;
  border-radius: 12px;
  background: var(--wchd-ocean);
  color: var(--wchd-white);
  text-decoration:none;
  font-weight: 900;
  border: 1px solid rgba(14,46,58,0.15);
  box-shadow: 0 10px 18px rgba(30,111,134,0.25);
}

.wchd-btn:hover{
  filter: brightness(0.95);
}

.wchd-link{
  color: var(--wchd-deep);
  text-decoration:none;
  font-weight: 800;
}

.wchd-link:hover{
  text-decoration: underline;
}

/* Wave divider */
.wchd-wave{
  display:block;
  width:100%;
  height: 54px;
}

.wchd-wave path{
  fill: rgba(255,255,255,0.72);
}

/* Footer */
.wchd-footer{
  margin-top: 24px;
  padding: 18px 0;
  border-top: 1px solid rgba(16,42,51,0.10);
}

.wchd-footer-inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 18px;
  display:flex;
  gap:16px;
  align-items:flex-start;
  justify-content:space-between;
  flex-wrap:wrap;
}

.wchd-footer-note{
  margin-top: 6px;
  color: rgba(16,42,51,0.70);
  font-size: 14px;
}

.wchd-footer-links{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.wchd-footer-links a{
  color: rgba(14,46,58,0.85);
  text-decoration:none;
  font-weight: 700;
  font-size: 14px;
}

.wchd-footer-links a:hover{
  text-decoration: underline;
}

.wchd-footer-copy{
  color: rgba(16,42,51,0.65);
  font-size: 13px;
}

/* Mobile tweaks */
@media (max-width: 720px){
  .wchd-logo{ height: 46px; }
  .wchd-title{ font-size: 30px; }
  .wchd-header-inner{ padding: 14px 14px 8px 14px; }
}