.elementor-kit-6{--e-global-color-primary:#722283;--e-global-color-secondary:#ADD4F3;--e-global-color-text:#7A7A7A;--e-global-color-accent:#6A549F;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-size:42px;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Cormorant Garamond";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Open Sans";--e-global-typography-accent-font-weight:600;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{font-weight:600;line-height:42px;letter-spacing:-0.7px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.hero-right-img {
   position: absolute;
   right: -80px;   /* finomítható */
   top: 20px;      /* finomítható */
   width: 420px;   /* ahogy kell */
   z-index: 10;
}

/*************************************************
 MESEVELED – KONFIG OLDAL (TISZTA VÁLTOZAT)
**************************************************/

/* Hero jobb oldali kép (amit már beállítottunk) */
.hero-right-img {
    position: absolute;
    right: -80px;   /* finomhangolható */
    top: 20px;      /* finomhangolható */
    width: 420px;
    z-index: 10;
}

/* 0. FORM TERÜLET – max 900px szélesség, középre igazítva */
#konyv-konfigurator .fluentform_wrapper_6.ffs_default_wrap {
    max-width: 900px;
    margin: 0 auto 80px;
    padding: 0 20px;
}

/* Alap szellő a mezőcsoportok között */
#konyv-konfigurator .fluentform_wrapper_6 .ff-el-group {
    box-sizing: border-box;
    margin: 0 0 18px;
}

/* Címke alatt kis távolság */
#konyv-konfigurator .fluentform_wrapper_6 .ff-el-input--label {
    margin-bottom: 6px;
}

/*************************************************
 1. SZEKCIÓK (STEP-1 … STEP-7) – KÁRTYÁK + HÁTTEREK
**************************************************/

/* Minden step-címsor és step-mező nullázzuk a margin-t,
   hogy ne legyen “fehér lyuk” a kártya körül */
#konyv-konfigurator .fluentform_wrapper_6 .ff-custom_html[class*="step-"],
#konyv-konfigurator .fluentform_wrapper_6 .ff-el-group[class*="step-"] {
    margin: 0;
}

/* CÍMSOR KÁRTYÁK – belső padding */
#konyv-konfigurator .fluentform_wrapper_6 .ff-custom_html[class*="step-"] {
    padding: 24px 24px 8px;
}

/* MEZŐK – belső padding (kicsit szellősen) */
#konyv-konfigurator .fluentform_wrapper_6 .ff-el-group[class*="step-"] {
    padding: 8px 24px;
}

/* FEHÉR kártyák: 1,3,5,7 */
#konyv-konfigurator .fluentform_wrapper_6 .ff-custom_html.step-1,
#konyv-konfigurator .fluentform_wrapper_6 .ff-el-group.step-1,
#konyv-konfigurator .fluentform_wrapper_6 .ff-custom_html.step-3,
#konyv-konfigurator .fluentform_wrapper_6 .ff-el-group.step-3,
#konyv-konfigurator .fluentform_wrapper_6 .ff-custom_html.step-5,
#konyv-konfigurator .fluentform_wrapper_6 .ff-el-group.step-5,
#konyv-konfigurator .fluentform_wrapper_6 .ff-custom_html.step-7,
#konyv-konfigurator .fluentform_wrapper_6 .ff-el-group.step-7 {
    background: #FFFFFF;
}

/* BARACK kártyák: 2,4,6 */
#konyv-konfigurator .fluentform_wrapper_6 .ff-custom_html.step-2,
#konyv-konfigurator .fluentform_wrapper_6 .ff-el-group.step-2,
#konyv-konfigurator .fluentform_wrapper_6 .ff-custom_html.step-4,
#konyv-konfigurator .fluentform_wrapper_6 .ff-el-group.step-4,
#konyv-konfigurator .fluentform_wrapper_6 .ff-custom_html.step-6,
#konyv-konfigurator .fluentform_wrapper_6 .ff-el-group.step-6 {
    background: #FBF1EE;
}

/*************************************************
 2. PONTOZOTT ELVÁLASZTÓ VONALAK
**************************************************/

/* Step 2–7 előtt pontozott vonal – a vonal SZÍNES kártyán ül,
   így a háttér a vonaltól a következő vonalig végig tart */
#konyv-konfigurator .fluentform_wrapper_6 .ff-custom_html.step-2,
#konyv-konfigurator .fluentform_wrapper_6 .ff-custom_html.step-3,
#konyv-konfigurator .fluentform_wrapper_6 .ff-custom_html.step-4,
#konyv-konfigurator .fluentform_wrapper_6 .ff-custom_html.step-5,
#konyv-konfigurator .fluentform_wrapper_6 .ff-custom_html.step-6,
#konyv-konfigurator .fluentform_wrapper_6 .ff-custom_html.step-7 {
    border-top: 1px dotted #675BA8;
}

/* Első step előtt ne legyen vonal */
#konyv-konfigurator .fluentform_wrapper_6 .ff-custom_html.step-1 {
    border-top: none;
}

/* Kis tér a vonal és a címsor szövege között */
#konyv-konfigurator .fluentform_wrapper_6 .ff-custom_html[class*="step-"] {
    padding-top: 24px;
}

/* A step-en belüli utolsó mező (ahová a “laststep” class-t adtad):
   lefelé extra belső padding, hogy a háttér leérjen a következő
   pontozott vonalig, fehér lyuk nélkül */
#konyv-konfigurator .fluentform_wrapper_6 .ff-el-group.laststep {
    padding-bottom: 32px;   /* ha sok, tedd 24-re */
}

/*************************************************
 3. INPUT MEZŐK – LILA KERET + BELÖL ÁRNYÉK
**************************************************/

/* Minden szöveges/number/email/url/tel/select/textarea mező */
#konyv-konfigurator .fluentform_wrapper_6 input[type="text"],
#konyv-konfigurator .fluentform_wrapper_6 input[type="number"],
#konyv-konfigurator .fluentform_wrapper_6 input[type="email"],
#konyv-konfigurator .fluentform_wrapper_6 input[type="url"],
#konyv-konfigurator .fluentform_wrapper_6 input[type="password"],
#konyv-konfigurator .fluentform_wrapper_6 input[type="search"],
#konyv-konfigurator .fluentform_wrapper_6 input[type="tel"],
#konyv-konfigurator .fluentform_wrapper_6 select,
#konyv-konfigurator .fluentform_wrapper_6 textarea {
    border: 1px solid #8C83BD;
    border-radius: 0;
    box-shadow:
        inset 0 2px 3px rgba(0,0,0,0.22),   /* alul */
        inset -2px 0 3px rgba(0,0,0,0.22);  /* bal oldalon */
    padding: 8px 10px;
    background: #FFFFFF;
    box-sizing: border-box;
}

/* Fókuszban kicsit erősebb keret, árnyék maradhat */
#konyv-konfigurator .fluentform_wrapper_6 input[type="text"]:focus,
#konyv-konfigurator .fluentform_wrapper_6 input[type="number"]:focus,
#konyv-konfigurator .fluentform_wrapper_6 input[type="email"]:focus,
#konyv-konfigurator .fluentform_wrapper_6 input[type="url"]:focus,
#konyv-konfigurator .fluentform_wrapper_6 input[type="password"]:focus,
#konyv-konfigurator .fluentform_wrapper_6 input[type="search"]:focus,
#konyv-konfigurator .fluentform_wrapper_6 input[type="tel"]:focus,
#konyv-konfigurator .fluentform_wrapper_6 select:focus,
#konyv-konfigurator .fluentform_wrapper_6 textarea:focus {
    outline: none;
    border-color: #675BA8;
}

/*************************************************
 4. RÁDIÓ / VÁLASZTÓ GOMBOK – “BUTTON” STÍLUS
**************************************************/

/* natív radio elrejtése */
#konyv-konfigurator .fluentform_wrapper_6 .ff_list_buttons .ff-el-form-check-input {
    position: absolute;
    opacity: 0;
}

/* gomb kinézet a span-en */
#konyv-konfigurator .fluentform_wrapper_6 .ff_list_buttons .ff-el-form-check-label span {
    display: inline-block;
    padding: 6px 16px;
    margin-right: 6px;
    margin-bottom: 6px;
    border-radius: 0;
    border: 1px solid #8C83BD;
    background: #FFFFFF;
    color: #333;
    box-shadow: inset 0 2px 3px rgba(0,0,0,0.22),
                inset -2px 0 3px rgba(0,0,0,0.22);
    cursor: pointer;
    transition: all 0.15s ease;
    font-size: 15px;
}

/* hover – kicsit halványabb háttér */
#konyv-konfigurator .fluentform_wrapper_6 .ff_list_buttons .ff-el-form-check-label span:hover {
    background: #F5F2FF;
}

/* kiválasztva: lila háttér, fehér szöveg, árnyék nélkül */
#konyv-konfigurator .fluentform_wrapper_6
    .ff_list_buttons .ff-el-form-check-input:checked + span {
    background: #8C83BD;
    color: #FFFFFF;
    box-shadow: none;
}

/*************************************************
 FINOMHANGOLÁS – MEZŐSZÉLESSÉG + RÁDIÓGOMBOK
**************************************************/

/* 1) Szövegmezők legyenek rövidebbek (ne érjenek ki a kártya széléig) */
#konyv-konfigurator .fluentform_wrapper_6
input[type="text"],
#konyv-konfigurator .fluentform_wrapper_6
input[type="number"],
#konyv-konfigurator .fluentform_wrapper_6
input[type="email"],
#konyv-konfigurator .fluentform_wrapper_6
input[type="url"],
#konyv-konfigurator .fluentform_wrapper_6
input[type="password"],
#konyv-konfigurator .fluentform_wrapper_6
input[type="search"],
#konyv-konfigurator .fluentform_wrapper_6
input[type="tel"],
#konyv-konfigurator .fluentform_wrapper_6
select,
#konyv-konfigurator .fluentform_wrapper_6
textarea {
    width: 100%;
    max-width: 500px; /* ha még mindig hosszú, nyugodtan lejjebb veheted pl. 580px-re */
}

/* 2) Rádiógombok – kisebb padding, nulla hézag a gombok között */
#konyv-konfigurator .fluentform_wrapper_6
.ff_list_buttons .ff-el-form-check-label span {
    padding: 4px 10px;         /* eddiginél keskenyebb gombok */
    margin-right: 0;           /* gombok között ne legyen rés */
    margin-bottom: 6px;
    box-shadow:
        inset 0 2px 3px rgba(0,0,0,0.22),
        inset -2px 0 3px rgba(0,0,0,0.22) !important; /* mindegyik gombon legyen árnyék */
}

/* 3) Kiválasztott rádiógomb – továbbra is lila háttér, árnyék nélkül */
#konyv-konfigurator .fluentform_wrapper_6
.ff_list_buttons .ff-el-form-check-input:checked + span {
    background: #8C83BD;
    color: #FFFFFF;
    box-shadow: none !important;   /* csak a kiválasztottról tűnjön el az árnyék */
}

.handwritten {
    font-family: 'Allura', cursive;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: none;
    color: #6A549F;
    font-size: 1.6em;
}/* End custom CSS */