/*
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;
}

/* ****************** MEMBERGATE CSS ***************  */
.custom-login-wrapper{
    max-width:450px;
    margin:40px auto;
}

.custom-login-form{
    padding:30px;
    background:#fff;
    border:1px solid #ddd;
    border-radius:10px;
}

.custom-login-form h2{
    margin:0 0 25px;
    text-align:center;
}

.form-group{
    margin-bottom:15px;
}

.form-group label{
    display:block;
    margin-bottom:6px;
    font-weight:600;
}

.form-group input{
    width:100%;
    padding:12px;
    border:1px solid #ccc;
    border-radius:5px;
}

.custom-login-form button{
    width:100%;
    padding:12px;
    cursor:pointer;
    border:0;
    border-radius:5px;
}

.login-links{
    margin-top:15px;
    display:flex;
    justify-content:space-between;
    gap:10px;
    font-size:14px;
}

.login-error{
    margin-bottom:15px;
    padding:10px;
    color:#721c24;
    background:#f8d7da;
    border:1px solid #f5c6cb;
    border-radius:5px;
}