/* Selina – Modern Premium Button Style (Kontakt + Buchung + Dame) */

/* Basis */
.selina-contact-dame-form button[type="submit"],
.selina-booking-form button[type="submit"],
.selina-contact-form button[type="submit"],
.selina-button {
    background-color: #7A561B;
    border-color: #7A561B;
    color: #ffffff;

    padding: 12px 28px;          /* kompakte Höhe */
    font-size: 16px;
    font-weight: 500;            /* modern, nicht fett */
    line-height: 1.2;

    border-radius: 8px;          /* Plattform-Style */
    box-shadow: none;

    transition:
        background-color 0.15s ease,
        border-color 0.15s ease,
        transform 0.1s ease;
}

/* Hover */
.selina-contact-dame-form button[type="submit"]:hover,
.selina-booking-form button[type="submit"]:hover,
.selina-contact-form button[type="submit"]:hover,
.selina-button:hover {
    background-color: #654815;
    border-color: #654815;
    transform: translateY(-1px);
}

/* Active / Click */
.selina-contact-dame-form button[type="submit"]:active,
.selina-booking-form button[type="submit"]:active,
.selina-contact-form button[type="submit"]:active,
.selina-button:active {
    transform: translateY(0);
}

/* Focus (Accessibility, aber clean) */
.selina-contact-dame-form button[type="submit"]:focus-visible,
.selina-booking-form button[type="submit"]:focus-visible,
.selina-contact-form button[type="submit"]:focus-visible,
.selina-button:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(122, 86, 27, 0.25);
}

/* =========================================================
   Selina – Premium FAQ Final Alignment Fix
   ========================================================= */

/* FAQ Frage (Button) */
.selina-faq-question {
    padding: 14px 22px;            /* EINHEITLICH */
    text-align: left;

    font-size: 16px;               /* gewünscht */
    line-height: 1.4;
    font-weight: 500;

    color: #000000 !important;     /* Weiß komplett verhindern */

    background-color: #f6f6f6;
    border-radius: 10px;

    transition:
        background-color 0.15s ease,
        color 0.15s ease;
}

/* Hover + Aktiv → IMMER schwarz */
.selina-faq-question:hover,
.selina-faq-question:active,
.selina-faq-question[aria-expanded="true"] {
    color: #000000 !important;
    background-color: #f1f1f1;
}

/* Focus & Active States von Kadence neutralisieren */
.selina-faq-question:focus,
.selina-faq-question:focus-visible,
.selina-faq-question:active {
    outline: none;
    box-shadow: none;
}

/* FAQ Antwort – exakt gleiche Textkante */
.selina-faq-answer {
    padding: 12px 22px 16px 22px;  /* IDENTISCH links/rechts */
    font-size: 16px;
    line-height: 1.6;

    background-color: transparent;
}

/* Optional: Abstand zwischen FAQ-Blöcken */
.selina-faq-item {
    margin-bottom: 12px;
}

/* =========================================================
   Selina – FAQ Ergänzung (Active Blau entfernen + Alignment)
   ========================================================= */

/* 1️⃣ Überschrift weiter nach rechts – exakt wie Antwort */
.selina-faq-question {
    padding-left: 32px; /* vorher 22px → jetzt gleiches Raster */
}

/* 2️⃣ Kadence Active-State (Blau) sauber überschreiben */
.selina-faq-question[aria-expanded="true"],
.selina-faq-question:active {
    background-color: #f1f1f1 !important; /* bleibt grau */
    color: #000000 !important;
}

/* Sicherheit: auch Kadence :focus / :focus-visible neutralisieren */
.selina-faq-question:focus,
.selina-faq-question:focus-visible {
    background-color: #f1f1f1 !important;
}

/* =========================================================
   Selina – FAQ Alignment Fix (Header = Text)
   NUR ERGÄNZUNG
   ========================================================= */

/* Einheitlicher linker Innenabstand */
.selina-faq-question {
    padding-left: 32px;   /* Header weiter nach rechts */
}

/* Antwort-Wrapper exakt gleich */
.selina-faq-answer {
    padding-left: 32px;
}

/* Absätze neutralisieren (verursachen den Versatz!) */
.selina-faq-answer p {
    margin-left: 0;
    margin-right: 0;
}

/* =========================================================
   Selina – FAQ Hard Override (Alignment + Icon Spacing)
   NUR ERGÄNZUNG
   ========================================================= */

/* Erzwinge gleiche linke Textkante (Frage + Antwort) */
.selina-faq-wrapper .selina-faq-question,
.selina-faq-wrapper .selina-faq-answer {
    padding-left: 32px !important;
}

/* Icon rechts nicht an den Rand pressen */
.selina-faq-wrapper .selina-faq-question {
    padding-right: 32px !important;   /* mehr Luft rechts */
}

/* Falls die Frage ein Flex-Layout ist: Icon-Abstand sichern */
.selina-faq-wrapper .selina-faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;                         /* Abstand Text ↔ Icon */
}

/* Absätze in der Antwort neutralisieren (keine optische Verschiebung) */
.selina-faq-wrapper .selina-faq-answer p {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Ergänzung: FAQ Überschrift Schriftgröße anpassen */
.selina-faq-question {
    font-size: 16px !important;
}

/* =========================================================
   Selina – FAQ Button State Override
   (Standard / Hover / Active unabhängig von Elementor Globals)
   ========================================================= */

/* STANDARD (geschlossen) → weiß */
.selina-faq-question {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* HOVER → sehr helles Grau */
.selina-faq-question:hover {
    background-color: #f3f3f3 !important;
    color: #000000 !important;
}

/* AKTIV (geöffnet) → gleiches dezentes Grau */
.selina-faq-item.active .selina-faq-question,
.selina-faq-question[aria-expanded="true"] {
    background-color: #f3f3f3 !important;
    color: #000000 !important;
}

/* =====================================================
   SELINA FAVORITEN – ICON RESET (Kadence & Elementor Safe)
   ===================================================== */

/* Basis-Button komplett neutralisieren */
button.selina-fav-btn {
    all: unset;
    cursor: pointer;
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 10;

    width: 52px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Herz Icon – Grundzustand (NICHT favorisiert) */
button.selina-fav-btn::before {
    content: "♡";
    font-size: 44px;
    line-height: 1;
    color: #ffffff;
    font-weight: 700;

    transition: color 0.2s ease, transform 0.15s ease;
}

/* Favorisiert */
button.selina-fav-btn.is-active::before {
    content: "♥";
    color: #e10600;
}

/* Hover Effekt (optional, dezent) */
button.selina-fav-btn:hover::before {
    transform: scale(1.08);
}

/* Sicherheitsnetz: Kadence / Elementor Button Styles blocken */
button.selina-fav-btn,
button.selina-fav-btn:hover,
button.selina-fav-btn:focus,
button.selina-fav-btn:active {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* =====================================================
   SELINA FAVORITEN – ALTES ICON AUSBLENDEN
   ===================================================== */

/* Falls Icon als <i>, <svg> oder span im Button sitzt */
button.selina-fav-btn > i,
button.selina-fav-btn > svg,
button.selina-fav-btn > span {
    display: none !important;
    visibility: hidden !important;
}

/* Falls Elementor / Kadence Pseudo-Icons nutzt */
button.selina-fav-btn .elementor-icon,
button.selina-fav-btn .kadence-icon {
    display: none !important;
}

/* Sicherheit: kein Text im Button anzeigen */
button.selina-fav-btn {
    font-size: 0 !important;
}