/* =========================================
   CSS - Ricardo Basílio
   ========================================= */

:root {
    /* As tuas cores personalizadas */
    --cor-principal: #FF6600;       /* O teu Laranja */
    --cor-principal-hover: #CC5200; /* Laranja Escuro */
    --cor-texto: #333333;           
    --cor-fundo-suave: #FFF5F0;     

    /* --- OVERRIDE DAS VARIÁVEIS DO BOOTSTRAP 5 --- */
    /* Isto engana o Bootstrap para ele achar que a cor "Primary" é laranja */
    --bs-primary: #FF6600;
    --bs-primary-rgb: 255, 102, 0; /* Necessário para transparências */
    --bs-link-color: #FF6600;
    --bs-link-hover-color: #CC5200;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: var(--cor-texto);
    background-color: #ffffff;
}

/* --- FORÇAR AS CLASSES UTILITÁRIAS A SEREM LARANJA --- */

/* 1. Texto (Ícones e Títulos destacados) */
.text-primary {
    color: var(--cor-principal) !important;
}

/* 2. Fundos (Secções de destaque) */
.bg-primary {
    background-color: var(--cor-principal) !important;
}

/* 3. Bordas */
.border-primary {
    border-color: var(--cor-principal) !important;
}

/* --- BOTÕES (Reforço) --- */
.btn-primary {
    background-color: var(--cor-principal) !important;
    border-color: var(--cor-principal) !important;
    color: #fff !important; 
    font-weight: 600;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: var(--cor-principal-hover) !important;
    border-color: var(--cor-principal-hover) !important;
}

/* Botões "Outline" (Fundo transparente, borda laranja) */
.btn-outline-primary {
    color: var(--cor-principal) !important;
    border-color: var(--cor-principal) !important;
}
.btn-outline-primary:hover {
    background-color: var(--cor-principal) !important;
    color: #fff !important;
}

/* --- LINKS E NAVIGATIONS --- */
a {
    color: var(--cor-principal);
    text-decoration: none;
    transition: color 0.2s;
}

a:hover {
    color: var(--cor-principal-hover);
    text-decoration: underline;
}

/* Menu de Navegação */
.navbar-dark .navbar-nav .nav-link.active {
    color: var(--cor-principal) !important;
    font-weight: bold;
}

.navbar-brand i {
    color: var(--cor-principal); 
}

/* Efeito nos campos de formulário (Focus) */
.form-control:focus {
    border-color: var(--cor-principal);
    box-shadow: 0 0 0 0.25rem rgba(255, 102, 0, 0.25);
}

/* --- ESTILO EXTRA (Títulos) --- */
h1::after {
    content: '';
    display: block;
    width: 60px;
    height: 4px;
    background: var(--cor-principal);
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 2px;
}

/* Efeito Hover nas Caixas de Competências (Sobre.php) */
.hover-effect {
    transition: transform 0.3s ease, border-color 0.3s ease;
}
.hover-effect:hover {
    transform: translateY(-5px); /* Sobe um bocadinho */
    border-color: var(--cor-principal) !important; /* A borda fica laranja */
}