/* WPForms Indikatoren & Seitenfortschritt */
.utopia-insights-umfrage .wpforms-page-indicator-steps {
    font-size: 16px !important;
}

.utopia-insights-umfrage.wpforms-container .wpforms-page-indicator {
    margin: 0 0 10px 0 !important;
}

.utopia-insights-umfrage.shadow {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
}

/* WPForms Tabellen-Header in Content-Containern */
.entry-content .utopia-insights-umfrage table th,
.container-sec .utopia-insights-umfrage table th {
    text-transform: none !important;
    letter-spacing: normal;
}

/* WPForms Likert Scale / generische Zellen (Desktop) */
.entry-content .utopia-insights-umfrage .wpforms-field-likert_scale table * {
    border: none !important;
}

.utopia-insights-umfrage .wpforms-form .wpforms-field-likert_scale table th,
.utopia-insights-umfrage .wpforms-form .wpforms-field-likert_scale table td {
    line-height: 1.2 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

/* WPForms Form-Feldabstände */
.utopia-insights-umfrage.wpforms-container .wpforms-field {
    padding: 20px 0 10px !important;
}

/* WPFormsPositionierung */
.utopia-insights-umfrage .wpforms-form .wpforms-pagebreak-left {
    text-align: center !important;
}

.utopia-insights-umfrage form.wpforms-form .wpforms-field-likert_scale table th {
    vertical-align: middle !important;
}

.utopia-insights-umfrage.wpforms-container .wpforms-submit-container {
    text-align: center !important;
}

/* wpforms Typografie / Font-Sizes */

.utopia-insights-umfrage .wpforms-field-label {
    margin: 10px 0 30px 0 !important;
    font-size: 18px !important;
}

/* WPForms Hintergrund-Varianten */
.utopia-insights-umfrage.bg-gray,
.utopia-insights-umfrage.bg-green,
.utopia-insights-umfrage.bg-white {
    color: var(--color-black) !important;
}

.utopia-insights-umfrage.bg-gray {
    background-color: #f5f5f5 !important;
}

.utopia-insights-umfrage.bg-gray {
    background-color: #ffffff !important;
}

.utopia-insights-umfrage.bg-green {
    background-color: #dff0d8 !important;
}

/* WPForms Schatten / Rahmen */
.utopia-insights-umfrage.shadow {
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    box-shadow: var(--box-shadow-normal) !important;
}

/* WPForms Thank you Seite */
.utopia-insights-umfrage.wpforms-container .wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: transparent !important;
}

/* WPforms Utility-Abstände */
.utopia-insights-umfrage.p20 {
    padding: 20px !important;
}

.utopia-insights-umfrage.p15 {
    padding: 10px 15px !important;
}

/* WPForms Weitere Feldabstände/Layouts */
.utopia-insights-umfrage .wpforms-form .wpforms-field .wpforms-field-row,
.utopia-insights-umfrage.wpforms-container .wpforms-field.wpforms-field-email > input {
    margin-top: -10px !important;
}

.utopia-insights-umfrage.wpforms-container .wpforms-submit-container {
    text-align: center !important;
}

/* WPForms Buttons */
.utopia-insights-umfrage .wpforms-form .wpforms-page-button,
.utopia-insights-umfrage .wpforms-form .wpforms-submit {
    background: #2b7d11 !important;
    width: auto !important;
    min-width: auto !important;
}

/* WPForms Globaler Border-Reset (Vorsicht, sehr weitreichend)*/
.utopia-insights-umfrage.wpforms-container-full,
.utopia-insights-umfrage.wpforms-container-full *,
.utopia-insights-umfrage.wpforms-container,
.utopia-insights-umfrage.wpforms-container * {
}

/* WPForms NPS ANTI-JUMP FIX */
.utopia-insights-umfrage.wpforms-container-full .wpforms-form .wpforms-field-net_promoter_score.wpforms-field-focused fieldset {
    margin-bottom: 0 !important;
    border: none !important;
}

/* WPForms Likert Scale / Desktop */

.utopia-insights-umfrage .wpforms-form .wpforms-field-likert_scale table tbody th:first-child {
    padding: 10px 0 10px 10px !important;
    font-weight: normal !important;
    font-size: 15px !important;
    border: none !important;
}

.utopia-insights-umfrage .wpforms-form .wpforms-field-likert_scale table.modern th {
    padding: 5px !important;
}

/* WPForms Setzt die Fokusrahmen-Farbe explizit auf euer Grün */
.utopia-insights-umfrage.wpforms-container input[type=submit]:focus:after,
.utopia-insights-umfrage.wpforms-container button[type=submit]:focus:after,
.utopia-insights-umfrage.wpforms-container .wpforms-page-button:focus:after {
    border-color: #1B7A1A !important; /* ersetzt Blau durch Grün */
}

/* WPForms Optional: Box-Shadow im gleichen Grün halten */
.utopia-insights-umfrage.wpforms-container input[type=submit]:focus,
.utopia-insights-umfrage.wpforms-container button[type=submit]:focus,
.utopia-insights-umfrage.wpforms-container .wpforms-page-button:focus {
    box-shadow: 0 0 0 1px #1B7A1A, 0px 1px 2px rgba(0, 0, 0, 0.15) !important;
    outline: none !important;
}

/* WPForms Media Queries (Mobile 600px) */
@media only screen and (max-width: 600px) {


    .wpforms-field-likert_scale table {
        border: none !important;
        outline: none !important;
        border-collapse: collapse !important;
    }

    .wpforms-field-likert_scale table td,
    .wpforms-field-likert_scale table th {
        border: none !important;
        outline: none !important;
    }

    .utopia-insights-umfrage.wpforms-container .wpforms-form .wpforms-field-label {
        font-size: 17px !important;
    }

    /* Likert_scale Layout  / mobile */
    .utopia-insights-umfrage .wpforms-form .wpforms-field-likert_scale table {
        border: none !important;
    }

    .utopia-insights-umfrage .wpforms-form .wpforms-field-likert_scale table tbody th:first-child {
        font-weight: 700 !important;
        font-size: 16px !important;
    }

    .utopia-insights-umfrage .wpforms-form .wpforms-field-likert_scale table tbody th:first-child,
    .utopia-insights-umfrage .wpforms-form .wpforms-field-likert_scale table tbody tr:nth-child(2n+1) th,
    .utopia-insights-umfrage .wpforms-form .wpforms-field-likert_scale table tbody tr:nth-child(2n+1) td {
        background: #ddd;
    }

    /* Nur im NPS-Feld innerhalb von .entry-content */
    .entry-content .utopia-insights-umfrage .wpforms-field-net_promoter_score table.wpforms-field-large.modern tbody tr {
        display: grid !important;
        grid-template-columns: repeat(11, 1fr); /* 11 gleich breite Spalten */
        gap: 0;
    }

    .entry-content .utopia-insights-umfrage .wpforms-field-net_promoter_score table.wpforms-field-large.modern td {
        align-items: center;
        justify-content: center;
        padding: 0; /* deine Vorgabe */
        border: 1px solid #ddd; /* optisch wie die Demo (optional) */
    }

    .entry-content .utopia-insights-umfrage .wpforms-field-net_promoter_score label {
        display: block;
        width: 100%;
        padding: 10px 0;
        text-align: center;
        cursor: pointer;
    }

    .utopia-insights-umfrage .wpforms-form .wpforms-pagebreak-left .wpforms-page-button {
        height: 38px !important;
    }

    /* aktiver Zustand */
    .entry-content .utopia-insights-umfrage .wpforms-field-net_promoter_score .wpforms-net-promoter-score-option:checked + label {
        background: #185abd;
        color: #fff;
    }


    .entry-content .utopia-insights-umfrage tbody td::before,
    .container-sec .utopia-insights-umfrage tbody td::before {
        content: '';
        float: left;
        font-weight: 500;
        text-align: left;
        display: block;
    }

    .entry-content .utopia-insights-umfrage table tr {
        padding: 0 !important;
        border: none !important;
    }

    .utopia-insights-umfrage .wpforms-form .wpforms-field-likert_scale table tbody th:first-child {
        background: rgba(0, 0, 0, 0.06) !important;
        line-height: 1.4 !important;
    }

    .utopia-insights-umfrage .wpforms-form .wpforms-field-likert_scale table.modern tbody tr:nth-child(2n+1) td,
    .utopia-insights-umfrage .wpforms-form .wpforms-field-likert_scale table.modern td {
        background-color: #fff !important;
    }

    .utopia-insights-umfrage .wpforms-form td .wpforms-likert-scale-mobile-flex {
        display: block;
    }

    .utopia-insights-umfrage .wpforms-form td .wpforms-likert-scale-mobile-flex label {
        display: block;
        width: 100%;
        padding: .7rem .6rem;
        cursor: pointer;
        border-radius: 8px;
        border: 1px solid transparent;
        transition: background 120ms ease, color 120ms ease, border-color 120ms ease;
    }

    .utopia-insights-umfrage .wpforms-form td .wpforms-likert-scale-mobile-flex label:hover {
        background: rgba(114, 178, 57, 0.08);
    }

    .utopia-insights-umfrage .wpforms-form .wpforms-likert-scale-option:checked + label {
        background: #72b239;
        color: #fff;
        border-color: #72b239;
    }

    .utopia-insights-umfrage .wpforms-form .wpforms-likert-scale-option:focus + label {
        outline: 2px solid #72b239;
        outline-offset: 2px;
    }

    .utopia-insights-umfrage .wpforms-form .wpforms-likert-scale-mobile-flex {
        position: relative;
    }

    .utopia-insights-umfrage form.wpforms-form .wpforms-field-likert_scale table tbody tr td {
        padding: 20px !important;
    }
}