/* Brzy svoji - front-end redesign (Soft Modern, from the Figma ground-truth).
   Loaded AFTER the theme's css.css and scoped to body.bs-redesign so it only
   touches pages we've validated (homepage first). Visual only - layout, copy,
   and photos are unchanged. Fonts self-hosted (fonts.css). Design truth:
   Gilda Display (display) + Ibarra Real Nova (everything) + designer logo SVG. */

:root {
  --bs-cream:#fff9f6; --bs-paper:#fffdfc; --bs-ink:#2c0315; --bs-ink-soft:#5a3a44;
  --bs-wine:#890632; --bs-wine-deep:#6d0527; --bs-rose:#b86473; --bs-rose2:#b64653;
  --bs-blush:#fbeeea; --bs-blush2:#f8dbce; --bs-blush3:#e3bcb3; --bs-mauve:#987284;
  --bs-sage:#dde2c4; --bs-line:#efdcd6;
  --bs-display:'Gilda Display',Georgia,serif; --bs-serif:'Ibarra Real Nova',Georgia,serif;
  --bs-rcard:30px; --bs-rbtn:20px; --bs-rsmall:20px;
  --bs-shadow:0 18px 44px -26px rgba(90,20,45,.45);
}

/* ---------- global canvas (scoped) ---------- */
body.bs-redesign{ background:var(--bs-cream); color:var(--bs-ink); font-family:var(--bs-serif); -webkit-font-smoothing:antialiased; }
.bs-redesign p, .bs-redesign li, .bs-redesign .lead{ font-family:var(--bs-serif); color:var(--bs-ink); }
.bs-redesign h1,.bs-redesign h2,.bs-redesign h3,.bs-redesign h4,
.bs-redesign .main-title,.bs-redesign .highlight-title{ font-family:var(--bs-display); font-weight:400; color:var(--bs-ink); letter-spacing:.005em; }
.bs-redesign a{ color:var(--bs-wine); }
.bs-redesign a:hover{ color:var(--bs-wine-deep); }

/* ---------- header + nav ---------- */
.bs-redesign .header-body{ background:var(--bs-cream) !important; border-bottom:1px solid var(--bs-line); }
/* logo lockup: original heart/dove mark (continuity) + new wordmark.
   The theme header stacks social-icons above the nav in the right column, so the
   logo (left column, top-aligned) sits ~1 row too high; drop it onto the nav line. */
.bs-redesign .header-logo{ display:flex; align-items:center; }
.bs-redesign .header-logo a{ display:inline-flex; align-items:center; }
.bs-redesign .bs-logo-lockup{ display:inline-flex; align-items:center; gap:9px; }
.bs-redesign .bs-logo-mark{ height:34px; width:auto; display:block; }
.bs-redesign .bs-logo-word{ height:31px; width:auto; display:block; }
.bs-redesign .header-nav .nav-pills > li > a{
  font-family:var(--bs-serif); color:var(--bs-ink); text-transform:uppercase;
  letter-spacing:.05em; font-size:14px; font-weight:400; background:transparent;
}
.bs-redesign .header-nav .nav-pills > li > a:hover,
.bs-redesign .header-nav .nav-pills > li.active > a{ color:var(--bs-wine); background:transparent; }
.bs-redesign .header-social-icons a{ color:var(--bs-wine); }

/* ---------- buttons ---------- */
.bs-redesign .btn-primary{
  background:var(--bs-wine) !important; border:1px solid var(--bs-wine) !important;
  color:#fff !important; border-radius:var(--bs-rbtn) !important; font-family:var(--bs-serif) !important;
  font-weight:700; letter-spacing:.01em; padding:16px 34px !important; box-shadow:0 12px 26px -14px rgba(137,6,50,.8);
  text-transform:none;
}
.bs-redesign .btn-primary:hover,.bs-redesign .btn-primary:focus{ background:var(--bs-wine-deep) !important; border-color:var(--bs-wine-deep) !important; color:#fff !important; }
.bs-redesign .readmore{ color:var(--bs-wine); font-family:var(--bs-serif); text-decoration:underline; text-underline-offset:4px; }

/* ---------- hero ---------- */
.bs-redesign #home{ padding:26px 0 46px; }
.bs-redesign .home-header-bg{
  background:var(--bs-rose) !important; background-image:none !important;
  border-radius:var(--bs-rcard); padding:46px 44px;
  color:#fff5f2; box-shadow:var(--bs-shadow);
}
.bs-redesign .home-header-bg .main-title{ color:#fff5f2 !important; font-size:44px; line-height:1.12; margin-bottom:22px; }
.bs-redesign .benefits-list{ color:#fdeef0; }
.bs-redesign .benefits-list li{ color:#fdeef0; font-size:16px; }
.bs-redesign .benefits-list-check li:before{ color:#ffd9dc !important; }
/* hero primary CTA sits on the rose card -> invert to a cream pill */
.bs-redesign .home-header-bg .btn-primary{
  background:var(--bs-cream) !important; border-color:var(--bs-cream) !important; color:var(--bs-wine) !important;
}
.bs-redesign .home-header-bg .btn-primary:hover{ background:#fff !important; color:var(--bs-wine-deep) !important; }
.bs-redesign .home-header-bg .readmore{ color:#fff5f2; }

/* ---------- section headings ---------- */
.bs-redesign .highlight-title{ font-size:38px; color:var(--bs-ink); }
.bs-redesign .lead{ font-size:19px; line-height:1.6; color:var(--bs-ink-soft); }

/* ---------- feature cards (Sdilena galerie / Potvrzeni / Cista hlava) ---------- */
.bs-redesign .feature-card{
  background:var(--bs-blush); border:1px solid var(--bs-line); border-radius:var(--bs-rcard);
  padding:34px 30px; box-shadow:var(--bs-shadow); height:100%;
}
.bs-redesign .feature-card h3,.bs-redesign .feature-card .mt-md{ font-family:var(--bs-display); color:var(--bs-ink); }
.bs-redesign .feature-icon-wrap{ color:var(--bs-wine) !important; }
.bs-redesign .feature-icon-wrap .fa,
.bs-redesign .feature-icon-wrap [class*="fa-"]{ color:var(--bs-wine) !important; }

/* ---------- alternating feature rows: keep layout, restyle emphasis ---------- */
.bs-redesign .tall b, .bs-redesign strong{ color:var(--bs-wine); }

/* ---------- footer: Figma ground truth = soft BLUSH band (#fbeeea) with dark ink
   text (not the wine I first guessed). Kill the theme's border-top (the black line). */
.bs-redesign footer.short, .bs-redesign #footer, .bs-redesign footer{ background:var(--bs-blush) !important; color:var(--bs-ink) !important; font-size:15px; border-top:none !important; box-shadow:none !important; }
.bs-redesign footer h1,.bs-redesign footer h2,.bs-redesign footer h3,.bs-redesign footer h4{ color:var(--bs-ink) !important; font-family:var(--bs-display); }
.bs-redesign footer a,.bs-redesign footer p,.bs-redesign footer li,.bs-redesign footer span,.bs-redesign footer strong{ color:var(--bs-ink) !important; }
.bs-redesign footer a{ color:var(--bs-wine) !important; }
.bs-redesign footer a:hover{ color:var(--bs-wine-deep) !important; }
.bs-redesign footer .fa,.bs-redesign footer [class*="fa-"]{ color:var(--bs-rose-deep, #a85c68) !important; }
.bs-redesign footer .phone, .bs-redesign footer .phone a{ font-size:20px !important; color:var(--bs-wine) !important; }
.bs-redesign footer .list-icons a{ font-size:15px; }
/* bottom copyright strip: a touch deeper blush so it reads as a divider, dark text */
.bs-redesign footer .copyright, .bs-redesign #footer .copyright, .bs-redesign .footer-copyright{ background:var(--bs-blush2, #f8dbce) !important; color:var(--bs-ink-soft, #5a3a44) !important; }
.bs-redesign footer .footer-copyright hr, .bs-redesign footer hr{ border-color:var(--bs-line) !important; }

/* ---------- header social icons: compact + vertically centred so they don't widen the bar */
.bs-redesign .header-social-icons{ display:inline-flex !important; align-items:center; gap:4px; margin:0 0 0 8px; float:none !important; }
.bs-redesign .header-social-icons li{ margin:0 !important; display:inline-flex; float:none !important; }
.bs-redesign .header-social-icons a{ display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; }

/* ---------- social icons removed for now (owner: social presence not ready).
   Reversible - delete this block to restore. Header icons + the whole footer
   "Sledujte nás" column. */
.bs-redesign .header-social-icons{ display:none !important; }
.bs-redesign footer .social-icons{ display:none !important; }
.bs-redesign footer .col-md-3:has(.social-icons),
.bs-redesign footer .col-sm-3:has(.social-icons){ display:none !important; }

/* kill the theme's legacy text-shadow on the hero heading (was for white-on-photo
   legibility; now just a glow under the cream letters on the rose card) */
.bs-redesign .main-title{ text-shadow:none !important; }

/* footer: the "Vytvořit svatební web" CTA is a button inside a link <li> that leads
   with a ▸ caret meant for text links - drop the caret just for the button row. */
.bs-redesign footer li:has(> .btn){ margin-top:6px; }
.bs-redesign footer li:has(> .btn) > .fa-caret-right{ display:none !important; }

/* button text was inheriting the theme's small 14px - bump for readability */
.bs-redesign .btn-primary{ font-size:16px !important; }
.bs-redesign .btn-primary.btn-lg{ font-size:17px !important; }
