.elementor-25579 .elementor-element.elementor-element-77a66939{--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;}.elementor-25579 .elementor-element.elementor-element-26d8306f{--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;}#elementor-popup-modal-25579{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-25579 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-25579 .dialog-close-button{display:flex;}#elementor-popup-modal-25579 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for container, class: .elementor-element-77a66939 *//* ================================
   FootWave Quiz – layout & cards
   dla wersji CF7 z [radio ...]
   ================================ */

/* Kontener quizu */
.fw-quiz-wrapper {
  max-width: 560px;
  margin: 0 auto;
  padding: 24px 24px 12px;
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  box-sizing: border-box;
}

/* Nagłówki */
.fw-quiz-wrapper .fw-quiz-title {
  margin: 0 0 4px;
  font-size: 21px;
  line-height: 1.25;
  font-weight: 700;
  text-align: center;
  color: #0f172a;
}

.fw-quiz-wrapper .fw-quiz-subtitle {
  margin: 0 0 22px;
  font-size: 14px;
  line-height: 1.5;
  color: #6b7280;
  text-align: center;
}

/* Kroki */
.fw-quiz-wrapper .fw-quiz-step {
  margin-bottom: 18px;
}

.fw-quiz-wrapper .fw-quiz-step-label {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
  margin: 0 0 10px;
}

/* ================================
   GRUPY RADIO – GRID + KAFELKI
   ================================ */

/* Wszystkie radio w quizie jako grid */
.fw-quiz-wrapper .wpcf7-radio {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* Bez odstępów defaultowych CF7 */
.fw-quiz-wrapper .wpcf7-list-item {
  margin: 0 !important;
  display: block;
}

/* Sam label jako kafelek */
.fw-quiz-wrapper .wpcf7-list-item label {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  padding: 0px 0px 0px 0px;
  border-radius: 14px;
  border: 1.5px solid #e5e7eb;
  background: #f9fafb;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background-color 0.18s ease,
    transform 0.1s ease;
  overflow: hidden;
}

/* Ukrycie natywnego radia */
.fw-quiz-wrapper .wpcf7-list-item label > input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Tekst odpowiedzi (to wewnętrzny <span>) */
.fw-quiz-wrapper .wpcf7-list-item label > span {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #111827;
  margin-top: 0px;
	padding-bottom:5px;
}

/* Hover na kafelku */
.fw-quiz-wrapper .wpcf7-list-item label:hover {
  border-color: #2563eb;
  background-color: #eff4ff;
  box-shadow: 0 10px 28px rgba(37, 99, 235, 0.25);
  transform: translateY(-1px);
}

/* Zaznaczony kafelek – kolor tekstu */
.fw-quiz-wrapper .wpcf7-list-item label > input[type="radio"]:checked + span {
  color: #1d4ed8;
}

/* ================================
   OBRAZEK NAD ODPOWIEDZIĄ
   (pseudo-element ::before na tekście)
   ================================ */

/* Bazowy placeholder – żeby każdy kafel miał miejsce na obrazek */
.fw-quiz-wrapper .wpcf7-list-item label > span::before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: 10px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 6px;
}


/* --- SEGMENT 1: fw_segment --- */
.fw-quiz-wrapper input[name="fw_segment"][value="Lepszej amortyzacji podczas aktywności"] + span::before {
  background-image: url("https://footwave.com/wp-content/uploads/2025/12/Sports-insoles.jpg");
}

.fw-quiz-wrapper input[name="fw_segment"][value="Ulgi od bólu"] + span::before {
  background-image: url("https://footwave.com/wp-content/uploads/2025/12/Pain-Foot-discomfort.jpg");
}

.fw-quiz-wrapper input[name="fw_segment"][value="Większej wygody w codziennych butach"] + span::before {
  background-image: url("https://footwave.pl/wp-content/uploads/2026/01/footwave-obuwie-codzienne.jpg");
}

.fw-quiz-wrapper input[name="fw_segment"][value="Wkładek dla dziecka"] + span::before {
  background-image: url("https://footwave.com/wp-content/uploads/2025/12/KIDDO.jpg");
}


/* --- SPORT: fw_sport_type --- */
.fw-quiz-wrapper input[name="fw_sport_type"][value="Bieganie / fitness / trening ogólny"] + span::before {
  background-image: url("https://footwave.com/wp-content/uploads/2025/12/Running.jpg");
}

.fw-quiz-wrapper input[name="fw_sport_type"][value="Piłka nożna"] + span::before {
  background-image: url("https://footwave.com/wp-content/uploads/2025/12/football.jpg");
}

.fw-quiz-wrapper input[name="fw_sport_type"][value="Sporty halowe"] + span::before {
  background-image: url("https://footwave.com/wp-content/uploads/2025/12/Soft-cushioning.jpg");
}


/* --- PAIN: fw_pain_type --- */
.fw-quiz-wrapper input[name="fw_pain_type"][value="Ból pięty"] + span::before {
  background-image: url("https://footwave.com/wp-content/uploads/2025/12/Heel-pain.jpg");
}

.fw-quiz-wrapper input[name="fw_pain_type"][value="Ból przodostopia / palący ból śródstopia"] + span::before {
  background-image: url("https://footwave.com/wp-content/uploads/2025/12/Forefoot-pain.jpg");
}

.fw-quiz-wrapper input[name="fw_pain_type"][value="Płaskostopie / zmęczenie stóp"] + span::before {
  background-image: url("https://footwave.com/wp-content/uploads/2025/12/flat-feet.jpg");
}

.fw-quiz-wrapper input[name="fw_pain_type"][value="Haluksy / ból przy dużym palcu"] + span::before {
  background-image: url("https://footwave.com/wp-content/uploads/2025/12/hallux.jpg");
}

.fw-quiz-wrapper input[name="fw_pain_type"][value="Potrzebuję większego komfortu"] + span::before {
  background-image: url("https://footwave.com/wp-content/uploads/2025/12/arch-support.jpg");
}

.fw-quiz-wrapper input[name="fw_pain_type"][value="Jestem mamą / w ciąży / po porodzie"] + span::before {
  background-image: url("https://footwave.pl/wp-content/uploads/2026/01/footwave-mama.jpg");
}


/* --- CASUAL: fw_casual_shoes --- */
.fw-quiz-wrapper input[name="fw_casual_shoes"][value="Sneakersy / buty sportowe"] + span::before {
  background-image: url("https://footwave.pl/wp-content/uploads/2026/01/footwave-buty-sportowe.jpg");
}

.fw-quiz-wrapper input[name="fw_casual_shoes"][value="Eleganckie, wąskie buty"] + span::before {
  background-image: url("https://footwave.pl/wp-content/uploads/2026/01/footwave-buty-waskie.jpg");
}

.fw-quiz-wrapper input[name="fw_casual_shoes"][value="Buty na obcasie / koturny"] + span::before {
  background-image: url("https://footwave.pl/wp-content/uploads/2026/01/footwave-buty-na-obcasie.jpg");
}

.fw-quiz-wrapper input[name="fw_casual_shoes"][value="Baleriny, mokasyny, płytkie buty"] + span::before {
  background-image: url("https://footwave.com/wp-content/uploads/2025/12/Shallow-shoes.jpg");
}


/* --- KIDS: fw_kids_need --- */
.fw-quiz-wrapper input[name="fw_kids_need"][value="Ogólne wsparcie w pierwszych butach"] + span::before {
  background-image: url("https://footwave.com/wp-content/uploads/2025/12/KIDS_04.jpg");
}

.fw-quiz-wrapper input[name="fw_kids_need"][value="Płaskostopie / stopy “zapadają się” do środka"] + span::before {
  background-image: url("https://footwave.pl/wp-content/uploads/2026/01/footwave-wkladki-do-butow-dla-dzieci.jpg");
}

.fw-quiz-wrapper input[name="fw_kids_need"][value="Koślawość kolan / niestabilność"] + span::before {
  background-image: url("https://footwave.pl/wp-content/uploads/2026/01/footwave-koslawienie.jpg");
}

.fw-quiz-wrapper input[name="fw_kids_need"][value="Miękkich wkładek i wygody na co dzień"] + span::before {
  background-image: url("https://footwave.com/wp-content/uploads/2025/12/KIDS_03.jpg");
}


/* ================================
   WYNIKI
   ================================ */

.fw-quiz-wrapper .fw-quiz-result {
  margin-top: 18px;
  padding: 14px 14px 16px;
  border-radius: 14px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
}

.fw-quiz-wrapper .fw-quiz-result h4 {
  margin: 0 0 4px;
  font-size: 20px;
  font-weight: 700;
  color: #0f172a!impotant;
	 text-align: center;
}

.fw-quiz-wrapper .fw-quiz-product-name {
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 700;
	color: #008ECB;
  text-align: center;
}

.fw-quiz-wrapper .fw-quiz-text {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.5;
  color: #4b5563;
}

/* CTA button */
.fw-quiz-wrapper .fw-quiz-cta {
  text-align: left;
}

.fw-quiz-wrapper .fw-quiz-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 18px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  background: #008ECB;
  color: #ffffff;
  border: none;
  cursor: pointer;
  transition:
    background-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.1s ease;
  white-space: nowrap;
}

.fw-quiz-wrapper .fw-quiz-button:hover {
  background-color: #0073A4;
  box-shadow: 0 12px 30px rgba(37, 99, 235, 0.35);
  transform: translateY(-1px);
}

.fw-quiz-wrapper .fw-quiz-button:active {
  transform: translateY(0);
  box-shadow: 0 6px 18px rgba(37, 99, 235, 0.3);
}

/* ================================
   RWD
   ================================ */

@media (max-width: 640px) {
  .fw-quiz-wrapper {
    padding: 18px 16px 10px;
  }
#elementor-popup-modal-25579 .dialog-close-button {
  inset-inline-end: 5px !important;
  top: 4px;
  font-size: 23px;
}
  .fw-quiz-wrapper .wpcf7-radio {
    grid-template-columns: minmax(2, 1fr);
  }

#elementor-popup-modal-25579 .dialog-close-button {
  inset-inline-end: 8px !important;
  top: 9px;
  font-size: 20px;
}

}

/* Ukrywanie kroku (np. pierwszego pytania) po zaznaczeniu odpowiedzi */
.fw-quiz-wrapper .fw-step-hidden {
  display: none!important;
}

/* ================================
   3 kolumny dla pytań z wieloma odpowiedziami
   ================================ */

/* Pytanie PAIN – 6 opcji → 3 kolumny */
.fw-quiz-wrapper input[name="fw_pain_type"] {
}
.fw-quiz-wrapper input[name="fw_pain_type"][
  value="Heel / bottom of the foot"
] {
}
.fw-quiz-wrapper .wpcf7-radio:has(input[name="fw_pain_type"]) {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Pytanie KIDS – 4 opcje → 2 lub 3 kolumny, jak wolisz */
/* JEŚLI chcesz 3 kolumny dla KIDS – odkomentuj poniżej: */

.fw-quiz-wrapper .wpcf7-radio:has(input[name="fw_kids_need"]) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#wpcf7-f20905-o1 .hidden-fields-container{
display:none;
}

#elementor-popup-modal-25579 .dialog-close-button {

  inset-inline-end: 51px;
  top: 9px;
  font-size: 20px;
}







.fw-quiz-result p:nth-child(3) {
  width: 50%;
  display: inline-block;
  float: left;
}

.fw-quiz-cta {
  float: left;
}


.fw-quiz-result p:nth-child(4) {
  width: 48%;
  float: left;
}

.fw-quiz-wrapper .fw-quiz-result {
  display: inline-table;
}
.fw-quiz-step-label {
  font-size: 18px !important;
  text-align: center;
}
#elementor-popup-modal-25579 .dialog-widget-content {
  box-shadow: none;
}
a.fw-quiz-button br {
    display: none!important;
}
span.wpcf7-list-item-label:hover {
    background-color: #008ECB!important;
	color:#fff!important;
	
}
#elementor-popup-modal-25579 .dialog-widget-content {
  box-shadow: none;
  background: 0;
}
#elementor-popup-modal-25579 .dialog-widget-content {
  box-shadow: none;
}


/* dodatkowe css do quizu */ 
/* CF7CF: jak grupa NIE jest ukryta, to nie może mieć height:0 */
.fw-quiz-wrapper [data-class="wpcf7cf_group"]:not(.wpcf7cf-hidden) {
  height: auto !important;
  overflow: visible !important;
}

/* CF7CF: ukryte grupy zawsze niewidoczne */
.fw-quiz-wrapper [data-class="wpcf7cf_group"].wpcf7cf-hidden {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
}
#elementor-popup-modal-25579 .dialog-close-button {
inset-inline-end: 48px;
  top: 4px;
  font-size: 20px;
}

#elementor-popup-modal-25579 .hidden-fields-container {
  margin: 0;
  border: 0;
  padding: 0;
}

/* chmurka w rogu strony  */ 

.fw-help-bubble {
    position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 9999;
    background: #1e73be;
    color: #ffffff;
    padding: 14px 18px;
    border-radius: 18px 18px 18px 4px;
    text-decoration: none;
    font-family: inherit;
    max-width: 240px;
    line-height: 1.3;
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.fw-help-bubble:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(0,0,0,0.35);
}

.fw-help-title {
    display: block;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 4px;
}

.fw-help-subtitle {
    display: block;
    font-size: 13px;
    opacity: 0.9;
}
.fw-help-bubble:hover {
  color: #fff;
}
@media (max-width: 768px) {
    .fw-help-bubble {
    left: 10px;
    bottom: 10px;
        padding: 12px 14px;
        max-width: 210px;
    }
}


.e-font-icon-svg.e-eicon-close.eicon-close {
  display: inherit!important;
}

/*  koniec stylow quiz  *//* End custom CSS */