/* Thème République du Congo — Brazzaville */
:root {
    --congo-green: #009543;
    --congo-green-dark: #007a38;
    --congo-green-light: #e8f5ee;
    --congo-yellow: #fbde4a;
    --congo-yellow-dark: #e5c93d;
    --congo-red: #dc241f;
    --congo-red-dark: #b81d19;
    --congo-red-light: #fdecea;
    --congo-dark: #0d1f14;
    --congo-text: #1a2e22;
    --congo-muted: #5a6f62;
    --congo-bg: #f4f8f5;
    --congo-white: #ffffff;
    --gradient-congo: linear-gradient(135deg, var(--congo-green) 0%, var(--congo-yellow) 52%, var(--congo-red) 100%);
    --gradient-congo-soft: linear-gradient(135deg, var(--congo-green) 0%, var(--congo-green-dark) 100%);
    --gradient-hero: linear-gradient(160deg, rgba(0, 149, 67, 0.92) 0%, rgba(251, 222, 74, 0.75) 48%, rgba(220, 36, 31, 0.88) 100%);
    --shadow-congo: 0 12px 32px rgba(0, 149, 67, 0.18);
    --shadow-card: 0 8px 24px rgba(13, 31, 20, 0.08);
    --radius-lg: 20px;
    --radius-md: 12px;
    --font-display: 'Poppins', 'Segoe UI', system-ui, sans-serif;
}

/* Barre logo institutionnel (remplace bandeaux drapeau) */
.brand-logo-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-bottom: 1px solid #d4e8dc;
    min-height: 52px;
    padding: 6px 16px;
    z-index: 10001;
}

.brand-logo-bar--fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.brand-logo-bar__img {
    max-height: 40px;
    width: auto;
    object-fit: contain;
}

.brand-logo {
    object-fit: contain;
    display: block;
}

@keyframes congoPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(0, 149, 67, 0.35); }
    50% { box-shadow: 0 0 0 12px rgba(0, 149, 67, 0); }
}

@keyframes congoFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

@keyframes slideInLeft {
    from { transform: translateX(-100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(24px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideInDown {
    from { opacity: 0; transform: translateY(-16px); }
    to { opacity: 1; transform: translateY(0); }
}

.congo-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(0, 149, 67, 0.12);
    border: 1px solid rgba(0, 149, 67, 0.35);
    color: var(--congo-green-dark);
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
    animation: congoPulse 2.5s infinite;
}

.congo-badge img,
.congo-badge .brand-logo {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    object-fit: contain;
    flex-shrink: 0;
}

.btn-congo {
    background: var(--gradient-congo-soft);
    color: #fff !important;
    border: none;
    border-radius: var(--radius-md);
    font-weight: 700;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.btn-congo:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-congo);
    color: #fff !important;
}

.btn-congo-accent {
    background: linear-gradient(135deg, var(--congo-yellow) 0%, var(--congo-yellow-dark) 100%);
    color: var(--congo-dark) !important;
    border: none;
    font-weight: 800;
}

.text-congo-green { color: var(--congo-green) !important; }
.text-congo-red { color: var(--congo-red) !important; }
.bg-congo-light { background: var(--congo-bg) !important; }

/* Scrollbar thématique */
.theme-congo ::-webkit-scrollbar { width: 8px; height: 8px; }
.theme-congo {
    background-color: #ffffff;
    color: var(--congo-text);
}

.theme-congo ::-webkit-scrollbar-track { background: #f4f8f5; }
.theme-congo ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--congo-green), var(--congo-yellow));
    border-radius: 4px;
}