/*
Theme Name: Elipsa Child
Template: elipsa
Version: 1.0.0
Text Domain: elipsa
*/

/* =====================================================
1. AJUSTES GERAIS
===================================================== */

html {
    scroll-behavior: smooth;
}

/* Remove H1 duplicado dentro do conteúdo */
.entry-content > h1:first-child,
.post-content > h1:first-child,
.page-content > h1:first-child {
    display: none;
}


/* =====================================================
2. BASE DAS AULAS
===================================================== */

.single-aula {
    --wp--style--block-gap: 0px;
}

.single-aula .wp-block-group {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.single-aula .aula-content {
    max-width: 1100px;
    margin: 0 auto;
    padding: 24px 40px;
    box-sizing: border-box;
}


/* =====================================================
3. SLIDE HERO
===================================================== */

.single-aula .slide-hero {
    position: relative;
    width: 100vw;
    max-width: 100vw;
    left: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    min-height: 100vh;
}

.single-aula .slide-hero img {
    display: block;
    width: 100%;
    height: auto;
}

.single-aula .slide-hero__link {
    position: absolute;
    inset: 0;
    z-index: 50;
    display: block;
    cursor: pointer;
}


/* =====================================================
4. BOTÕES E AÇÕES DAS AULAS
===================================================== */

.ana-aula-acoes {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 24px 0 28px;
}

.ana-btn-aula,
.ana-btn-prof {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 18px;
    border-radius: 10px;
    text-decoration: none;
    background: #142736;
    color: #fff !important;
    font-weight: 600;
    transition: .2s ease;
}

.ana-btn-aula:hover,
.ana-btn-prof:hover {
    opacity: .92;
    transform: translateY(-1px);
    color: #fff !important;
}

.ana-professor-painel {
    margin: 20px 0 48px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}


/* =====================================================
5. WRAPPERS GERAIS DO SISTEMA
===================================================== */

.ana-aula-wrapper {
    width: 100%;
    margin: 32px 0;
}

.ana-aula-numero {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.ana-aula-label {
    font-size: 10px;
    letter-spacing: 2px;
    font-weight: 600;
}

.ana-aula-num {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    margin-top: 2px;
}


/* =====================================================
6. PÁGINA DO ESTUDANTE
3 cards por linha
cantos quase quadrados
===================================================== */

.page-id-12778 .wp-block-post-template,
.post-type-archive-ano .wp-block-post-template,
.tax-ano .wp-block-post-template,
.estudante-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
}

.page-id-12778 .wp-block-post,
.post-type-archive-ano .wp-block-post,
.tax-ano .wp-block-post,
.estudante-grid article,
.estudante-grid .card {
    border-radius: 3px !important;
    overflow: hidden;
}

.page-id-12778 .wp-block-post img,
.post-type-archive-ano .wp-block-post img,
.tax-ano .wp-block-post img,
.estudante-grid img {
    border-radius: 3px !important;
}

.page-id-12778 .wp-block-post-title,
.post-type-archive-ano .wp-block-post-title,
.tax-ano .wp-block-post-title {
    margin-top: 12px;
}

@media (max-width: 900px) {
    .page-id-12778 .wp-block-post-template,
    .post-type-archive-ano .wp-block-post-template,
    .tax-ano .wp-block-post-template,
    .estudante-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 600px) {
    .page-id-12778 .wp-block-post-template,
    .post-type-archive-ano .wp-block-post-template,
    .tax-ano .wp-block-post-template,
    .estudante-grid {
        grid-template-columns: 1fr !important;
    }
}


/* =====================================================
7. GLOSSÁRIO
===================================================== */

.single-glossario .sidebar,
.single-glossario aside,
.single-glossario .widget-area,
.single-glossario .site-sidebar,
.single-glossario .sidebar-area,
.single-glossario #secondary {
    display: none !important;
}

.single-glossario .content-area,
.single-glossario .site-content,
.single-glossario .main-content,
.single-glossario .entry-content,
.single-glossario .post-content,
.single-glossario .container,
.single-glossario .wrap,
.single-glossario .content-wrap,
.single-glossario .primary,
.single-glossario #primary,
.single-glossario main {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}


/* =====================================================
8. AJUSTES DE DATA / META
===================================================== */

.qodef-e-info-date,
.entry-date,
.qodef-blog-item .qodef-e-info-date {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}


/* =====================================================
9. IMPRESSÃO
Apenas estrutura global. O visual principal do slide
continua sendo controlado pelo snippet.
===================================================== */

@media print {
    html,
    body {
        background: #fff !important;
    }

    .ana-aula-acoes,
    .ana-professor-painel {
        display: none !important;
    }

    .ana-aula-wrapper {
        width: 100%;
    }
}


/* =====================================================
10. MOBILE GERAL
===================================================== */

@media (max-width: 768px) {
    .single-aula .aula-content {
        padding: 20px 18px;
    }

    .ana-aula-acoes,
    .ana-professor-painel {
        gap: 10px;
    }

    .ana-btn-aula,
    .ana-btn-prof {
        width: 100%;
    }
}

/* Esconde botões de navegação no mobile */
@media (max-width: 768px) {
    
    .nav-slides,
    .slide-nav,
    .botoes-slide,
    .controle-slide,
    .navegacao-slide,
    .btn-slide,
    .slide-controls {
        display: none !important;
    }

}
/* MOBILE — slides com imagem responsiva */
@media (max-width: 768px) {

  .slide-aula,
  .aula-slide,
  .slide-item,
  .bloco-slide,
  .slide-layout {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: auto !important;
  }

  .slide-aula .slide-imagem,
  .aula-slide .slide-imagem,
  .slide-item .slide-imagem,
  .bloco-slide .slide-imagem,
  .slide-layout .slide-imagem,
  .slide-aula .coluna-imagem,
  .aula-slide .coluna-imagem,
  .slide-item .coluna-imagem,
  .bloco-slide .coluna-imagem,
  .slide-layout .coluna-imagem {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    height: auto !important;
    min-height: 220px !important;
    overflow: hidden !important;
  }

  .slide-aula .slide-imagem img,
  .aula-slide .slide-imagem img,
  .slide-item .slide-imagem img,
  .bloco-slide .slide-imagem img,
  .slide-layout .slide-imagem img,
  .slide-aula .coluna-imagem img,
  .aula-slide .coluna-imagem img,
  .slide-item .coluna-imagem img,
  .bloco-slide .coluna-imagem img,
  .slide-layout .coluna-imagem img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  .slide-aula .slide-texto,
  .aula-slide .slide-texto,
  .slide-item .slide-texto,
  .bloco-slide .slide-texto,
  .slide-layout .slide-texto,
  .slide-aula .coluna-texto,
  .aula-slide .coluna-texto,
  .slide-item .coluna-texto,
  .bloco-slide .coluna-texto,
  .slide-layout .coluna-texto {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}
@media (max-width: 768px) {
  .slide-imagem,
  .coluna-imagem,
  .imagem-slide,
  .slide-bg {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
}
@media (max-width: 768px) {
  .nav-slides,
  .slide-nav,
  .botoes-slide,
  .controle-slide,
  .navegacao-slide,
  .btn-slide,
  .slide-controls {
    display: none !important;
  }
}
/* MOBILE + PROJETOR: esconde botões de navegação dos slides */
@media (max-width: 768px) {

  body .slide-nav,
  body .slides-nav,
  body .nav-slides,
  body .slide-controls,
  body .controls-slides,
  body .botoes-slide,
  body .controle-slide,
  body .navegacao-slide,
  body .nav-projetor,
  body .projetor-nav,
  body .slide-arrow,
  body .slide-prev,
  body .slide-next,
  body .prev-slide,
  body .next-slide,
  body .btn-slide,
  body .btn-prev,
  body .btn-next,
  body .mobile-slide-nav,
  body .mobile-nav,
  body .nav-mobile,
  body button[aria-label*="anterior" i],
  body button[aria-label*="próximo" i],
  body button[aria-label*="proximo" i],
  body button[title*="anterior" i],
  body button[title*="próximo" i],
  body button[title*="proximo" i] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

}
/* =========================
   MOBILE PROJETOR
   some com navegação cápsula
   ========================= */
@media (max-width: 768px) {

  /* esconde barras / cápsulas de navegação fixas no mobile */
  body [class*="slide-nav"],
  body [class*="slides-nav"],
  body [class*="nav-slide"],
  body [class*="nav-slides"],
  body [class*="mobile-nav"],
  body [class*="slide-control"],
  body [class*="slide-controls"],
  body [class*="controls"],
  body [class*="projetor-nav"],
  body [class*="nav-projetor"],
  body [class*="prev"],
  body [class*="next"],
  body [class*="arrow"],
  body [class*="contador"],
  body [class*="counter"] {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* esconde botões e elementos fixos no rodapé do slide */
  body .fixed,
  body .fixed-bottom,
  body .fixed-nav,
  body .bottom-nav,
  body .slide-fixed-nav,
  body .mobile-slide-nav {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* imagens dos slides */
  body .slide img,
  body .slide-imagem img,
  body .slide-image img,
  body .imagem-slide img,
  body .coluna-imagem img,
  body .bloco-imagem img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  /* container do slide vira coluna no mobile */
  body .slide,
  body .slide-layout,
  body .slide-wrap,
  body .slide-container,
  body .slide-grid,
  body .bloco-slide,
  body .aula-slide {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: auto !important;
  }

  body .slide-imagem,
  body .slide-image,
  body .imagem-slide,
  body .coluna-imagem,
  body .bloco-imagem {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    min-height: 220px !important;
    height: auto !important;
    overflow: hidden !important;
  }

  body .slide-texto,
  body .coluna-texto,
  body .bloco-texto {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 24px 20px !important;
    box-sizing: border-box !important;
  }
}
//* =====================================================
10. MOBILE GERAL
===================================================== */

@media (max-width: 768px) {
    .single-aula .aula-content {
        padding: 20px 18px;
    }

    .ana-aula-acoes,
    .ana-professor-painel {
        gap: 10px;
    }

    .ana-btn-aula,
    .ana-btn-prof {
        width: 100%;
    }
}

/* =====================================================
11. MOBILE PROJETOR — LIMPO E CONSOLIDADO
===================================================== */

@media (max-width: 768px) {

    /* layout do slide */
    .single-aula .slide,
    .single-aula .slide-aula,
    .single-aula .aula-slide,
    .single-aula .slide-item,
    .single-aula .bloco-slide,
    .single-aula .slide-layout,
    .single-aula .slide-wrap,
    .single-aula .slide-container,
    .single-aula .slide-grid {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        min-height: auto !important;
    }

    /* bloco da imagem */
    .single-aula .slide-imagem,
    .single-aula .slide-image,
    .single-aula .imagem-slide,
    .single-aula .coluna-imagem,
    .single-aula .bloco-imagem,
    .single-aula .slide-hero {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        min-height: 220px !important;
        height: auto !important;
        overflow: hidden !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

    .single-aula .slide-imagem img,
    .single-aula .slide-image img,
    .single-aula .imagem-slide img,
    .single-aula .coluna-imagem img,
    .single-aula .bloco-imagem img,
    .single-aula .slide-hero img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    /* bloco do texto */
    .single-aula .slide-texto,
    .single-aula .coluna-texto,
    .single-aula .bloco-texto {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding: 24px 20px !important;
        box-sizing: border-box !important;
    }

    /* esconde navegações mais comuns */
    .single-aula .nav-slides,
    .single-aula .slide-nav,
    .single-aula .slides-nav,
    .single-aula .botoes-slide,
    .single-aula .controle-slide,
    .single-aula .navegacao-slide,
    .single-aula .slide-controls,
    .single-aula .controls-slides,
    .single-aula .mobile-slide-nav,
    .single-aula .mobile-nav,
    .single-aula .nav-mobile,
    .single-aula .nav-projetor,
    .single-aula .projetor-nav,
    .single-aula .slide-prev,
    .single-aula .slide-next,
    .single-aula .prev-slide,
    .single-aula .next-slide,
    .single-aula .btn-prev,
    .single-aula .btn-next,
    .single-aula .slide-arrow,
    .single-aula .slide-counter,
    .single-aula .contador-slides,
    .single-aula .fixed-nav,
    .single-aula .bottom-nav,
    .single-aula .slide-fixed-nav {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}