/* ==========================================================================
   Bukiety i Flowerboxy (page 1885) + Wianki i Wieńce (page 1963)
   Redesign draft, LOCAL ONLY. Every rule is scoped to these two pages.
   Builders: wp-content/redesign-tools/build-bukiety.php, build-wianki.php
   ========================================================================== */

/* Buttons: legacy/kit typography capitalises Every Word ("Zapytaj O Kompozycję") — keep sentence case */
body.nb-redesign:is(.page-id-1885, .page-id-1963) .nb-btn .elementor-button,
body.nb-redesign:is(.page-id-1885, .page-id-1963) .nb-btn .elementor-button-text { text-transform: none !important; }

/* ---------- Hero -------------------------------------------------------- */
body.nb-redesign:is(.page-id-1885, .page-id-1963) .e-con.bw-hero {
  --padding-top: clamp(32px, 4.5vw, 64px);
  --padding-bottom: clamp(48px, 6vw, 88px);
  --gap: 28px 64px; --row-gap: 28px; --column-gap: 64px;
}
body.nb-redesign:is(.page-id-1885, .page-id-1963) .e-con.bw-hero-text { --gap: 18px 18px; --row-gap: 18px; --column-gap: 18px; }
body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-hero .nb-display .elementor-heading-title { max-width: 13em; }
body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-hero .nb-lead p { max-width: 34em; }


/* "Wolisz zadzwonić? 601 787 097" */
body.nb-redesign:is(.page-id-1885, .page-id-1963) p.bw-phone-line { margin: 0; font-size: 15px; color: var(--nb-plum-soft); }
body.nb-redesign:is(.page-id-1885, .page-id-1963) p.bw-phone-line a.nb-phone { font-size: 17px; }

/* small trust row under the hero buttons */
body.nb-redesign:is(.page-id-1885, .page-id-1963) ul.bw-trust {
  list-style: none; margin: 4px 0 0; padding: 18px 0 0; border-top: 1px solid var(--nb-line);
  display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 14px; line-height: 1.5; color: var(--nb-plum-soft);
}
body.nb-redesign:is(.page-id-1885, .page-id-1963) ul.bw-trust li { position: relative; padding-left: 24px; }
body.nb-redesign:is(.page-id-1885, .page-id-1963) ul.bw-trust li::before {
  content: ""; position: absolute; left: 0; top: .2em; width: 16px; height: 16px; border-radius: 50%;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23c2185b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat;
}

/* ---------- Section header block (eyebrow + h2 + lead) ------------------ */
body.nb-redesign:is(.page-id-1885, .page-id-1963) .e-con.bw-head { --gap: 12px 12px; --row-gap: 12px; margin-bottom: 8px; }
body.nb-redesign:is(.page-id-1885, .page-id-1963) .e-con.bw-stack { --gap: 18px 18px; --row-gap: 18px; }

/* ---------- Wybierz bukiet: monobukiet + two more categories (page 1885) --- */
body.nb-redesign.page-id-1885 .e-con.bw-mono {
  --gap: 0px; --row-gap: 0px; --column-gap: 0px; --padding-top: 0px; --padding-bottom: 0px; --padding-left: 0px; --padding-right: 0px;
  background-color: var(--nb-cream) !important; border: 1px solid var(--nb-line); border-radius: var(--nb-radius); overflow: hidden;
}
body.nb-redesign.page-id-1885 .bw-mono__media .elementor-widget,
body.nb-redesign.page-id-1885 .bw-mono__media .elementor-widget-container { height: 100%; }
body.nb-redesign.page-id-1885 .bw-mono__media .nb-photo img { height: 100% !important; border-radius: 0 !important; box-shadow: none; object-position: 50% 40%; }
body.nb-redesign.page-id-1885 .e-con.bw-mono__body { --gap: 14px 14px; --row-gap: 14px; --padding-top: 32px; --padding-bottom: 32px; --padding-left: 36px; --padding-right: 36px; }

body.nb-redesign.page-id-1885 .bw-mono-ui { display: grid; gap: 16px; }
body.nb-redesign.page-id-1885 .bw-mono-opt { display: grid; gap: 8px; }
body.nb-redesign.page-id-1885 p.bw-mono-opt__label { margin: 0 !important; font-size: 14px !important; font-weight: 600; line-height: 1.4 !important; color: var(--nb-plum) !important; }
body.nb-redesign.page-id-1885 .bw-pills { display: flex; flex-wrap: wrap; gap: 8px; }
/* all:unset because Astra, WPForms and the legacy CSS all style <button> */
body.nb-redesign.page-id-1885 button.bw-pill {
  all: unset; box-sizing: border-box; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; min-width: 52px; justify-content: center;
  padding: 0 16px; border: 1px solid #ccb3bd; border-radius: 999px; background: #fffdfb;
  font: 600 15px/1.2 var(--nb-sans); font-variant-numeric: tabular-nums; color: var(--nb-plum); transition: border-color .15s ease, background-color .15s ease;
}
body.nb-redesign.page-id-1885 button.bw-pill:hover { border-color: var(--nb-raspberry); }
body.nb-redesign.page-id-1885 button.bw-pill[aria-pressed="true"] { border-color: var(--nb-raspberry); background: var(--nb-blush); box-shadow: inset 0 0 0 1px var(--nb-raspberry); }
body.nb-redesign.page-id-1885 button.bw-pill:focus-visible { outline: 2px solid var(--nb-raspberry); outline-offset: 2px; }
body.nb-redesign.page-id-1885 .bw-swatch { width: 14px; height: 14px; flex: 0 0 14px; border-radius: 50%; background: var(--c); box-shadow: inset 0 0 0 1px rgba(58, 31, 43, .25); }
body.nb-redesign.page-id-1885 label.bw-mono-other { display: flex; align-items: center; gap: 10px; font-size: 15px; color: var(--nb-plum); }
body.nb-redesign.page-id-1885 label.bw-mono-other[hidden] { display: none; }
body.nb-redesign.page-id-1885 label.bw-mono-other input {
  width: 110px; min-height: 44px; box-sizing: border-box; padding: 8px 12px; border: 1px solid #ccb3bd; border-radius: 10px; background: #fffdfb;
  font: 400 16px/1.4 var(--nb-sans); color: var(--nb-plum);
}
body.nb-redesign.page-id-1885 label.bw-mono-other input:focus { outline: none; border-color: var(--nb-raspberry); box-shadow: 0 0 0 3px rgba(194, 24, 91, .22); }
body.nb-redesign.page-id-1885 p.bw-mono-sum { margin: 2px 0 0 !important; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; padding-top: 14px; border-top: 1px solid var(--nb-line); }
body.nb-redesign.page-id-1885 p.bw-mono-sum strong { font-family: var(--nb-serif); font-size: 30px; font-weight: 600; line-height: 1.15; color: var(--nb-plum); font-variant-numeric: lining-nums; }
body.nb-redesign.page-id-1885 p.bw-mono-sum span { font-size: 15px; color: var(--nb-text); }

body.nb-redesign.page-id-1885 p.bw-cat-price { margin: 0 !important; font-family: var(--nb-serif); font-size: 24px !important; font-weight: 600; line-height: 1.2 !important; color: var(--nb-plum) !important; font-variant-numeric: lining-nums; }
body.nb-redesign.page-id-1885 p.bw-cat-note { margin: 4px 0 0 !important; font-size: 14px !important; line-height: 1.5 !important; color: var(--nb-text) !important; }
body.nb-redesign.page-id-1885 .bw-cat .nb-ph--photo { min-height: 0; }
body.nb-redesign.page-id-1885 .bw-cat .nb-card__media img { aspect-ratio: 16 / 10; }
body.nb-redesign.page-id-1885 .e-con.bw-cards:has(> .bw-cat) { justify-content: space-between; }
@media (min-width: 768px) {
  body.nb-redesign.page-id-1885 .e-con.bw-cat { --width: calc(50% - 12px); width: calc(50% - 12px); }
}
body.nb-redesign.page-id-1885 ul.bw-facts.bw-facts--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 767px) {
  body.nb-redesign.page-id-1885 .bw-mono__media .nb-photo img { height: auto !important; aspect-ratio: 4 / 3; }
  body.nb-redesign.page-id-1885 .e-con.bw-mono__body { --padding-top: 24px; --padding-bottom: 24px; --padding-left: 18px; --padding-right: 18px; }
  body.nb-redesign.page-id-1885 ul.bw-facts.bw-facts--2 { grid-template-columns: 1fr; }
}

/* ---------- Offer cards -------------------------------------------------- */
body.nb-redesign:is(.page-id-1885, .page-id-1963) .e-con.bw-cards { justify-content: center; }
body.nb-redesign:is(.page-id-1885, .page-id-1963) .e-con.nb-card .elementor-widget-text-editor p { font-size: 15px !important; line-height: 1.65 !important; }
body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-media-sq img { aspect-ratio: 1 / 1 !important; }
/* photo placeholder used as card media: flush with the card top */
body.nb-redesign:is(.page-id-1885, .page-id-1963) .nb-card__media .nb-ph--photo { border-radius: var(--nb-radius) var(--nb-radius) 0 0; min-height: 0; }
body.nb-redesign:is(.page-id-1885, .page-id-1963) p.bw-crosslink { margin: 0; text-align: center; font-size: 15px; color: var(--nb-plum-soft); }
body.nb-redesign:is(.page-id-1885, .page-id-1963) p.bw-crosslink a { color: var(--nb-raspberry); font-weight: 700; text-decoration: none; border-bottom: 1px solid rgba(194, 24, 91, .35); }
body.nb-redesign:is(.page-id-1885, .page-id-1963) p.bw-crosslink a:hover { border-bottom-color: var(--nb-raspberry); }

/* ---------- Values / approach ------------------------------------------- */
body.nb-redesign:is(.page-id-1885, .page-id-1963) .e-con.bw-split { --gap: 28px 64px; --row-gap: 28px; --column-gap: 64px; }
body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-split ul.nb-features li { padding: 22px 20px; }
body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-split ul.nb-features strong { font-size: 18px; }
body.nb-redesign:is(.page-id-1885, .page-id-1963) p.bw-motto {
  margin: 0; font-family: var(--nb-serif); font-style: italic; font-size: 19px; line-height: 1.5; color: var(--nb-raspberry);
}
/* seasonal disclaimer */
body.nb-redesign:is(.page-id-1885, .page-id-1963) p.bw-note {
  margin: 0; display: flex; gap: 12px; align-items: flex-start;
  background: rgba(255, 255, 255, .72); border: 1px solid var(--nb-line);
  border-radius: var(--nb-radius-sm); padding: 14px 18px;
  font-size: 14px; line-height: 1.6; color: var(--nb-plum-soft);
}
body.nb-redesign:is(.page-id-1885, .page-id-1963) p.bw-note .bw-note__ic { flex: 0 0 auto; color: var(--nb-sage-deep); font-size: 18px; line-height: 1.2; }

/* ---------- Example works: bento grid with captions --------------------- */
body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-works {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px;
}
body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-works figure {
  position: relative; margin: 0; overflow: hidden; border-radius: var(--nb-radius);
  box-shadow: var(--nb-shadow); aspect-ratio: 1 / 1; background: var(--nb-blush);
}
body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-works figure.bw-works__big { grid-column: span 2; grid-row: span 2; aspect-ratio: auto; }
body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-works img {
  position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-height: none !important;
  object-fit: cover; display: block; border-radius: 0 !important; transition: transform .6s ease;
}
body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-works figure:hover img { transform: scale(1.04); }
body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-works figcaption {
  position: absolute; left: 0; right: 0; bottom: 0; padding: 56px 18px 16px;
  background: linear-gradient(to top, rgba(58, 31, 43, .9) 0%, rgba(58, 31, 43, .66) 50%, rgba(58, 31, 43, 0) 100%);
  text-shadow: 0 1px 8px rgba(30, 10, 20, .35);
  display: flex; flex-direction: column; gap: 4px; color: #fff;
}
body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-works figcaption strong { font-family: var(--nb-serif); font-weight: 600; font-size: 16px; line-height: 1.3; color: #fff; }
body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-works .bw-works__big figcaption strong { font-size: 20px; }
body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-works figcaption span.bw-works__budget { font-size: 13px; color: var(--nb-on-plum); }

/* ---------- Seasonal recommendation card -------------------------------- */
/* ---------- Order facts row --------------------------------------------- */
body.nb-redesign:is(.page-id-1885, .page-id-1963) ul.bw-facts { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
body.nb-redesign:is(.page-id-1885, .page-id-1963) ul.bw-facts li {
  background: #fff; border-radius: var(--nb-radius-sm); padding: 18px 20px; box-shadow: var(--nb-shadow);
  display: flex; flex-direction: column; gap: 6px; font-size: 15px; line-height: 1.55; color: var(--nb-text);
}
body.nb-redesign:is(.page-id-1885, .page-id-1963) ul.bw-facts li b { font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--nb-raspberry); }

/* ---------- FAQ ---------------------------------------------------------- */
body.nb-redesign:is(.page-id-1885, .page-id-1963) .e-con.bw-faq-row { --gap: 28px 56px; --row-gap: 28px; --column-gap: 56px; }
body.nb-redesign:is(.page-id-1885, .page-id-1963) .nb-ph-inline.bw-ph-wrap {
  white-space: normal !important; font-weight: 600; line-height: 1.9;
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
@media (min-width: 1025px) {
  body.nb-redesign:is(.page-id-1885, .page-id-1963) .e-con.bw-faq-aside { position: sticky; top: 32px; }
}
body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-faq-aside p.bw-aside-note { margin: 0; font-size: 15px; line-height: 1.7; color: var(--nb-plum-soft); }
body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-faq-aside a.bw-mail { color: var(--nb-raspberry); font-weight: 700; text-decoration: none; word-break: break-word; }

/* ---------- CTA band (plum) --------------------------------------------- */
body.nb-redesign:is(.page-id-1885, .page-id-1963) .e-con.bw-cta { --gap: 18px 18px; --row-gap: 18px; }
body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-contact { display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: 16px 48px; margin: 6px 0 4px; }
body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-contact > div { display: flex; flex-direction: column; align-items: center; gap: 4px; }
body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-contact__label { font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--nb-on-plum-accent); }
body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-contact a.bw-contact__tel { font-family: var(--nb-serif); font-size: clamp(28px, 3.4vw, 38px); font-weight: 600; line-height: 1.1; color: #fff !important; text-decoration: none; white-space: nowrap; }
body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-contact a.bw-contact__mail { font-size: 18px; font-weight: 600; line-height: 1.6; color: var(--nb-on-plum-accent) !important; text-decoration: none; border-bottom: 1px solid rgba(255, 209, 224, .45); }
body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-contact a:hover { opacity: .85; }
body.nb-redesign:is(.page-id-1885, .page-id-1963) .nb-sec--plum p.bw-cta-addr { margin: 0; text-align: center; font-size: 14px !important; color: var(--nb-on-plum-muted) !important; }
body.nb-redesign:is(.page-id-1885, .page-id-1963) .nb-sec--plum .nb-lead p { color: var(--nb-on-plum) !important; }
body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-cta .nb-lead p { max-width: 40em; margin-left: auto; margin-right: auto; }
body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-btn-ghost .elementor-button { background-color: transparent; border-color: rgba(255, 255, 255, .6); color: #fff; box-shadow: none; }
body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-btn-ghost .elementor-button:hover { background-color: #fff; border-color: #fff; color: var(--nb-raspberry); }

/* ---------- Responsive --------------------------------------------------- */
@media (max-width: 1024px) {
  body.nb-redesign:is(.page-id-1885, .page-id-1963) .e-con.bw-hero,
  body.nb-redesign:is(.page-id-1885, .page-id-1963) .e-con.bw-split,
  body.nb-redesign:is(.page-id-1885, .page-id-1963) .e-con.bw-faq-row { --column-gap: 36px; --gap: 28px 36px; }
}
@media (max-width: 767px) {
  /* Elementor sets --flex-wrap-mobile: wrap on every container; a multi-line column flexbox
     mis-measures grids of aspect-ratio tiles (widget collapses to ~30px). Sections stack anyway. */
  body.nb-redesign:is(.page-id-1885, .page-id-1963) .e-con:not(.nb-grid):not(.nb-actions),
  body.nb-redesign:is(.page-id-1885, .page-id-1963) .e-con.nb-sec > .e-con-inner { --flex-wrap: nowrap; flex-wrap: nowrap !important; }
  body.nb-redesign:is(.page-id-1885, .page-id-1963) .e-con.bw-hero { --padding-top: 28px; --padding-bottom: 48px; }
  body.nb-redesign:is(.page-id-1885, .page-id-1963) .e-con.bw-hero-text { --gap: 16px 16px; --row-gap: 16px; }
  body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-works { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-works figure.bw-works__big { grid-column: 1 / -1; grid-row: auto; aspect-ratio: 1 / 1; }
  body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-works figcaption { padding: 52px 12px 10px; background: linear-gradient(to top, rgba(58, 31, 43, .92) 0%, rgba(58, 31, 43, .75) 55%, rgba(58, 31, 43, 0) 100%); }
  body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-works figcaption strong { font-size: 14px; }
  body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-works .bw-works__big figcaption strong { font-size: 18px; }
  body.nb-redesign:is(.page-id-1885, .page-id-1963) ul.bw-facts { grid-template-columns: 1fr; gap: 10px; }  body.nb-redesign:is(.page-id-1885, .page-id-1963) .bw-contact { gap: 18px; }
}