/* ---------- Mama Domain theme components ---------- */

/* Header */
.site-header { padding: 1rem 1.25rem; position: sticky; top: 0; z-index: 50;
  background: rgba(255,255,255,.9); backdrop-filter: saturate(180%) blur(10px);
  border-bottom: 1px solid var(--wp--preset--color--border); }
.site-header .brand a { font-family: var(--wp--preset--font-family--heading); font-weight: 800;
  font-size: 1.35rem; color: var(--wp--preset--color--ink); letter-spacing: -.03em; text-decoration: none; }
.site-header .main-nav a { color: var(--wp--preset--color--ink); font-weight: 500; }
.site-header .main-nav a:hover { color: var(--wp--preset--color--primary); }
.header-cta .wp-block-button.is-style-outline .wp-block-button__link { background: transparent;
  color: var(--wp--preset--color--primary); border: 1.5px solid var(--wp--preset--color--primary); }
.header-cta .wp-block-button.is-style-outline .wp-block-button__link:hover { background: var(--wp--preset--color--primary); color:#fff; }

/* Buttons: accent + outline-light variants */
.wp-block-button.is-style-accent .wp-block-button__link { background: var(--wp--preset--color--accent); color: var(--wp--preset--color--ink); }
.wp-block-button.is-style-accent .wp-block-button__link:hover { filter: brightness(.94); }
.wp-block-button.is-style-outline-light .wp-block-button__link { background: transparent; color:#fff; border: 1.5px solid rgba(255,255,255,.6); }
.wp-block-button.is-style-outline-light .wp-block-button__link:hover { background:#fff; color: var(--wp--preset--color--ink); }

/* Hero */
.hero { color:#fff; border-radius: 0; }
.hero .hero-eyebrow { letter-spacing:.18em; font-size:.8rem; font-weight:600; color: var(--wp--preset--color--accent); margin-bottom:.75rem; }
.hero .hero-title { max-width: 16ch; margin: 0 auto; }
.hero .hero-title .hl { color: var(--wp--preset--color--accent); }
.hero .hero-sub { max-width: 60ch; margin: 1.25rem auto 0; color: rgba(255,255,255,.82); font-size: 1.15rem; }
.domain-search { display:flex; gap:.5rem; max-width: 620px; margin: 2rem auto 1.25rem; background:#fff; padding:.5rem; border-radius: 14px; box-shadow: 0 20px 50px -20px rgba(0,0,0,.5); }
.domain-search input[type=text] { flex:1; border:0; padding: .9rem 1rem; font-size:1rem; border-radius:10px; color: var(--wp--preset--color--ink); outline: none; }
.domain-search button { background: var(--wp--preset--color--primary); color:#fff; border:0; padding: 0 1.5rem; border-radius:10px; font-weight:600; font-family: var(--wp--preset--font-family--heading); cursor:pointer; }
.domain-search button:hover { background: var(--wp--preset--color--primary-dark); }
.hero-chips { gap:.5rem 1.25rem; margin-top: 1rem; }
.hero-chips .chip { margin:0; font-size:.9rem; color: rgba(255,255,255,.9); }

/* Sections */
.section { }
.section-sub { color: var(--wp--preset--color--muted); max-width: 60ch; margin-left:auto; margin-right:auto; }
.cta-band .section-sub { color: rgba(255,255,255,.9); }

/* Pricing */
.pricing { gap: 1.5rem; margin-top: 2.5rem; align-items: stretch; }
.pricing .plan { background:#fff; border:1px solid var(--wp--preset--color--border); border-radius:18px; padding: 2rem 1.75rem; box-shadow: 0 12px 30px -22px rgba(21,22,27,.4); position: relative; }
.pricing .plan-featured { border-color: var(--wp--preset--color--primary); box-shadow: 0 24px 50px -24px rgba(31,94,205,.55); transform: translateY(-6px); }
.pricing .plan-badge { position:absolute; top:-.85rem; left:50%; transform: translateX(-50%); background: var(--wp--preset--color--primary); color:#fff; font-size:.7rem; font-weight:700; letter-spacing:.08em; padding:.35rem .75rem; border-radius: 999px; margin:0; }
.pricing .price { font-family: var(--wp--preset--font-family--heading); font-weight:800; font-size:2.25rem; color: var(--wp--preset--color--ink); margin:.5rem 0 1rem; }
.pricing .price span { font-size:1rem; font-weight:500; color: var(--wp--preset--color--muted); }
.pricing .plan-feats { list-style:none; margin:0 0 1.5rem; padding:0; }
.pricing .plan-feats li { padding:.5rem 0 .5rem 1.6rem; position:relative; border-bottom:1px solid var(--wp--preset--color--border); font-size:.95rem; }
.pricing .plan-feats li::before { content:"✓"; position:absolute; left:0; color: var(--wp--preset--color--success); font-weight:700; }

/* Features */
.features { gap:1.5rem; margin-top:2.5rem; }
.features .feature { background:#fff; border:1px solid var(--wp--preset--color--border); border-radius:16px; padding:1.75rem; height:100%; }
.features .feature-ico { font-size:2rem; margin:0 0 .5rem; }

/* CTA band */
.cta-band { color:#fff; }
.cta-band h2 { color:#fff; }

/* Footer */
.site-footer .brand a, .site-footer .footer-brand a { color:#fff; font-family: var(--wp--preset--font-family--heading); font-weight:800; font-size:1.3rem; text-decoration:none; }
.site-footer .footer-blurb { color: rgba(255,255,255,.7); font-size:.95rem; margin-top:.75rem; max-width:34ch; }
.site-footer .footer-h { color: rgba(255,255,255,.55); text-transform:uppercase; letter-spacing:.08em; margin-bottom:.75rem; }
.site-footer .footer-links { list-style:none; margin:0; padding:0; }
.site-footer .footer-links li { padding:.3rem 0; }
.site-footer .footer-links a { color: rgba(255,255,255,.85); text-decoration:none; font-size:.95rem; }
.site-footer .footer-links a:hover { color: var(--wp--preset--color--accent); }
.site-footer .footer-copy { color: rgba(255,255,255,.55); margin-top:2.5rem; border-top:1px solid rgba(255,255,255,.12); padding-top:1.5rem; }

/* Responsive */
@media (max-width: 781px){
  .domain-search { flex-direction: column; }
  .pricing .plan-featured { transform:none; }
  .site-header .main-nav { gap:.75rem !important; }
}