/**
 * MAV AUTO — Modal Form Styles
 * Extracted from header.php inline styles
 */

/* Modal overlay */
.cf7-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}
.cf7-modal-content {
    background-color: #fff;
    margin: 8vh auto;
    padding: 24px;
    border-radius: 12px;
    width: 90%;
    max-width: 500px;
    position: relative;
}
.cf7-close {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 28px;
    cursor: pointer;
    color: #333;
    z-index: 1;
}
.cf7-close:hover { color: #000; }

/* Form */
.poptitle p {
    font-family: var(--mv-font, 'Inter', sans-serif);
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 16px;
}
.form_boxes { margin-bottom: 12px; }
.form_boxes label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 4px;
    color: #333;
}
.form_boxes input,
.form_boxes textarea {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 14px;
    font-family: inherit;
    transition: border-color .2s;
}
.form_boxes input:focus,
.form_boxes textarea:focus {
    border-color: #4a90e2;
    outline: none;
}
.form_boxes textarea { resize: vertical; min-height: 60px; }

/* Messenger choices */
.messenger-choices {
    display: flex;
    gap: 10px;
    margin-top: 8px;
}
.messenger-choice {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 12px 8px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    transition: all .2s;
    min-height: 80px;
}
.messenger-choice:hover {
    border-color: #4a90e2;
    background: #f8f9fa;
}
.messenger-choice input[type="radio"] { display: none; }
.messenger-choice.active {
    border-color: #4a90e2;
    background: #e7f1ff;
    box-shadow: 0 4px 12px rgba(74,144,226,.15);
}
.choice-icon {
    display: block;
    width: 32px;
    height: 32px;
    margin-bottom: 8px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.telegram-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%232196D3' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.58-1.38-.94-2.23-1.5-.99-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69a.16.16 0 00-.06-.2c-.07-.06-.17-.04-.24-.02-.1.02-1.69 1.09-4.78 3.2-.45.33-.86.49-1.23.48-.41-.01-1.2-.23-1.79-.42-.72-.23-1.29-.35-1.24-.74.03-.23.27-.46.75-.65 2.5-1.09 4.18-1.82 5.05-2.19 2.28-.96 2.75-1.13 3.06-1.13.07 0 .23.01.33.12.09.09.11.22.12.33.01.1.01.22.01.33z'/%3E%3C/svg%3E"); }
.whatsapp-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2325D366' d='M16.75 13.96c.25.13.41.2.46.3.06.11.04.61-.21 1.18-.2.56-1.24 1.1-1.7 1.12-.46.02-.47.36-2.96-.73-2.49-1.09-3.99-3.75-4.11-3.92-.12-.17-.96-1.38-.92-2.61.05-1.22.69-1.8.95-2.04.24-.26.51-.29.68-.26h.47c.15 0 .36-.06.55.45l.69 1.87c.06.13.1.28.01.44l-.27.41-.39.42c-.12.12-.26.25-.12.5.12.26.62 1.09 1.32 1.78.91.88 1.71 1.17 1.95 1.3.24.14.39.12.54-.04l.81-.94c.19-.25.35-.19.58-.11l1.67.88M12 2a10 10 0 0110 10 10 10 0 01-10 10c-1.97 0-3.8-.57-5.35-1.55L2 22l1.55-4.65A9.969 9.969 0 012 12 10 10 0 0112 2m0 2a8 8 0 00-8 8c0 1.72.54 3.31 1.46 4.61L4.5 19.5l2.89-.96A7.95 7.95 0 0012 20a8 8 0 008-8 8 8 0 00-8-8z'/%3E%3C/svg%3E"); }
.phone-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234a90e2' d='M20.01 15.38c-1.23 0-2.42-.2-3.53-.56a1.01 1.01 0 00-1.02.24l-2.2 2.2c-2.83-1.45-5.15-3.76-6.59-6.59l2.2-2.2c.28-.28.36-.67.24-1.02-.36-1.11-.56-2.3-.56-3.53 0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1z'/%3E%3C/svg%3E"); }
.choice-label {
    font-size: 13px;
    color: #333;
    font-weight: 500;
}
.messenger-choice.active .choice-label { color: #1a5f9e; font-weight: 600; }

/* Checkbox */
.agree { margin: 12px 0; }
.checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    cursor: pointer;
    font-size: 12px;
    color: #666;
}
.checkbox-label input[type="checkbox"] { margin-top: 2px; }
.checkbox-label a { color: #4a90e2; }

/* Submit */
.submit-btn {
    width: 100%;
    padding: 14px;
    background: var(--mv-red, #E8184B);
    color: #fff;
    border: none;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.submit-btn:hover { opacity: .9; }
.submit-btn:disabled { opacity: .5; cursor: not-allowed; }

/* Spinner */
.spinner {
    display: none;
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255,255,255,.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin .8s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* Mobile */
@media (max-width: 576px) {
    .messenger-choices { flex-direction: column; }
    .messenger-choice {
        flex-direction: row;
        justify-content: flex-start;
        padding: 12px;
        min-height: auto;
    }
    .choice-icon { width: 28px; height: 28px; margin-bottom: 0; margin-right: 12px; }
}