/*
Theme Name: ASD Training Child
Theme URI: https://asdtraining.net
Description: Tema-filho do Divi para personalizações da ASD Training.
Author: ASD Training
Author URI: https://asdtraining.net
Template: Divi
Version: 1.0.0
Text Domain: asd-training-child
*/


/* ==========================================================
   1. TUTOR LMS — SEPARADORES
   ========================================================== */

/* Respeitar a capitalização definida nas traduções */
.tutor-tabs-tab span[x-text="tab.label"] {
    text-transform: none;
}


/* ==========================================================
   2. TUTOR LMS — RESUMO DOS TESTES
   ========================================================== */

/* Permitir a quebra de linha entre módulo e curso */
.tutor-quiz-summary-overview > .tutor-flex {
    flex-wrap: wrap;
    gap: 6px 12px;
}

/* Evitar que os títulos compridos sejam ocultados */
.tutor-quiz-summary-overview .tutor-overflow-hidden {
    overflow: visible;
    min-width: 0;
}

/* Mostrar os nomes completos dos módulos */
.tutor-quiz-summary-overview .tutor-truncate {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: break-word;
}

/* Adaptar a largura dos blocos de módulo e curso */
.tutor-quiz-summary-overview > .tutor-flex > .tutor-flex {
    min-width: 0;
    max-width: 100%;
}


/* ==========================================================
   3. TUTOR LMS — ESTATÍSTICAS DOS TESTES
   ========================================================== */

/* Manter as estatísticas numa linha em desktop */
.tutor-quiz-summary .tutor-quiz-result-statics {
    min-width: 190px;
}

.tutor-quiz-summary .tutor-quiz-result-static-item {
    white-space: nowrap;
}


/* ==========================================================
   4. TUTOR LMS — LISTA LATERAL DE PERGUNTAS
   ========================================================== */

/* Impedir divisões artificiais das palavras */
.tutor-quiz-summary-sidebar .tutor-question-content {
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    min-width: 0;
}


/* ==========================================================
   5. TUTOR LMS — TELEMÓVEL (ATÉ 767 PX)
   ========================================================== */

@media (max-width: 767px) {

    /* Organizar verticalmente o painel de resultados */
    .tutor-quiz-summary .tutor-quiz-result {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    /* Adaptar a largura das estatísticas */
    .tutor-quiz-summary .tutor-quiz-result-statics {
        min-width: 0;
        width: 100%;
    }

    .tutor-quiz-summary .tutor-quiz-result-static-item {
        white-space: normal;
    }

    /* Centrar o botão Repetir teste */
    .tutor-quiz-summary .tutor-quiz-result-retake {
        display: flex;
        justify-content: center;
        width: 100%;
        grid-column: 1 / -1;
    }

    .tutor-quiz-summary .tutor-quiz-result-retake .tutor-btn {
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }

    /* Organizar o cabeçalho de cada pergunta */
    .tutor-quiz-summary-content .tutor-quiz-question-header {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    /* Dar espaço ao enunciado */
    .tutor-quiz-summary-content .tutor-quiz-question-title {
        flex: 1;
        min-width: 0;
        word-break: normal;
        overflow-wrap: break-word;
    }

    /* Colocar o estado e a pontuação na segunda linha */
    .tutor-quiz-summary-content .tutor-quiz-question-header-actions {
        width: 100%;
        margin-top: 12px;
        padding-left: 30px;
        justify-content: space-between;
    }
}


/* ==========================================================
   6. TUTOR LMS — TABLET (768 A 1024 PX)
   ========================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    /* Apresentar a revisão das respostas numa única coluna */
    .tutor-quiz-summary-page .tutor-quiz-summary-body {
        grid-template-columns: 1fr !important;
    }

    /* Ocultar a navegação lateral, mantendo as perguntas na revisão */
    .tutor-quiz-summary-page .tutor-quiz-summary-sidebar {
        display: none !important;
    }
}


/* ASD Training — Avaliação do curso em mobile: 3 + 2 */
@media (max-width: 767px) {

    /* Distribuir as cinco classificações por duas linhas */
    .tutor-star-rating-container > .tutor-flex.tutor-gap-4 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
    }

    /* Três cartões por linha */
    .tutor-star-rating-container .tutor-star-rating-emoji-btn {
        flex: 0 0 30%;
        min-width: 0;
        box-sizing: border-box;
        padding: 8px 4px;
    }

    /* Apresentar as etiquetas completas */
    .tutor-star-rating-container .tutor-rating-label {
        display: block;
        width: 100%;
        font-size: 12px;
        line-height: 1.4;
        text-align: center;
        white-space: normal;
        word-break: normal;
        overflow-wrap: normal;
        hyphens: none;
    }
}


/* ASD Training — Campo de avaliação do curso em mobile */
@media (max-width: 767px) {

    .tutor-star-rating-container ~ .tutor-pt-7 #comment_content {
        height: 140px;
        min-height: 140px;
        box-sizing: border-box;
    }
}


/* ASD Training — Altura do campo de avaliação em mobile */
@media (max-width: 767px) {

    #create-review-form textarea#comment_content {
        height: 140px;
        min-height: 140px;
        box-sizing: border-box;
    }
}


/* ASD Training — Remover o separador vertical
   dos detalhes do certificado. */

.tutor-certificate-stats {
    column-gap: 0 !important;
}

.tutor-certificate-stats > .tutor-p-6 {
    border: none !important;
}


/* ASD Training — Botões principais WooCommerce */

/* Carrinho */
body.woocommerce-cart .wc-block-cart__submit-button,
body.woocommerce-cart .wc-block-cart__submit-button:not(.is-link) {
    background: #008577 !important;
    color: #FFFFFF !important;
    border-color: #008577 !important;
    border-radius: 6px;
}

/* Checkout */
body.woocommerce-checkout .wc-block-components-checkout-place-order-button {
    background: #008577 !important;
    color: #FFFFFF !important;
    border-color: #008577 !important;
    border-radius: 6px;
}

/* Hover */
body.woocommerce-cart .wc-block-cart__submit-button:hover,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover {
    background: #006F64 !important;
    border-color: #006F64 !important;
    color: #FFFFFF !important;
}


/* ASD Training — Ocultar o segundo resumo da encomenda
   apresentado antes do botão de pagamento. */

.wp-block-woocommerce-checkout
.wc-block-checkout__actions
.wp-block-woocommerce-checkout-order-summary-block {
    display: none !important;
}


/* ASD Training — Uniformizar o botão Aplicar cupão no checkout */

/* Botão ativo */
.wp-block-woocommerce-checkout
.wc-block-components-totals-coupon__button:not(:disabled) {
    background-color: #008577 !important;
    border-color: #008577 !important;
    color: #FFFFFF !important;
    border-radius: 6px !important;
}


/* Hover */
.wp-block-woocommerce-checkout
.wc-block-components-totals-coupon__button:not(:disabled):hover {
    background-color: #006F64 !important;
    border-color: #006F64 !important;
}

/* Botão desativado */
.wp-block-woocommerce-checkout
.wc-block-components-totals-coupon__button:disabled {
    background-color: #96999B !important;
    color: #FFFFFF !important;
    border-radius: 6px !important;
    cursor: not-allowed;
}


/*
 * ASD Training — Checkout mobile.
 * Corrigir o espaçamento entre o título
 * do resumo da encomenda e o preço.
 */

@media (max-width: 767px) {

    .wp-block-woocommerce-checkout
    .wc-block-components-checkout-order-summary__title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }

    .wp-block-woocommerce-checkout
    .wc-block-components-checkout-order-summary__title-text {
        flex: 1 1 auto;
        min-width: 0;
    }

    .wp-block-woocommerce-checkout
    .wc-block-formatted-money-amount {
        white-space: nowrap;
    }
}

/* =====================================================
   TUTOR LMS — LOGÓTIPO DA ÁREA DO ALUNO
   ===================================================== */

body .tutor-dashboard-sidebar-logo img {
    max-width: 160px;
}

/* =====================================================
   TUTOR LMS — ÁREA DO ALUNO — LISTA DE DESEJOS
   ===================================================== */

/* Ocultar o separador Lista de desejos */
.tutor-dashboard-courses-tab
a.tutor-nav-item[href*="/courses/wishlist"] {
    display: none;
}

/* =====================================================
   TUTOR LMS — HISTÓRICO DE TENTATIVAS
   ===================================================== */

/* Impedir a quebra de linha no estado Não aprovado */
.tutor-quiz-attempts-item .tutor-quiz-item-result .tutor-badge-error {
    white-space: nowrap;
}

/* Tutor LMS — permitir quebra do estado em mobile */
@media (max-width: 767px) {
    .tutor-quiz-attempts-item .tutor-quiz-item-result .tutor-badge-error {
        white-space: normal;
    }
}

/* =====================================================
   TUTOR LMS — TENTATIVAS ANTERIORES EM MOBILE
   ===================================================== */

@media (max-width: 576px) {
    .tutor-quiz-attempts
    .tutor-quiz-attempts-item-wrapper
    .tutor-quiz-previous-attempts
    .tutor-quiz-attempts-item[data-learning-area="false"] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-areas:
            "info info"
            "marks time"
            "result result"
            "buttons buttons";
    }
}

/* =====================================================
   TUTOR LMS — JANELA ADICIONAR NOTA
   ===================================================== */

/* Ocultar indicação do atalho de teclado */
.tutor-lesson-notes-form-key-hint {
    display: none;
}

/* =====================================================
   TUTOR LMS — OCULTAR SEPARADOR NOTAS DOS VÍDEOS
   ===================================================== */

.tutor-dashboard-lesson-notes
.tutor-nav a.tutor-nav-item[href*="type=video-notes"] {
    display: none;
}

/* =====================================================
   TUTOR LMS — EDIÇÃO DE NOTAS EM MOBILE
   ===================================================== */

@media (max-width: 576px) {

    /* Ocultar indicação do atalho de teclado */
    .tutor-dashboard-lesson-notes
    .tutor-lesson-note-form
    > .tutor-flex.tutor-justify-between
    > .tutor-tiny {
        display: none;
    }

    /* Alinhar os botões à direita */
    .tutor-dashboard-lesson-notes
    .tutor-lesson-note-form
    > .tutor-flex.tutor-justify-between {
        justify-content: flex-end;
    }
}

/* =====================================================
   TUTOR LMS — OCULTAR NOTAS DOS VÍDEOS NAS AULAS
   ===================================================== */

.tutor-popover-menu button.tutor-popover-menu-item[\@click*="video-note"] {
    display: none;
}