/*
Theme Name: Monolith
Author: Monolith
Description: A high-performance, professional Bootstrap 5.3.8 theme for education and tech. Features a native, independent SEO Core with seasonal automation and zero-bloat architecture.
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: monolith
Domain Path: /languages
Tags: bootstrap-5, education, blog, custom-menu, featured-images, translation-ready
*/

/* =========================================
   1. FONTES E TIPOGRAFIA
   ========================================= */

@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/Ubuntu-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/Ubuntu-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'f37ginger';
    src: url('fonts/f37ginger-regular-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'f37ginger';
    src: url('fonts/f37ginger-bold-webfont.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'f37ginger';
    src: url('fonts/f37ginger-light-webfont.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'f37ginger', sans-serif;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
}

/* =========================================
   2. UTILITÁRIOS GERAIS
   ========================================= */

.shadow-hover:hover {
    box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.1) !important;
    transition: box-shadow 0.2s ease-in-out;
}

/* Paginação Geral (Bootstrap override) */
.page-link {
    color: #212529;
    padding: 0.5rem 0.85rem;
    text-decoration: none !important;
}

.page-item.active .page-link {
    background-color: #212529 !important;
    border-color: #212529 !important;
    color: #fff !important;
}

/* =========================================
   3. MENUS
   ========================================= */

/* Garante que o dropdown só aparece quando o Bootstrap ativa a classe .show */
.dropdown-menu {
    display: none;
    position: absolute;
    margin: 0;
}

.dropdown-menu.show {
    display: block;
}

/* Ajuste para mobile: garantir que o dropdown não "rebenta" o menu */
@media (max-width: 991px) {
    .dropdown-menu {
        position: static;
        float: none;
        background-color: var(--bg-pastel);
        border: none;
    }
}

/* =========================================
   AJUSTE DE CONTRASTE: DROPDOWN MENU
   ========================================= */

/* 1. Definir o fundo e a cor base do texto */
.dropdown-menu {
    background-color: #ffffff !important;
    border: 1px solid var(--border) !important;
    padding: 0.5rem 0;
}

/* 2. Forçar a cor do texto dos links para escuro (Override do branco da navbar) */
.dropdown-menu .nav-item .nav-link,
.dropdown-menu .dropdown-item {
    color: var(--text-dark) !important;
    padding: 0.6rem 1.5rem !important;
    font-weight: 500;
    transition: all 0.2s ease;
    display: block;
    width: 100%;
}

/* 3. Efeito de Hover (Fundo pastel e texto azul) */
.dropdown-menu .nav-item .nav-link:hover,
.dropdown-item:hover {
    background-color: var(--bg-pastel) !important;
    color: var(--primary) !important;
    padding-left: 1.8rem !important; /* Pequeno deslize visual ao passar o rato */
}

/* 4. Corrigir o item ativo (ex: quando estás na página de favoritos) */
.dropdown-menu .nav-item.active .nav-link,
.dropdown-menu .nav-link.active {
    background-color: var(--bg-pastel) !important;
    color: var(--primary) !important;
    font-weight: 700;
}

/* 5. Ajuste para Mobile (Remover sombras e ajustar cores se necessário) */
@media (max-width: 991px) {
    .dropdown-menu {
        border: none !important;
        background-color: var(--bg-light) !important;
        padding-left: 1rem;
    }
}