/* ==========================================================================
   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; 
}

/* --------------------------------------------------------------------------
   CF7 – Radios com "caixa" tipo input (para grupos com class:radio-box)
   -------------------------------------------------------------------------- */

/* A caixa do grupo */
.wpcf7-form .wpcf7-radio.radio-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;          /* centra verticalmente */
    gap: 18px;

    border: 1px solid var(--border);
    background-color: var(--bg-muted);
    border-radius: var(--radius);
    padding: 10px;
    box-sizing: border-box;

    min-height: 44px;             /* aproxima altura dos inputs */
    margin-bottom: 10px;
}

/* Remove margens default dos items */
.wpcf7-form .wpcf7-radio.radio-box .wpcf7-list-item {
    margin: 0;
}

/* Mantém o texto alinhado com o radio */
.wpcf7-form .wpcf7-radio.radio-box .wpcf7-list-item-label {
    margin-left: 6px;
    line-height: 1.2;
}

/* Evita que o teu CSS global de input “estrague” o radio */
.wpcf7-form input[type="radio"] {
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
    box-shadow: none;
}


/* --------------------------------------------------------------------------
   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;
    }
}

/* ----------------------------
   8. Candid boxes
   ---------------------------- */
.candid1, .candid2, .candid3, .candid4 {
    box-shadow: var(--shadow-soft);
    border-radius: var(--radius);
    margin-bottom: 30px;
    padding: 20px;
    background-color: #ffffff;
}
.candid1 { background-color: #f2f2f4; padding: 30px; }
.candid2 { border: 1px solid var(--accent-hover); }
.candid3 { border: 1px solid var(--border); }


/* --------------------------------------------------------------------------
   9. MODULO COLUMNIZE (FIX)
   -------------------------------------------------------------------------- */

/* MOBILE: forçar 1 coluna no columnize */
@media (max-width: 768px) {
  .gdlr-core-columnize-item-content.gdlr-core-skin-divider {
    column-count: 1 !important;
    -moz-column-count: 1 !important;
    -webkit-column-count: 1 !important;

    column-gap: 0 !important; /* opcional */
    -moz-column-gap: 0 !important;
    -webkit-column-gap: 0 !important;
  }
}

/* --------------------------------------------------------------------------
   10. TITULOS MDB (em conjunto com snippet)
   -------------------------------------------------------------------------- */

.is-mdb .kingster-page-title-wrap .kingster-page-caption,
.is-mdb .kingster-page-title-wrap .kingster-page-title {
  color: #f26722 !important;
}