/* Invitation Form */

#invite-search-form {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    column-gap:20px;
}

#invite-search-form .field-group {
    margin-bottom:20px;
}

#invite-search-form input[type=text] {
    display: inline-block;
    font-size: 1.2rem;
    margin-bottom: 0;
    padding: 8px;
    font-family: meursault-variable, serif;
    color:#2E4322;
    font-variation-settings: "wdth" 100, "wght" 400;
    border:0;
    border-bottom: 2px solid #25331A;
    border-radius:0;
}

#invite-search-form input[type=text]::placeholder {
    font-variation-settings: "wdth" 100, "wght" 400;
    padding-top:2px;
}

#invite-search-form label.field-hidden {
    display:none;
}

#invite-search-form .field-footer {
    text-align:center;
    grid-column: 1 / span 2;
    margin-top:30px;
}

#invite-search-form button[type=submit], .rsvp-form input[type=submit] {
    border-radius: 0 !important;
    font-family: shackleton-wide, serif !important;
    font-size: 1rem !important;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    border: 3px solid #fff;
    padding: 10px 7%;
    background: #2E4322;
    margin:0 0 20px 0;
    transition:0.3s ease all;
}

#invite-search-form button[type=submit]:hover, .rsvp-form input[type=submit]:hover {
    background:#fff !important;
    border:3px solid #515F2A !important;
    color:#515f2a !important;
}

#invite-search-form .ajax-spinner {
    width:50px;
}

#invite-search-form .ajax-spinner img {
    width:100%;
    aspect-ratio: 1 / 1;
}

@media (max-width:767px) {
    #invite-search-form {
        display:block;
    }
}

/* Match List Styles */

#match-list {
    color:#2E4322;
    margin-top:30px;
}

.match-table {
    list-style-type:none;
    margin:0;
    padding:0;
    border-top:2px solid #707070;
}

.match-table li {
    border-bottom:2px solid #707070;
    padding:5px 0;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.match-btn {
    font-family: shackleton-wide, serif;
    font-size: 0.9rem;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff !important;
    border: 3px solid #fff;
    padding: 3px 15px;
    background: #2E4322;
    transition:0.2s ease all;
    text-decoration:none !important;
    text-align:center;
    width:180px;
}

.match-btn:hover {
    background:#515F2A;
}

#invite-error {
    color:#9B3D27;
    background:#F0F0F0;
    padding:10px 20px;
    text-align:center;
}

#invite-error a {
    text-decoration:underline;
    color:#622F22;
}

/* Gravity Forms Styles */ 

.gform_title, .gsection_title {
    text-align:center;
}

.gsection_title {
    margin-top:30px;
}

.rsvp-form {
    max-width:800px;
    margin:0 auto;
}

.rsvp-form input[type=date], .rsvp-form input[type=email], .rsvp-form input[type=number], .rsvp-form input[type=password], .rsvp-form input[type=search], .rsvp-form input[type=tel], .rsvp-form input[type=text], .rsvp-form input[type=url], .rsvp-form select, .rsvp-form textarea {
    border-radius:0;
    border:0;
    border-bottom:2px solid #25331A;
    font-size:1.2rem !important;
}

.rsvp-form input[type=text]::placeholder, .rsvp-form input[type=email]::placeholder, .rsvp-form input[type=tel]::placeholder {
    font-variation-settings: "wdth" 100, "wght" 400;
    padding-top:2px;
}

.gsection_description {
    text-align:center;
    font-size:1.2rem !important;
    line-height:1.5 !important;
}

.gform_confirmation_wrapper h3 {
    margin-top:40px;
}

.gfield_html, .confirmation-box {
    background: #F0F0F0;
    width:100%;
    text-align:center;
    font-size:1.1rem !important;
    line-height:1.4 !important;
    padding:30px 5% 20px 5%;
}

.rsvp-form .ginput_container_radio {
    max-width:400px;
    margin:0 auto;
} 

.rsvp-form .ginput_container_radio .gchoice {
    margin:7px 0;
}

.rsvp-form .gform-field-label {
    font-size:1.2rem !important;
}

.rsvp-form input[type=submit] {
    margin:0 auto;
    padding:10px auto;
}

.gform_confirmation_message_inner {
    text-align:center;
}

.rsvp-form .gfield-choice-input+label {
    line-height:1.3 !important; 
}

.rsvp-form .gfield-choice-input+label h3 {
    margin-bottom:5px;
}

/* Styles for disabled radio button choices */
.gfield_radio input[type="radio"][value="The Wild Side of Life"]:disabled + label {
    opacity: 0.6;
    cursor: not-allowed;
    color: #999;
}

.gfield_radio input[type="radio"][value="The Wild Side of Life"]:disabled {
    cursor: not-allowed;
}

.gfield_radio input[type="radio"][value="The Wild Side of Life"]:disabled + label .sold-out-message {
    color: #999;
    font-size: 0.9em;
    font-style: italic;
    margin-left: 5px;
}

/* Optional: Add a visual indicator for disabled state */
.gfield_radio input[type="radio"][value="The Wild Side of Life"]:disabled + label::before {
    border-color: #ccc;
    background-color: #f5f5f5;
}