/* ==========================================================================
   STANDARD TEMPLATE - MODERN & CLEAN
   ========================================================================== */

:root {
    --input-bg: #f9f9f9;
    --input-border: #e0e0e0;
    --input-hover: #f5f5f5;
    --text-color: #333333;
}

/* 1. Global Field Styling (Inputs & Textareas) */
.LiveField__input, input.LiveField__input, textarea.LiveField__input {
    background-color: var(--input-bg) !important;
    border: 1px solid var(--input-border) !important;
    border-radius: 8px !important;
    padding: 14px 16px !important;
    transition: all 0.2s ease !important;
}

/* 2. Privacy / Choice Button (Fixed "I agree" box) */
.LiveField--choices .Choices__choice,
.LiveField--choices .Choices__choice[aria-checked="true"],
.LiveField--choices .Choices__choice:active,
.LiveField--choices .Choices__choice:focus {
    width: auto !important;
    max-width: fit-content !important;
    display: inline-flex !important;
    padding: 12px 24px !important;
    margin-top: 8px !important;
    border: 1px solid var(--input-border) !important;
    border-radius: 8px !important;
    background-color: var(--input-bg) !important;
    color: var(--text-color) !important;
    box-shadow: none !important;
    transition: none !important;
    outline: none !important;
}

/* 3. Submit Button (Theme-controlled with dynamic hover) */
.submit .btn-primary {
    width: auto !important;
    display: inline-block !important;
    padding: 12px 40px !important;
    border-radius: 8px !important;
    border: none !important;
    box-shadow: none !important;
    transition: background-color 0.2s ease, filter 0.2s ease !important;
}

/* 4. Dynamic Hover: Hellt die Theme-Farbe automatisch um 15% auf */
.submit .btn-primary:hover {
    filter: brightness(135%) !important;
    cursor: pointer !important;
    transform: none !important;
    box-shadow: none !important;
}

/* 4. Compact Spacing */
.LiveField__container { margin-bottom: 12px !important; }
.LiveField__header { margin-bottom: 4px !important; }
.public-DraftStyleDefault-block { margin-bottom: 0px !important; }

/* 5. Hover Effects */
.LiveField__input:hover, 
.Choices__choice:hover {
    background-color: var(--input-hover) !important;
    border-color: #cccccc !important;
    cursor: pointer !important;
}