/*
 Theme Name:   Solari Child
 Theme URI:    https://solari.themewant.com/
 Description:  Solari Child
 Author:       ReacThemes
 Author URI:   https://themeforest.net/user/reacthemes/portfolio
 Template:     solari
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 */



/* ===== MULTI STEP FORM CORE ===== */
.multi_step {
    max-width: 720px;
    margin: 0 auto;
    background: #fff;
    padding: 40px;
    border-radius: 14px;
    box-shadow: 0 6px 24px rgba(0,0,0,.08);
    text-align: center;
}
.multi_step h2 {
    font-size: 24px;
    margin-bottom: 20px;
}

/* ===== PROGRESS ===== */
.progress {
    display: flex;
    gap: 12px;
    margin-bottom: 30px;
}
.progress__item {
    flex: 1;
    position: relative;
}
.progress__dot {
    width: 32px;
    height: 32px;
    line-height: 28px;
    border-radius: 50%;
    border: 2px solid #cfd6e4;
    margin: 0 auto 8px;
    background: #fff;
    font-weight: 700;
}
.progress__bar {
    position: absolute;
    top: 15px;
    left: -50%;
    right: 50%;
    height: 2px;
    background: #cfd6e4;
    z-index: -1;
}
.progress__item:first-child .progress__bar { display:none; }
.progress__item.active .progress__dot {
    background:#004080;
    border-color:#004080;
    color:#fff;
}
.progress__item.active .progress__bar {
    background:#004080;
}

/* ===== STEPS ===== */
.step { display:none; }
.step.active { display:block; animation:fade .25s ease; }
@keyframes fade {
    from {opacity:0; transform:translateY(5px)}
    to {opacity:1; transform:none}
}

/* ===== OPTIONS ===== */
.options {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:20px;
    margin:25px 0;
}
.option-card {
    width:250px;
    height:180px;
    border:2px solid #e3e8f2;
    border-radius:12px;
    background:#f4f7fd;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:.25s;
}
.option-card span {
    font-size:16px;
    font-weight:600;
    color:#0f2a4a;
}
.option-card:hover {
    background:#edf4ff;
    border-color:#8fb4ff;
}
.option-card.selected {
    background:#e1ecf9;
    border-color:#004080;
    box-shadow:0 0 0 3px rgba(0,64,128,.08) inset;
}

/* ===== BUTTONS ===== */
.btns {
    margin-top:20px;
}
.btn {
    padding:14px 40px;
    border-radius:10px;
    border:0;
    font-size:16px;
    cursor:pointer;
}
.btn.primary {
    background:#37ce2d;
    color:#fff;
}
.btn.secondary {
    background:#e8eef8;
    color:#00214d;
}
.btn:disabled {
    background:#cbd5e1;
    color:#6b7280;
    cursor:not-allowed;
}

/* ===== MOBILE ===== */
@media(max-width:600px){
    .option-card {
        width:100%;
        height:auto;
        padding:20px;
    }
    .multi_step { padding:20px; }
}