.elementor-43248 .elementor-element.elementor-element-530af05 > .elementor-container{max-width:700px;}.elementor-43248 .elementor-element.elementor-element-9bd7e34 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-43248 .elementor-element.elementor-element-9bd7e34 > .elementor-element-populated{padding:0px 0px 50px 0px;}.elementor-43248 .elementor-element.elementor-element-30aa638{--spacer-size:50px;}.elementor-43248 .elementor-element.elementor-element-97dbdde > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 50px 0px;}.elementor-43248 .elementor-element.elementor-element-ffb746d{--spacer-size:215px;}/* Start custom CSS for shortcode, class: .elementor-element-97dbdde *//* =========================
   KLASSIGO QUIZ – FORM 32
   Kompakt + responsiv design
   ========================= */


/* Frågerubriker */
.elementor-43248 .elementor-element.elementor-element-97dbdde #gform_wrapper_32 .gfield_label {
    font-size: clamp(1.1rem, 1.6vw, 1.35rem);
    font-weight: 700;
    margin-bottom: 0.55rem;
    color: #111827;
}


/* Luft runt frågefält */
.elementor-43248 .elementor-element.elementor-element-97dbdde #gform_wrapper_32 .gfield {
    margin-bottom: 1rem;
}


/* Svarsalternativ som kort */
.elementor-43248 .elementor-element.elementor-element-97dbdde #gform_wrapper_32 .gchoice {
    border: 1px solid #d9dee8;
    border-radius: 0.6rem;
    padding: clamp(0.45rem, 0.8vw, 0.65rem)
             clamp(0.7rem, 1.2vw, 0.95rem);
    margin-bottom: 0.4rem;
    background: #ffffff;
    transition: all 0.2s ease;
}


/* Hover på svarsalternativ */
.elementor-43248 .elementor-element.elementor-element-97dbdde #gform_wrapper_32 .gchoice:hover {
    border-color: #1e73be;
    background: #f7fbff;
}


/* Radio-knappar */
.elementor-43248 .elementor-element.elementor-element-97dbdde #gform_wrapper_32 input[type="radio"] {
    transform: scale(1.08);
    margin-right: 0.5rem;
}


/* Alla Gravity Forms-knappar */
.elementor-43248 .elementor-element.elementor-element-97dbdde #gform_wrapper_32 .gform_button,
.elementor-43248 .elementor-element.elementor-element-97dbdde #gform_wrapper_32 .gform_next_button,
.elementor-43248 .elementor-element.elementor-element-97dbdde #gform_wrapper_32 .gform_previous_button {
    border-radius: 0.55rem;
    padding: clamp(0.5rem, 0.8vw, 0.65rem)
             clamp(0.9rem, 1.4vw, 1.15rem);
    font-size: 1rem;
    font-weight: 600;
    transition: all 0.2s ease;
    cursor: pointer;
}


/* Nästa + Rätta quizet */
.elementor-43248 .elementor-element.elementor-element-97dbdde #gform_wrapper_32 .gform_button,
.elementor-43248 .elementor-element.elementor-element-97dbdde #gform_wrapper_32 .gform_next_button {
    background: #1e73be;
    color: #ffffff;
    border: 1px solid #1e73be;
}


/* Hover på Nästa + Rätta quizet */
.elementor-43248 .elementor-element.elementor-element-97dbdde #gform_wrapper_32 .gform_button:hover,
.elementor-43248 .elementor-element.elementor-element-97dbdde #gform_wrapper_32 .gform_next_button:hover {
    background: #155a96;
    border-color: #155a96;
}


/* Föregående-knappen */
.elementor-43248 .elementor-element.elementor-element-97dbdde #gform_wrapper_32 .gform_previous_button {
    background: #ffffff;
    color: #1e73be;
    border: 1px solid #1e73be;
}


/* Hover på Föregående */
.elementor-43248 .elementor-element.elementor-element-97dbdde #gform_wrapper_32 .gform_previous_button:hover {
    background: #f3f8fd;
}


/* Progressbar */
.elementor-43248 .elementor-element.elementor-element-97dbdde #gform_wrapper_32 .gf_progressbar {
    background: #e8eef5;
    border-radius: 999px;
    overflow: hidden;
}


/* Fylld del av progressbar */
.elementor-43248 .elementor-element.elementor-element-97dbdde #gform_wrapper_32 .gf_progressbar_percentage {
    background: #1e73be;
    border-radius: 999px;
}


/* Knappraden */
.elementor-43248 .elementor-element.elementor-element-97dbdde #gform_wrapper_32 .gform_page_footer {
    margin-top: 0.9rem;
    display: flex;
    gap: 0.6rem;
    align-items: center;
    flex-wrap: wrap;
}


/* Förklaringsrutan */
.elementor-43248 .elementor-element.elementor-element-97dbdde #gform_wrapper_32 .gquiz-answer-explanation {
    font-size: clamp(0.95rem, 1.2vw, 1.05rem) !important;
    line-height: 1.45 !important;
    margin-top: 0.65rem !important;
    padding: clamp(0.55rem, 0.9vw, 0.75rem)
             clamp(0.75rem, 1.2vw, 1rem) !important;
    border-radius: 0.6rem !important;
    color: #222 !important;
}


/* Rätt svar */
.elementor-43248 .elementor-element.elementor-element-97dbdde #gform_wrapper_32
.gfield_radio:has(input:checked + label.gquiz-correct-choice)
+ .gquiz-answer-explanation {
    background: #f3faf5 !important;
    border: 1px solid #b8ddc2 !important;
}


/* Fel svar */
.elementor-43248 .elementor-element.elementor-element-97dbdde #gform_wrapper_32
.gfield_radio:has(input:checked + label.gquiz-incorrect-choice)
+ .gquiz-answer-explanation {
    background: #fff7f7 !important;
    border: 1px solid #efc2c2 !important;
}/* End custom CSS */