/* ==========================================================================
   Global Styles for Kingster Network (Salesianos)
   Versão Consolidada - Limpeza de Estilos de Botão
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. VARIÁVEIS E RAIZ
   -------------------------------------------------------------------------- */
:root {
    --accent: #8f9ba4;
    --accent-dark: #0058b7;
    --accent-hover: #009bd8;
    --border: #f2f2f4;
    --bg-muted: #fafafa;
    --radius: 10px;
    --font-small: 14px;
    --dlm-font: 14px;
    --shadow-strong: 1px 5px 10px rgba(143,155,164,0.2);
    --shadow-soft: 5px 5px 10px #fafafa;
    --shadow-element: 5px 5px 5px rgba(143, 155, 164, 0.05);
}

/* --------------------------------------------------------------------------
   2. HEADER, NAVEGAÇÃO E TOP BAR
   -------------------------------------------------------------------------- */

/* Page Title Wrap */
.kingster-page-title-wrap.kingster-style-custom {
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    box-shadow: var(--shadow-element);
}

/* Submenus & Mega Menus */
.sf-mega,
.kingster-normal-menu > .sub-menu {
    border-bottom-left-radius: var(--radius) !important;
    border-bottom-right-radius: var(--radius) !important;
    overflow: hidden !important;
    box-shadow: var(--shadow-strong) !important;
}

/* --------------------------------------------------------------------------
   3. TIPOGRAFIA E ELEMENTOS GERAIS
   -------------------------------------------------------------------------- */
.wp-block-image figcaption,
.wp-block-embed figcaption,
.blocks-gallery-caption.wp-element-caption {
    font-size: var(--font-small);
    color: var(--accent);
}

pre {
    font-size: 16px;
    padding: 30px;
    background: #f2f2f2;
    margin-bottom: 40px;
    border-radius: var(--radius);
}

/* --------------------------------------------------------------------------
   4. MÓDULOS GDLR CORE (Cards, Imagens e Thumbnails)
   -------------------------------------------------------------------------- */
.gdlr-core-page-list.gdlr-core-style-grid .gdlr-core-thumbnail,
.gdlr-core-class-list.gdlr-core-style-grid .gdlr-core-thumbnail,
.gdlr-core-course-info-item .gdlr-core-course-info-item-inner,
.gdlr-core-portfolio-thumbnail,
.kingster-single-article-thumbnail img,
.gdlr-core-personnel-list-image img,
.gdlr-core-hover-opacity {
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow-soft);
    overflow: hidden;
}

/* --------------------------------------------------------------------------
   5. FORMULÁRIOS (Contact Form 7)
   -------------------------------------------------------------------------- */
.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {
    border: 1px solid var(--border);
    padding: 10px;
    border-radius: var(--radius);
    background-color: var(--bg-muted);
    transition: all 0.3s ease-in-out;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus {
    outline: none !important;
    border: 2px solid var(--accent-dark) !important;
    box-shadow: 0 0 5px rgba(0, 88, 183, 0.3) !important; 
}

/* --------------------------------------------------------------------------
   6. CAIXA MASTER CURSO (Fundação)
   -------------------------------------------------------------------------- */
.caixa-master-curso {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden; 
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    margin-bottom: 30px;
}

/* --------------------------------------------------------------------------
   7. VISIBILIDADE MOBILE (FIX)
   -------------------------------------------------------------------------- */
/* Desktop: Esconde por defeito */
.only-mobile,
li.only-mobile { 
    display: none !important; 
}

/* Tablets / Mobile Largo */
@media screen and (max-width: 1260px) {
    .only-mobile--wide,
    li.only-mobile--wide { 
        display: block !important; 
    }
}

/* Mobile Estrito */
@media screen and (max-width: 768px) {
    .only-mobile,
    li.only-mobile { 
        display: block !important; 
    }
    
    /* Garante que itens de menu mobile aparecem corretamente */
    .kingster-mobile-menu li.only-mobile {
        display: list-item !important;
    }
}