.elementor-widget-container [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-container [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-286 .elementor-element.elementor-element-e5b15a4{--display:flex;--min-height:275px;--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;--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-286 .elementor-element.elementor-element-e5b15a4:not(.elementor-motion-effects-element-type-background), .elementor-286 .elementor-element.elementor-element-e5b15a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );background-image:url("https://spil.hu/wp-content/uploads/2025/11/fohatter.png");}.elementor-widget-heading [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-heading [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-widget-heading .wpcf7 input:not([type="submit"]){background-color:var( --e-global-color-primary );}.elementor-widget-heading .wpcf7 select{background-color:var( --e-global-color-primary );}.elementor-widget-heading .wpcf7 textarea{background-color:var( --e-global-color-primary );}.elementor-widget-heading .wpcf7 label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-heading ::placeholder{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-heading .wpcf7-submit{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-heading .wpcf7 input[type="submit"]:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-286 .elementor-element.elementor-element-748ac87{padding:250px 0px 0px 0px;}.elementor-286 .elementor-element.elementor-element-748ac87 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;color:var( --e-global-color-astglobalcolor4 );}.elementor-286 .elementor-element.elementor-element-99e1b1c{--display:flex;}.elementor-widget-form [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-widget-form .wpcf7 input:not([type="submit"]){background-color:var( --e-global-color-primary );}.elementor-widget-form .wpcf7 select{background-color:var( --e-global-color-primary );}.elementor-widget-form .wpcf7 textarea{background-color:var( --e-global-color-primary );}.elementor-widget-form .wpcf7 label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-form ::placeholder{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-form .wpcf7-submit{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-form .wpcf7 input[type="submit"]:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-286 .elementor-element.elementor-element-fc00d97 [data-tippy-root] > .tippy-box{background-color:#000;}.elementor-286 .elementor-element.elementor-element-fc00d97 [data-tippy-root] > .tippy-box .tippy-arrow{color:#000!important;}.elementor-286 .elementor-element.elementor-element-fc00d97 .wpcf7 input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]){width:100%;}.elementor-286 .elementor-element.elementor-element-fc00d97 .wpcf7-textarea{width:100%;margin-bottom:20px;margin-top:0px;}.elementor-286 .elementor-element.elementor-element-fc00d97 .wpcf7-select{width:100%;margin-bottom:20px;margin-top:0px;}.elementor-286 .elementor-element.elementor-element-fc00d97 .wpcf7 input:not([type="submit"]){margin-bottom:20px;background-color:#f1f1f1;margin-top:0px;}.elementor-286 .elementor-element.elementor-element-fc00d97 .wpcf7 select{background-color:#f1f1f1;}.elementor-286 .elementor-element.elementor-element-fc00d97 .wpcf7 textarea{background-color:#f1f1f1;}.elementor-286 .elementor-element.elementor-element-fc00d97 .wpcf7 label{color:#000;}.elementor-286 .elementor-element.elementor-element-fc00d97 ::placeholder{color:#7D7676;}.elementor-286 .elementor-element.elementor-element-fc00d97 .wpcf7-submit{width:56%;color:#fff;background-color:#6EC1E4;}.elementor-286 .elementor-element.elementor-element-fc00d97 .wpcf7 input[type="submit"]:hover{color:#fff;background-color:#04A5E9;}.elementor-286 .elementor-element.elementor-element-fc00d97 .elementor-field-group{padding-right:calc( 14px/2 );padding-left:calc( 14px/2 );margin-bottom:10px;}.elementor-286 .elementor-element.elementor-element-fc00d97 .elementor-form-fields-wrapper{margin-left:calc( -14px/2 );margin-right:calc( -14px/2 );margin-bottom:-10px;}.elementor-286 .elementor-element.elementor-element-fc00d97 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-286 .elementor-element.elementor-element-fc00d97 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-286 .elementor-element.elementor-element-fc00d97 .elementor-labels-inline .elementor-field-group > label{padding-left:11px;}body:not(.rtl) .elementor-286 .elementor-element.elementor-element-fc00d97 .elementor-labels-inline .elementor-field-group > label{padding-right:11px;}body .elementor-286 .elementor-element.elementor-element-fc00d97 .elementor-labels-above .elementor-field-group > label{padding-bottom:11px;}.elementor-286 .elementor-element.elementor-element-fc00d97 .elementor-field-type-html{padding-bottom:0px;}.elementor-286 .elementor-element.elementor-element-fc00d97 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var( --e-global-color-primary );border-color:var( --e-global-color-text );border-width:-11px -11px -11px -11px;}.elementor-286 .elementor-element.elementor-element-fc00d97 .elementor-field-group .elementor-select-wrapper select{background-color:var( --e-global-color-primary );border-color:var( --e-global-color-text );border-width:-11px -11px -11px -11px;}.elementor-286 .elementor-element.elementor-element-fc00d97 .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-text );}.elementor-286 .elementor-element.elementor-element-fc00d97 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-286 .elementor-element.elementor-element-fc00d97 .elementor-button[type="submit"]{color:#ffffff;}.elementor-286 .elementor-element.elementor-element-fc00d97 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-286 .elementor-element.elementor-element-fc00d97 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-286 .elementor-element.elementor-element-fc00d97 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-286 .elementor-element.elementor-element-fc00d97 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-286 .elementor-element.elementor-element-fc00d97 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-286 .elementor-element.elementor-element-fc00d97 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-286 .elementor-element.elementor-element-fc00d97{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}:root{--page-title-display:none;}body.elementor-page-286{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for form, class: .elementor-element-fc00d97 *//* Target the specific Elementor form by ID - change #image-choice-form if you used a different ID */
#image-choice-form .elementor-field-type-radio .elementor-field-subgroup {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 columns */
  gap: 12px;
}

/* style each radio option container (label) as a tile */
#image-choice-form .elementor-field-type-radio .elementor-field-subgroup label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  min-height: 120px; /* tile height */
  padding: 8px;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-shadow: 0 1px 4px rgba(0,0,0,0.08);
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: transform .12s ease, box-shadow .12s ease, outline .12s ease;
  text-align: center;
  color: #fff; /* for label text on top of images */
}

/* text overlay area */
#image-choice-form .elementor-field-type-radio .elementor-field-subgroup label .elementor-field-label {
  background: rgba(0,0,0,0.45);
  width: 100%;
  padding: 6px 8px;
  box-sizing: border-box;
  font-size: 14px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* visually hide native radio input but keep it accessible */
#image-choice-form .elementor-field-type-radio .elementor-field-subgroup input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* show visual selection (outline & scale) */
#image-choice-form .elementor-field-type-radio .elementor-field-subgroup input[type="radio"]:checked + label {
  outline: 3px solid #00b5ff;
box-shadow: 0 0 12px rgba(0,181,255,0.8);
  transform: translateY(-4px) scale(1.02);
}

#image-choice-form .elementor-field-type-radio .elementor-field-option label {
  opacity: 0.7;
  transition: all 0.2s ease;
}
#image-choice-form .elementor-field-type-radio .elementor-field-subgroup input[type="radio"]:checked + label {
  opacity: 1;
}


/* slight hover effect */
#image-choice-form .elementor-field-type-radio .elementor-field-subgroup label:hover {
  transform: translateY(-20px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.12);
}

/* mobile: single column */
@media (max-width: 600px) {
  #image-choice-form .elementor-field-type-radio .elementor-field-subgroup {
    grid-template-columns: 1fr;
  }
}

/* Set a consistent max size for each radio choice tile */
#image-choice-form .elementor-field-type-radio .elementor-field-option label {
  width: 100%;
  max-width: 250px;   /* limit tile width */
  height: 250px;      /* fixed tile height */
  max-height: 250px;
  object-fit: cover;
  background-size: cover;       /* keep image proportions */
  background-position: center;  /* center image in tile */
  background-repeat: no-repeat;
  margin: 0 auto;               /* center in column if smaller */
}




/* --- Field 1: Gender (2 options) --- */
#image-choice-form .elementor-field-group-nem_radio .elementor-field-option:nth-child(1) label {
  background-image: url('https://spil.hu/wp-content/uploads/2025/10/lanyoknak.png');
}
#image-choice-form .elementor-field-group-nem_radio .elementor-field-option:nth-child(2) label {
  background-image: url('https://spil.hu/wp-content/uploads/2025/10/fiuknak.png');
}

/* --- Field 2: Color (6 options) --- */
#image-choice-form .elementor-field-group-kor_radio .elementor-field-option:nth-child(1) label {
  background-image: url('https://spil.hu/wp-content/uploads/2025/10/babaknak.png');
}
#image-choice-form .elementor-field-group-kor_radio .elementor-field-option:nth-child(2) label {
   background-image: url('https://spil.hu/wp-content/uploads/2025/10/bolcsis.png');
}
#image-choice-form .elementor-field-group-kor_radio .elementor-field-option:nth-child(3) label {
  background-image: url('https://spil.hu/wp-content/uploads/2025/10/ovis.png');
}
#image-choice-form .elementor-field-group-kor_radio .elementor-field-option:nth-child(4) label {
   background-image: url('https://spil.hu/wp-content/uploads/2025/10/iskolas.png');
}
#image-choice-form .elementor-field-group-kor_radio .elementor-field-option:nth-child(5) label {
   background-image: url('https://spil.hu/wp-content/uploads/2025/10/teenager.png');
}
#image-choice-form .elementor-field-group-kor_radio .elementor-field-option:nth-child(6) label {
   background-image: url('https://spil.hu/wp-content/uploads/2025/10/felnott.png');
}


/* --- Field 3: Color (3 options) --- */
#image-choice-form .elementor-field-group-tema_radio .elementor-field-option:nth-child(1) label {
  background-image: url('https://spil.hu/wp-content/uploads/2025/10/kreativ.png');
}
#image-choice-form .elementor-field-group-tema_radio .elementor-field-option:nth-child(2) label {
   background-image: url('https://spil.hu/wp-content/uploads/2025/10/tarsas.png');
}
#image-choice-form .elementor-field-group-tema_radio .elementor-field-option:nth-child(3) label {
  background-image: url('https://spil.hu/wp-content/uploads/2025/10/kaland.png');
}/* End custom CSS */