/* ============================================
   QUIZ FORM - CONTACT SECTION
   ============================================ */

/* 2-column grid layout for contact fields */
.quiz_section.quiz_begin {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px 20px;
}

/* Checkbox and URL field span full width */
.quiz_section.quiz_begin .qsm-contact-type-checkbox,
.quiz_section.quiz_begin .qsm-contact-type-url {
    grid-column: 1 / -1;
}

/* Inputs fill their column */
.quiz_section.quiz_begin .qsm_contact_div input[type="text"],
.quiz_section.quiz_begin .qsm_contact_div input[type="email"],
.quiz_section.quiz_begin .qsm_contact_div input[type="url"] {
    width: 100%;
    box-sizing: border-box;
}

/* Mobile - single column */
@media (max-width: 600px) {
    .quiz_section.quiz_begin {
        grid-template-columns: 1fr;
    }
}

/* ============================================
   URL FIELD - STYLED AS BADGE
   ============================================ */

.qsm_contact_div.qsm-contact-type-url span {
    background: #E5F0E8;
    color: #3CAE59;
    border: 1px solid #3CAE59;
    border-radius: 100px;
    font-weight: 700 !important;
    padding: 6px 20px;
    width: 100% !important;
    text-align: center;
}

.qsm_contact_div.qsm-contact-type-url input {
    display: none !important;
}

/* ============================================
   RADIO ANSWERS - QUIZ QUESTIONS
   ============================================ */

.qmn_mc_answer_wrap {
    background: #F7F7F7;
    padding: 3px;
    margin-bottom: 15px;
    border: 1px solid #A9A9A9;
    border-radius: 5px;
    cursor: pointer;
}

.qmn_mc_answer_wrap.mrq_checkbox_class {
    cursor: pointer;
}

.qmn_mc_answer_wrap label.qsm-input-label {
    width: calc(100% - 29px) !important;
}

/* Hover state */
.qmn_mc_answer_wrap:hover {
    background: #2567C3 !important;
    border-color: #2567C3 !important;
}

.qmn_mc_answer_wrap:hover .qsm-input-label,
.qmn_mc_answer_wrap:hover label {
    color: #ffffff !important;
}

/* Selected/checked state - persists after click */
.qmn_mc_answer_wrap:has(input[type="radio"]:checked) {
    background: #2567C3 !important;
    border-color: #2567C3 !important;
}

.qmn_mc_answer_wrap:has(input[type="radio"]:checked) .qsm-input-label,
.qmn_mc_answer_wrap:has(input[type="radio"]:checked) label {
    color: #ffffff !important;
}

/* ============================================
   LABELS & INPUTS
   ============================================ */

label.qsm-input-label {
    padding: 8px 0 !important;
    font-size: 16px !important;
}

.qsm-quiz-container input[type=radio] {
    margin-left: 10px !important;
}

.anketa-v2-page label {
    margin-bottom: 0 !important;
}

/*BUTTON*/
.qsm-navigation.qsm-pagination {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 15px;
}

.qsm-navigation .qsm-progress-bar {
    width: 100%;
    order: 1;
}

.qsm-navigation .qsm-start-btn,
.qsm-navigation .qsm-next-btn,
.qsm-navigation .qsm-previous-btn,
.qsm-navigation .qsm-submit-btn {
    order: 2;
}