select.ays_quiz_maker_block_select {
    text-align: center;
    font-size: 18px;
    width: 100%;
    height: auto;
    padding: 5px;
}

.components-panel__header.edit-post-sidebar-header button[aria-label="Unpin from toolbar"] {
    display: none;
}

.quiz-maker-sidebar-content select {
    width: 95%;
}

.quiz-maker-sidebar-content > div > div {
    text-align: center;
}

.quiz-maker-sidebar-content label {
    width: 100%;
    text-align: left;
    padding: 4px;
}

div[data-type="quiz-maker/quiz"] {
    
}

.ays_quiz_maker_block_container {
    box-sizing: border-box;
}

.ays_quiz_maker_block_select_quiz .ays_quiz_maker_block_select {
    width: 350px !important;
}

.ays_quiz_maker_block_select_quiz {
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 180px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 1px solid;
    background-image: url("../admin/images/icons/quiz-maker-logo.png");
    background-repeat: no-repeat;
    background-position: 50% 20%;
    background-size: 100px;
}

/* ========================================================
   Gutenberg Block Editor Preview Polish for Quiz Maker
   ======================================================== */
.wp-block-quiz-maker-quiz {
    box-sizing: border-box;
    margin: 18px auto;
    max-width: 100%;
    position: relative;
}

.wp-block-quiz-maker-quiz .ays-quiz-wrap {
    margin: 0 auto;
    max-width: 100%;
}

.wp-block-quiz-maker-quiz .ays-quiz-container {
    margin: 0 auto;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
    border-radius: 8px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    background-color: #ffffff;
}

/* In block editor preview, ensure only first step (start card or q1) displays */
.wp-block-quiz-maker-quiz [id^="ays_finish_quiz_"] div.step:not(:first-of-type) {
    display: none !important;
}

/* Make preview non-interfering with editor block selection */
.wp-block-quiz-maker-quiz form.ays-quiz-form {
    pointer-events: none;
}

.wp-block-quiz-maker-quiz .ays-quiz-container .ays_next,
.wp-block-quiz-maker-quiz .ays-quiz-container .ays_finish {
    cursor: default !important;
}