/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/*disable the row*/
/* 1. Disable the label container and visual interaction */
.wpforms-field-radio li:has(.row-disabled) {
    pointer-events: none; /* Prevents clicking */
    cursor: not-allowed;
    opacity: 0.6;
    background-color: #f9f9f9;
}

/* 2. Style the specific label inside */
.wpforms-field-radio li label:has(.row-disabled) {
    cursor: not-allowed !important;
}

/* 3. Visually gray out the radio button itself */
.wpforms-field-radio li:has(.row-disabled) input[type="radio"] {
    filter: grayscale(1) opacity(0.5);
    cursor: not-allowed;
}


/* Container for the choices */
.wpforms-field-radio ul li {
    display: flex;
    justify-content: center;
    align-items: center !important;
    gap: 25px;
    padding: 0px 10px !important
    border: 1px solid #eee !important;
    border-radius: 10px;
}

.wpforms-field-radio ul li label {
    display: flex !important;
    align-items: center;
    width: 100%;
    padding: 10px;
    margin-bottom: 5px;
    cursor: pointer;
}

/* The Table Wrapper */
/*.event-table-row {
    display: grid;
    grid-template-columns: 120px 900px 100px 1fr;
    width: 100%;
    gap: 25px;
    padding-left: 10px;
}*/

/* Individual Columns */
/*.event-col {
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}*/

/* Mobile Responsiveness */
@media (max-width: 600px) {
    /*.event-table-row {
        grid-template-columns: 1fr;
        gap: 5px;
    }*/
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}