.elementor-1462 .elementor-element.elementor-element-1d4921c{--display:flex;}body.elementor-page-1462{margin:150px 150px 150px 150px;}@media(max-width:767px){body.elementor-page-1462{margin:0px 0px 0px 0px;}}/* Start custom CSS for sureforms_form, class: .elementor-element-d9ca49f *//* @import a LEGTETEJÉN kell, hogy biztosan betöltsön */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&display=swap');

/* ============================================================
   ROTOXI /kapcsolat oldal – TELJES stílus (fekete-arany)
   Astra Customizer → Egyéni CSS. EZ CSERÉLI a teljes korábbit.
   ============================================================ */

/* ---- Oldal háttér (fekete) ---- */
body, .elementor, .elementor-section, #content {
    background-color: #070707 !important;
}

/* ---- Címek – krém, Cinzel ---- */
.elementor-heading-title {
    color: #f5f2ea !important;
    font-family: 'Cinzel', Georgia, serif !important;
}

/* ---- Szövegek – halvány ---- */
.elementor-widget-text-editor,
.elementor-widget-text-editor p {
    color: #b7b0a4 !important;
    font-size: 1.05rem;
    line-height: 1.6;
}

/* ============================================================
   SUREFORMS ŰRLAP
   ============================================================ */

/* ---- Mező-feliratok (label) – krém ---- */
.srfm-form label,
.srfm-block-label,
.srfm-input-label,
.srfm-form .srfm-block-label,
.srfm-form .srfm-input-label,
.srfm-form .srfm-label,
.srfm-form legend {
    color: #f5f2ea !important;
    font-weight: 600 !important;
}

/* ---- Kötelező csillag – arany ---- */
.srfm-form .srfm-required,
.srfm-form .srfm-input-label .srfm-required {
    color: #D4AF37 !important;
}

/* ---- Segédszöveg – halvány ---- */
.srfm-form .srfm-description,
.srfm-form .srfm-help-text {
    color: #8f8778 !important;
}

/* ---- Beviteli mezők ---- */
.srfm-form input[type="text"],
.srfm-form input[type="email"],
.srfm-form input[type="tel"],
.srfm-form textarea,
.srfm-input-common {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    color: #f5f2ea !important;
    border-radius: 12px !important;
    padding: 14px 16px !important;
}

/* ---- Mező fókusz ---- */
.srfm-form input:focus,
.srfm-form textarea:focus {
    border-color: rgba(245,215,122,0.6) !important;
    background: rgba(255,255,255,0.06) !important;
    outline: none !important;
}

/* ---- Placeholder ---- */
.srfm-form ::placeholder {
    color: #8f8778 !important;
}

/* ============================================================
   LEGÖRDÜLŐ (dropdown)
   ============================================================ */

/* ---- A legördülő mező maga ---- */
.srfm-form select,
.srfm-form .srfm-input-dropdown,
.srfm-dropdown-common,
.srfm-form .choices__inner,
.srfm-form .srfm-dropdown-container {
    background-color: #111 !important;
    color: #f5f2ea !important;
    border: 1px solid rgba(212,175,55,0.35) !important;
    border-radius: 8px !important;
}

/* ---- Kiválasztott érték szövege (sötétkék helyett krém) ---- */
.srfm-form .choices__list--single .choices__item,
.srfm-form .choices__inner .choices__item,
.srfm-form select option {
    color: #f5f2ea !important;
    background-color: #111 !important;
}

/* ---- Lenyíló lista háttere ---- */
.srfm-form .choices__list--dropdown,
.srfm-form .choices__list[aria-expanded],
.choices__list--dropdown {
    background-color: #161616 !important;
    border: 1px solid rgba(212,175,55,0.35) !important;
    color: #f5f2ea !important;
}

/* ---- Lenyíló lista opciói ---- */
.srfm-form .choices__list--dropdown .choices__item,
.choices__list--dropdown .choices__item {
    color: #e8dfd0 !important;
    background-color: #161616 !important;
}

/* ---- Hover / kijelölt opció ---- */
.srfm-form .choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: rgba(212,175,55,0.18) !important;
    color: #f5d77a !important;
}

/* ---- Placeholder a legördülőben ---- */
.srfm-form .choices__placeholder,
.srfm-form select option[value=""] {
    color: #8f8778 !important;
    opacity: 1 !important;
}

/* ---- Lefelé mutató nyíl ---- */
.srfm-form .choices[data-type*="select-one"]::after {
    border-color: #D4AF37 transparent transparent transparent !important;
}

/* ---- Legördülő fókusz ---- */
.srfm-form select:focus,
.srfm-form .choices.is-focused .choices__inner {
    border-color: #D4AF37 !important;
    box-shadow: 0 0 0 2px rgba(212,175,55,0.15) !important;
}

/* ============================================================
   KÜLDÉS GOMB – arany gradiens
   ============================================================ */
.srfm-form button[type="submit"],
.srfm-submit-button,
.srfm-button {
    background: linear-gradient(90deg,#f5d77a,#d4af37,#a67c2e) !important;
    color: #1a1406 !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 14px 28px !important;
    cursor: pointer !important;
    transition: all .25s ease !important;
}
.srfm-form button[type="submit"]:hover,
.srfm-submit-button:hover {
    filter: brightness(1.05) !important;
    transform: translateY(-2px) !important;
}

/* ============================================================
   BEKÜLDÉS UTÁNI KÖSZÖNŐ-ÜZENET (sötétkék helyett krém + dobozos)
   ============================================================ */
.srfm-success-box,
.srfm-submit-message,
.srfm-thank-you-message,
.srfm-form-success,
.srfm-success {
    color: #f5f2ea !important;
    background-color: #111 !important;
    border: 1px solid rgba(212,175,55,0.4) !important;
    border-left: 4px solid #D4AF37 !important;
    border-radius: 10px !important;
    padding: 20px 22px !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
}
.srfm-success-box *,
.srfm-submit-message *,
.srfm-thank-you-message *,
.srfm-form-success * {
    color: #f5f2ea !important;
}

/* ============================================================
   ERŐS JAVÍTÁS: sima <select> kiválasztott érték színe
   (a kék szöveg ellen – minden SureForms select variánsra)
   ============================================================ */
.srfm-form select,
.srfm-form select:focus,
.srfm-form select:active,
.srfm-form select option,
.srfm-form select option:checked,
.srfm-form select option:hover,
select.srfm-input-common,
select.srfm-input-dropdown,
.srfm-input-dropdown,
.srfm-dropdown-common select,
.srfm-form .srfm-dropdown-common,
.srfm-form [class*="dropdown"] select,
.srfm-form [class*="dropdown"] {
    color: #f5f2ea !important;
    background-color: #111 !important;
    -webkit-text-fill-color: #f5f2ea !important;
}

/* A legördülő opciók (amikor lenyitva) – böngészőfüggő, de próbáljuk */
.srfm-form select option {
    background: #161616 !important;
    color: #e8dfd0 !important;
    -webkit-text-fill-color: #e8dfd0 !important;
}/* End custom CSS */