/**
 * RSVP Widget - Custom overrides for this site
 * Base widget: https://panel.weddeb.com/css/rsvp-widget.css
 */

/* ===== Color scheme override ===== */
:root {
    --color-scheme-1--text: #292929;
}

/* ===== Group header: use dark instead of brown ===== */
#group-header {
    color: var(--color-scheme-1--dark) !important;
}

/* ===== Pill borders: dark outline instead of accent ===== */
#weddeb-rsvp-form #attend-choice label:has(> input[type="radio"]),
#weddeb-rsvp-form #rows-wrap .rsvp-row label:has(> input[type="radio"]) {
    border-color: var(--color-scheme-1--text, #292929);
}

/* ===== Attend-choice checked: light bg + brown text ===== */
#weddeb-rsvp-form #attend-choice label:has(> input[type="radio"]:checked) {
    background: var(--_primitives---colors--light, #f5f7fa);
    color: var(--_primitives---colors--brown, #8b7355);
}

/* ===== Rows-wrap checked: dark bg + white ===== */
#weddeb-rsvp-form #rows-wrap .rsvp-row label:has(> input[type="radio"]:checked) {
    background: var(--color-scheme-1--dark, #292929);
    color: #ffffff;
}

/* ===== Submit button: transparent outline style, centered ===== */
#weddeb-rsvp-form button[type="submit"],
#weddeb-rsvp-form #rsvp-submit {
    background-color: transparent;
    color: var(--color-scheme-1--text, #292929);
    border: 1.5px solid var(--color-scheme-1--text, #292929);
    padding-left: 65px;
    padding-right: 65px;
    display: block;
    margin: 0 auto;
}

#weddeb-rsvp-form button[type="submit"]:hover,
#weddeb-rsvp-form #rsvp-submit:hover {
    background: var(--color-scheme-1--dark, #292929);
    color: #ffffff;
    transition: all 0.3s ease;
}

/* ===== Status: larger font ===== */
#weddeb-rsvp-form #status {
    font-size: 18px;
}

/* ===== Mobile: disable row gap ===== */
@media (max-width: 768px) {
    #weddeb-rsvp-form #rows-wrap .rsvp-row {
        gap: 0;
    }
}