/* ==========================
   SOLO-GYM CONTACT FORM
   ========================== */

.solo-contact-form{
    max-width:600px;
    display:flex;
    flex-direction:column;
    gap:15px;
}

.solo-contact-form label{
    color:#d1d5db;
    font-size:15px;
    margin-bottom:4px;
}

.solo-contact-form input[type="text"],
.solo-contact-form input[type="email"],
.solo-contact-form textarea{
    width:100%;
    box-sizing:border-box;
    padding:14px 16px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:6px;
    background:#fff;
    color:#111827;
    transition:.2s;
}

.solo-contact-form input[type="text"]:focus,
.solo-contact-form input[type="email"]:focus,
.solo-contact-form textarea:focus{
    outline:none;
    border-color:#eab308;
    box-shadow:0 0 0 3px rgba(234,179,8,.15);
}

.solo-contact-form textarea{
    min-height:220px;
    resize:vertical;
}

.solo-contact-gdpr{
    display:flex;
    align-items:flex-start;
    gap:10px;
    color:#d1d5db;
    font-size:14px;
    line-height:1.4;
}

.solo-contact-gdpr input{
    margin-top:3px;
}

.solo-contact-form button{
    background:#eab308;
    color:#000;
    border:0;
    border-radius:6px;
    padding:16px;
    font-size:16px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    cursor:pointer;
    transition:.2s;
}

.solo-contact-form button:hover{
    transform:translateY(-1px);
    opacity:.95;
}

.solo-contact-form button:active{
    transform:translateY(0);
}

.required{
    color:#dc2626;
    font-weight:700;
}

/* ==========================
   SUCCESS MESSAGE
   ========================== */

.solo-contact-success{
    text-align:center;
    padding:40px 25px;
    margin-bottom:25px;
    background:rgba(234,179,8,.08);
    border:1px solid rgba(234,179,8,.25);
    border-radius:12px;
}

.solo-contact-success-icon{
    width:70px;
    height:70px;
    margin:0 auto 20px;
    border-radius:50%;
    background:#eab308;
    color:#000;
    font-size:36px;
    font-weight:700;
    line-height:70px;
}

.solo-contact-success h3{
    color:#eab308;
    margin:0 0 10px;
    font-size:28px;
}

.solo-contact-success p{
    color:#d1d5db;
    margin:0;
    line-height:1.6;
}

/* ==========================
   ERROR MESSAGE
   ========================== */

.solo-contact-error{
    padding:18px;
    margin-bottom:25px;
    background:rgba(220,38,38,.08);
    border:1px solid rgba(220,38,38,.25);
    border-radius:12px;
    color:#fca5a5;
}