.elementor-480 .elementor-element.elementor-element-b587bfe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-480 .elementor-element.elementor-element-6bb1ad3{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;padding:10px 10px 10px 10px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-480 .elementor-element.elementor-element-6bb1ad3{padding:5px 5px 5px 5px;}}@media(min-width:768px){.elementor-480 .elementor-element.elementor-element-b587bfe{--width:100%;}}/* Start custom CSS *//* =====================================================================
   Prana Bindu — formularz rezerwacji (WD Design, 10.2026)
   Nadpisuje starsze style z Wygląd → Dodatkowy CSS (sekcja „FORMULARZ
   KONWERSACYJNY”). Kolory marki: złoto #D7BE75, butelkowa zieleń #111714.
   ===================================================================== */

/* 1. Bez rozstrzelenia liter — letter-spacing rozsuwał nagłówki
      i odklejał kreski nad ś / ć w Cormorant Garamond. */
.ff_conv_app_4 .f-text,
.ff_conv_app_4 .f-text span,
.ff_conv_app_4 .ffc_q_header h4,
.ff_conv_app_4 .f-sub h5,
.ff_conv_app_4 .f-sub h5 strong {
  letter-spacing: 0 !important;
  word-spacing: normal !important;
}

/* 2. Ekran powitalny: węższa kolumna, tag, numerowane sekcje */
.ff_conv_app_4 .f-welcome-screen {
  max-width: 760px;
  margin: 0 auto;
  padding: 8px 0 12px;
}

.ff_conv_app_4 .f-welcome-screen .ffc_q_header {
  text-align: center;
  margin-bottom: 34px;
}

.ff_conv_app_4 .f-welcome-screen .ffc_q_header::before {
  content: "Rezerwacja sali";
  display: block;
  margin-bottom: 18px;
  color: #D7BE75;
  font: 600 12px/1 "Inter", system-ui, sans-serif;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.ff_conv_app_4 .f-welcome-screen h4.f-text {
  max-width: 21ch;
  margin: 0 auto !important;
  color: #EDE2C5 !important;
  font-family: "Cormorant Garamond", "Times New Roman", serif !important;
  font-size: clamp(30px, 3.2vw, 44px) !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
  text-wrap: balance;
}

.ff_conv_app_4 .f-welcome-screen .f-sub {
  margin-top: 0;
  counter-reset: pb-krok;
}

.ff_conv_app_4 .f-welcome-screen .f-sub p {
  margin: 0 0 8px !important;
  color: #C7C1B1 !important;
  font-family: "Inter", system-ui, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 1.75 !important;
  text-align: left !important;
}

.ff_conv_app_4 .f-welcome-screen .f-sub em {
  color: #EDE2C5;
  font-style: normal;
}

/* wstęp: wyśrodkowany, ciszej */
.ff_conv_app_4 .f-welcome-screen .f-sub > span > p:first-child {
  max-width: 560px;
  margin: 0 auto 6px !important;
  color: #9E978A !important;
  text-align: center !important;
}

/* sekcje 01–04 */
.ff_conv_app_4 .f-welcome-screen .f-sub h5 {
  position: relative;
  margin: 26px 0 10px !important;
  padding: 26px 0 0 58px;
  border-top: 1px solid rgba(215, 190, 117, 0.16);
  color: #EDE2C5 !important;
  font-family: "Cormorant Garamond", "Times New Roman", serif !important;
  font-size: clamp(22px, 2vw, 26px) !important;
  font-weight: 500 !important;
  line-height: 1.2;
  text-align: left !important;
  counter-increment: pb-krok;
}

.ff_conv_app_4 .f-welcome-screen .f-sub h5 strong {
  font-weight: 600;
}

.ff_conv_app_4 .f-welcome-screen .f-sub h5::before {
  content: counter(pb-krok, decimal-leading-zero);
  position: absolute;
  top: 24px;
  left: 0;
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid rgba(215, 190, 117, 0.45);
  border-radius: 50%;
  color: #D7BE75;
  font: 500 12px/1 "Inter", system-ui, sans-serif;
  letter-spacing: 0.06em;
}

.ff_conv_app_4 .f-welcome-screen .f-sub h5 ~ p {
  padding-left: 58px;
}

/* zdanie końcowe: na środku, jaśniej, oddzielone linią */
.ff_conv_app_4 .f-welcome-screen .f-sub > span > p:last-child {
  margin-top: 30px !important;
  padding: 26px 0 0 !important;
  border-top: 1px solid rgba(215, 190, 117, 0.16);
  color: #EDE2C5 !important;
  text-align: center !important;
}

/* 3. Przycisk jak „Zarezerwuj” w nagłówku strony: prostokąt, pełne złoto */
.ff_conv_app_4 .f-welcome-screen .f-enter {
  margin-top: 30px;
  text-align: center;
}

.ff_conv_app_4 button.o-btn-action,
.ff_conv_app_4 .o-btn-action,
.ff_conv_app_4 .ff-btn.o-btn-action {
  padding: 16px 44px !important;
  border: 0 !important;
  border-radius: 2px !important;
  background: #D7BE75 !important;
  box-shadow: none !important;
  font-family: "Cormorant Garamond", "Times New Roman", serif !important;
  font-size: 21px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  transition: background-color 0.25s ease, transform 0.25s ease !important;
}

.ff_conv_app_4 .o-btn-action span {
  color: #111714 !important;
}

.ff_conv_app_4 .o-btn-action:hover,
.ff_conv_app_4 .o-btn-action:focus-visible {
  background: #E3CF8B !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.45) !important;
  transform: translateY(-1px) !important;
}

/* 4. Pytania: nagłówek, numer, gwiazdka, pole wyboru */
.ff_conv_app_4 .ffc_q_header .f-text,
.ff_conv_app_4 .ffc_q_header .f-text > span:first-child {
  color: #EDE2C5 !important;
  font-family: "Cormorant Garamond", "Times New Roman", serif !important;
  font-size: clamp(24px, 2.4vw, 32px) !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

.ff_conv_app_4 .ffc-counter-div span {
  color: #D7BE75 !important;
  font-family: "Inter", system-ui, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600;
}

.ff_conv_app_4 .ffc-counter-div .counter-icon-span svg {
  fill: #D7BE75 !important;
}

.ff_conv_app_4 .f-required,
.ff_conv_app_4 .f-required span {
  color: #D7BE75 !important;
}

.ff_conv_app_4 .f-answer .el-input__inner {
  height: auto !important;
  padding: 14px 40px 14px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(215, 190, 117, 0.45) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #EDE2C5 !important;
  font-family: "Inter", system-ui, sans-serif !important;
  font-size: 18px !important;
  letter-spacing: 0 !important;
}

.ff_conv_app_4 .f-answer .el-input__inner::placeholder {
  color: #8F897C !important;
}

.ff_conv_app_4 .f-answer .el-input__inner:focus,
.ff_conv_app_4 .f-answer .el-select:hover .el-input__inner {
  border-bottom-color: #D7BE75 !important;
}

.ff_conv_app_4 .f-answer .el-select__caret {
  color: #D7BE75 !important;
}

/* lista opcji (Element Plus dokleja ją na końcu strony, poza formularzem) */
.ff-conversational-dropdown-modal.el-popper,
.ff-conversational-dropdown-modal .el-select-dropdown,
.ff-conversational-dropdown-modal.el-select-dropdown {
  border: 1px solid rgba(215, 190, 117, 0.22) !important;
  border-radius: 4px !important;
  background: #161D1A !important;
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.6) !important;
}

.ff-conversational-dropdown-modal .el-select-dropdown {
  border: 0 !important;
  box-shadow: none !important;
}

.ff-conversational-dropdown-modal .el-select-dropdown__item {
  height: auto !important;
  padding: 13px 20px !important;
  color: #C7C1B1 !important;
  font-family: "Inter", system-ui, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  white-space: normal !important;
}

.ff-conversational-dropdown-modal .el-select-dropdown__item.hover,
.ff-conversational-dropdown-modal .el-select-dropdown__item.is-hovering,
.ff-conversational-dropdown-modal .el-select-dropdown__item:hover {
  background: rgba(215, 190, 117, 0.09) !important;
  color: #EDE2C5 !important;
}

.ff-conversational-dropdown-modal .el-select-dropdown__item.selected,
.ff-conversational-dropdown-modal .el-select-dropdown__item.is-selected {
  color: #D7BE75 !important;
  font-weight: 600 !important;
}

.ff-conversational-dropdown-modal .el-popper__arrow,
.ff-conversational-dropdown-modal .popper__arrow {
  display: none !important;
}

/* 5. Stopka: postęp i strzałki w kolorach marki zamiast szarego paska */
.ff_conv_app_4 .vff-footer .footer-inner-wrap {
  overflow: hidden;
  border: 1px solid rgba(215, 190, 117, 0.22);
  border-radius: 3px;
  background: rgba(17, 23, 20, 0.92) !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.45);
}

.ff_conv_app_4 .vff-footer .f-progress {
  background: transparent !important;
}

.ff_conv_app_4 .vff-footer .ffc_progress_label {
  color: #C7C1B1 !important;
  font-family: "Inter", system-ui, sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.04em;
}

.ff_conv_app_4 .vff-footer .f-progress-bar {
  height: 3px !important;
  background-color: rgba(215, 190, 117, 0.16) !important;
}

.ff_conv_app_4 .vff-footer .f-progress-bar-inner {
  background: #D7BE75 !important;
}

.ff_conv_app_4 .footer-inner-wrap .f-nav {
  border-left: 1px solid rgba(215, 190, 117, 0.22);
  background: transparent !important;
}

.ff_conv_app_4 .footer-inner-wrap .f-nav a svg {
  fill: #D7BE75 !important;
}

.ff_conv_app_4 .footer-inner-wrap .f-nav a:hover {
  background: rgba(215, 190, 117, 0.1);
}

.ff_conv_app_4 .footer-inner-wrap .f-nav a.f-disabled svg {
  fill: rgba(215, 190, 117, 0.35) !important;
}

/* 6. Telefon */
@media (max-width: 767px) {
  .ff_conv_app_4 .f-welcome-screen h4.f-text {
    font-size: 28px !important;
  }

  .ff_conv_app_4 .f-welcome-screen .f-sub p {
    font-size: 15px !important;
  }

  .ff_conv_app_4 .f-welcome-screen .f-sub h5 {
    padding-left: 46px;
    font-size: 21px !important;
  }

  .ff_conv_app_4 .f-welcome-screen .f-sub h5::before {
    width: 32px;
    height: 32px;
    top: 22px;
    font-size: 11px;
  }

  .ff_conv_app_4 .f-welcome-screen .f-sub h5 ~ p {
    padding-left: 46px;
  }

  .ff_conv_app_4 .f-welcome-screen .f-sub > span > p:last-child {
    padding-left: 0 !important;
  }

  .ff_conv_app_4 button.o-btn-action,
  .ff_conv_app_4 .o-btn-action {
    width: 100%;
    padding: 15px 24px !important;
    font-size: 19px !important;
  }

  .ff_conv_app_4 .ffc_q_header .f-text,
  .ff_conv_app_4 .ffc_q_header .f-text > span:first-child {
    font-size: 23px !important;
  }
}/* End custom CSS */