/* Charte graphique du Département de Sociologie (UFHB / Institut d'Ethnosociologie),
   reprise du site public (assets/css/style.css) : brun terracotta, noir, rouge/jaune CI. */

:root {
    --ies-primary: #a06038;
    --ies-primary-dark: #7e4b2c;
    --ies-text: #1a1a1a;
    --ies-black: #000000;
    --ies-white: #ffffff;
    --ies-red: #e30613;
    --ies-yellow: #f2c300;
    --ies-bg: #f8f4f1;
    --ies-border: #e6ddd6;
    --ies-menu-hover: #d8b297;
    --ies-sidebar-bg: #171310;

    /* Variables Bootstrap 5 réaffectées à la charte du département */
    --bs-primary: var(--ies-primary);
    --bs-primary-rgb: 160, 96, 56;
    --bs-link-color: var(--ies-primary);
    --bs-link-color-rgb: 160, 96, 56;
    --bs-link-hover-color: var(--ies-primary-dark);
    --bs-link-hover-color-rgb: 126, 75, 44;
    --bs-body-font-family: 'Manrope', Arial, sans-serif;
}

body {
    background-color: var(--ies-bg);
    font-family: 'Manrope', Arial, sans-serif;
    color: var(--ies-text);
}

h1, h2, h3, .navbar-brand, .ies-brand-title {
    font-family: 'Playfair Display', 'Manrope', serif;
}

/* ---------- Barre supérieure ---------- */
.ies-admin-topbar {
    background: var(--ies-black);
    border-bottom: 4px solid transparent;
    border-image: linear-gradient(to right, var(--ies-red) 74%, var(--ies-yellow) 74%);
    border-image-slice: 1;
}

.ies-admin-topbar .navbar-brand {
    font-weight: 700;
    font-size: 1.15rem;
    letter-spacing: 0.2px;
}

.ies-admin-logo {
    height: 36px;
    width: 36px;
    object-fit: contain;
    background: var(--ies-white);
    border-radius: 6px;
    padding: 3px;
}

/* ---------- Sidebar ---------- */
.ies-sidebar {
    background: var(--ies-sidebar-bg) !important;
}

.ies-sidebar .nav-link {
    color: rgba(255, 255, 255, 0.85);
    border-radius: 0.375rem;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.ies-sidebar .nav-link:hover {
    background-color: rgba(216, 178, 151, 0.18);
    color: var(--ies-menu-hover);
}

.ies-sidebar .nav-link.active {
    background-color: var(--ies-primary);
    color: var(--ies-white);
}

.ies-sidebar hr {
    border-color: rgba(255, 255, 255, 0.15);
}

/* ---------- Boutons ---------- */
.btn-primary {
    --bs-btn-bg: var(--ies-primary);
    --bs-btn-border-color: var(--ies-primary);
    --bs-btn-hover-bg: var(--ies-primary-dark);
    --bs-btn-hover-border-color: var(--ies-primary-dark);
    --bs-btn-active-bg: var(--ies-primary-dark);
    --bs-btn-active-border-color: var(--ies-primary-dark);
    --bs-btn-disabled-bg: var(--ies-primary);
    --bs-btn-disabled-border-color: var(--ies-primary);
}

.btn-outline-primary {
    --bs-btn-color: var(--ies-primary);
    --bs-btn-border-color: var(--ies-primary);
    --bs-btn-hover-bg: var(--ies-primary);
    --bs-btn-hover-border-color: var(--ies-primary);
    --bs-btn-active-bg: var(--ies-primary-dark);
    --bs-btn-active-border-color: var(--ies-primary-dark);
}

.form-check-input:checked {
    background-color: var(--ies-primary);
    border-color: var(--ies-primary);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--ies-primary);
    box-shadow: 0 0 0 0.2rem rgba(160, 96, 56, 0.2);
}

/* ---------- Cartes ---------- */
.card {
    border: 1px solid var(--ies-border);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    border-radius: 0.5rem;
}

.card > .card-body h2.h6,
.card > .card-body h3.h6 {
    color: var(--ies-primary-dark);
    font-weight: 700;
}

.badge.bg-primary {
    background-color: var(--ies-primary) !important;
}

.table thead {
    border-bottom: 2px solid var(--ies-border);
}

.pagination .page-item.active .page-link {
    background-color: var(--ies-primary);
    border-color: var(--ies-primary);
}

.pagination .page-link {
    color: var(--ies-primary-dark);
}

/* ---------- Page de connexion ---------- */
.ies-login-card {
    border-top: 4px solid var(--ies-primary);
}

.ies-login-logo {
    height: 64px;
    width: 64px;
    object-fit: contain;
}