/**
 * Angara — thème BC‑PME “banque sobre”.
 * - CTA: anthracite
 * - Accent: vert logo BC‑PME (micro-détails)
 * - Danger/Risque: rouge logo BC‑PME
 */

:root,
html[data-scheme="corn"] {
    --bcpme-green: #91BD47; /* vert logo */
    --bcpme-green-dark: #506926; /* dérivé assombri */
    --bcpme-green-subtle: #EDF6DE;
    --bcpme-red: #D0362E; /* rouge logo */
    --bcpme-red-dark: #B92B24;
    --bcpme-red-subtle: #FDE9E8;

    /* Primary (CTA) = anthracite */
    --bcpme-ink: #111827;
    --bcpme-ink-dark: #0B1220;
    --bcpme-ink-subtle: #F3F4F6;

    --nifty-primary: var(--bcpme-ink);
    --nifty-primary-dark: var(--bcpme-ink-dark);
    --nifty-primary-light: var(--bcpme-ink-subtle);

    --nifty-sidebar-bg: var(--bcpme-green-dark);
    --nifty-sidebar-active: #ffffff;
    --nifty-navbar-bg: #ffffff;
    --nf-content-title-color: #1a1a1a;
    --nf-content-title-weight: 700;
    --bs-body-bg: #F7F8FA;
    --bs-body-bg-rgb: 247, 248, 250;
    --bs-body-color: #111827;
    --bs-body-color-rgb: 17, 24, 39;
    --bs-heading-color: #111827;
    --bs-border-color: #E6E8EC;
    --bs-secondary-color: #4B5563;
    --bs-primary: var(--bcpme-ink);
    --bs-primary-rgb: 17, 24, 39;
    --bs-link-color: #111827;
    --bs-link-hover-color: #0B1220;
}

html {
    font-family: "Inter", "Open Sans", system-ui, -apple-system, sans-serif;
}

body {
    font-weight: 400;
    line-height: 1.6;
    color: var(--bs-body-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #1a1a1a;
    font-weight: 700;
}

.page-title {
    color: #111827;
    font-weight: 650;
    text-transform: none;
    letter-spacing: 0;
}

/* —— Top header: white bar, subtle bottom border —— */
.header {
    --nf-header-bg: #ffffff;
    --nf-header-color: #1a1a1a;
    --nf-header-secondary-color: #6b6b6b;
    --nf-header-border-color: #e0e0e0;
    --nf-header-shadow: none;
    --nf-header-btn-hover-bg: rgba(26, 26, 26, 0.08);
    --nf-header-btn-hover-color: #1a1a1a;
    --nf-brand-bg: #ffffff;
    --nf-brand-color: #1a1a1a;
    border-bottom: 1px solid #e0e0e0;
    box-shadow: none !important;
}

/* Fair header: keep logo strip white on desktop (Nifty ties brand to mainnav) */
@media (min-width: 992px) {
    .tm--fair-hd.mn--min .header__brand,
    .mn--min.tm--tall-hd .header__brand,
    .tm--fair-hd.mn--max .header__brand,
    .mn--max.tm--tall-hd .header__brand {
        background-color: #ffffff !important;
        color: #1a1a1a !important;
    }
}

/* —— Main navigation (sidebar): vert BC-PME #88b824, actif lisible sur fond clair —— */
.mainnav {
    --nf-mainnav-bg: var(--bcpme-green-dark);
    --nf-mainnav-color: rgba(255, 255, 255, 0.95);
    --nf-mainnav-secondary-color: rgba(255, 255, 255, 0.55);
    --nf-mainnav-link-color: rgba(255, 255, 255, 0.9);
    --nf-mainnav-link-hover: #ffffff;
    --nf-mainnav-link-active: #1a1a1a;
    --nf-mainnav-link-active-underline-color: rgba(255, 255, 255, 0.35);
    --nf-mainnav-icon-color: rgba(255, 255, 255, 0.95);
    --nf-mainnav-heading-color: rgba(255, 255, 255, 0.72);
    --nf-mainnav-border-color: rgba(0, 0, 0, 0.12);
    --nf-mainnav-submenu-active-bg: #ffffff;
    --nf-mainnav-submenu-active-color: #1a1a1a;
    --nf-mainnav-submenu-active-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    --nf-mainnav-submenu-dashed-color: rgba(255, 255, 255, 0.35);
    --nf-mainnav-min-icon-color: #ffffff;
    --nf-mainnav-min-icon-active-color: var(--bcpme-green);
    --nf-mainnav-min-submenu-active-bg: #ffffff;
    --nf-mainnav-min-submenu-active-color: #1a1a1a;
}

.mainnav__inner .mainnav__menu > .nav-item > .nav-link.active {
    font-weight: 600 !important;
    background-color: #ffffff !important;
    color: #1a1a1a !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.root .mainnav__inner .mainnav__menu > .nav-item > .nav-link:hover:not(.active) {
    background-color: rgba(0, 0, 0, 0.14) !important;
    color: #ffffff !important;
}

.root .mainnav__inner .mainnav__menu > .nav-item > .nav-link:hover:not(.active) i,
.root .mainnav__inner .mainnav__menu > .nav-item > .nav-link:hover:not(.active) .nav-icon {
    color: #ffffff !important;
}

.mainnav__inner .mainnav__menu > .nav-item > .nav-link.active i,
.mainnav__inner .mainnav__menu > .nav-item > .nav-link.active .nav-icon {
    color: #88b824 !important;
}

.mainnav__inner .mainnav__menu > .nav-item > .nav-link.active .nav-label {
    color: #1a1a1a !important;
}

.mainnav__bottom-content {
    background-color: #6f9a1c !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}

.mainnav__bottom-content .nav-link {
    color: rgba(255, 255, 255, 0.9) !important;
}

.mainnav__bottom-content .nav-link:hover {
    color: #ffffff !important;
}

/* Section labels / small caps */
.bc-pme-label,
.section-label {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #6b6b6b;
}

/* —— Primary / outline buttons (CTA anthracite) —— */
.btn-primary,
a.btn-primary {
    --bs-btn-bg: var(--bcpme-ink);
    --bs-btn-border-color: var(--bcpme-ink);
    --bs-btn-color: #ffffff;
    --bs-btn-hover-bg: var(--bcpme-ink-dark);
    --bs-btn-hover-border-color: var(--bcpme-ink-dark);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-active-bg: var(--bcpme-ink-dark);
    --bs-btn-active-border-color: var(--bcpme-ink-dark);
    --bs-btn-active-color: #ffffff;
    border-radius: 10px;
    font-weight: 600;
    box-shadow: none !important;
}

.btn-outline-primary,
a.btn-outline-primary {
    --bs-btn-color: var(--bcpme-ink);
    --bs-btn-border-color: #D1D5DB;
    --bs-btn-hover-bg: #F3F4F6;
    --bs-btn-hover-border-color: #9CA3AF;
    --bs-btn-hover-color: var(--bcpme-ink-dark);
    border-width: 1px;
    border-radius: 10px;
    font-weight: 600;
    box-shadow: none !important;
}

.btn-secondary:not(.btn-outline-secondary) {
    border-radius: 4px;
}

/* Badges */
.badge.bg-primary,
span.badge.bg-primary {
    background-color: var(--bcpme-ink) !important;
    color: #ffffff !important;
    font-weight: 600;
}

.badge.bg-success {
    background-color: #e8f5e9 !important;
    color: #2e7d32 !important;
}

/* Cards */
.card {
    background-color: #ffffff;
    border: 1px solid #E6E8EC;
    border-radius: 12px;
    box-shadow: none;
}

.angara-card {
    border-radius: 12px;
    box-shadow: none;
    border: 1px solid #E6E8EC;
}

.card-header {
    background-color: transparent !important;
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: none;
    letter-spacing: 0;
    color: #111827;
    border-bottom: 1px solid #E6E8EC;
}

/* Feature icon discs (vert institutionnel + pastille) */
.bc-pme-icon-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color: var(--bcpme-green-subtle);
    color: var(--bcpme-green);
}

/* Footer (in-layout) — sobre, filet vert BC-PME */
.bc-pme-footer {
    background-color: #1a1a1a !important;
    color: #cccccc !important;
    border-top: 3px solid var(--bcpme-green) !important;
}

.bc-pme-footer a {
    color: #cccccc !important;
}

.bc-pme-footer a:hover {
    color: var(--bcpme-green) !important;
}

.bc-pme-footer .nav-link {
    color: #cccccc !important;
}

.bc-pme-footer .nav-link:hover {
    color: var(--bcpme-green) !important;
}

.bc-pme-footer .btn-link {
    color: #cccccc !important;
}

.bc-pme-footer .btn-link:hover {
    color: var(--bcpme-green) !important;
}

/* Secondary sidebar (Nifty aside) */
.sidebar {
    background-color: #F7F8FA;
    border-inline-start: 1px solid #E6E8EC;
}

/* Header controls: avoid pill shape on search toggles */
.header .rounded-pill {
    border-radius: 4px !important;
}

/* Logo barre : zone blanche, logo horizontal BC-PME */
.header__brand .brand-wrap .brand-img img {
    max-height: 2.75rem;
    width: auto;
    max-width: min(220px, 36vw);
    height: auto;
    object-fit: contain;
}

.header__brand .brand-wrap .brand-icon img {
    max-height: 2rem;
    width: auto;
    max-width: 48px;
    object-fit: contain;
}

/* Scroll-to-top : vert institutionnel */
.scroll-page {
    --nf-btn-scroll-bg: var(--bcpme-green-dark);
    --nf-btn-scroll-color: #ffffff;
}

/* Danger = rouge logo (sans toucher CTA) */
.btn-danger,
a.btn-danger {
    --bs-btn-bg: var(--bcpme-red);
    --bs-btn-border-color: var(--bcpme-red);
    --bs-btn-color: #ffffff;
    --bs-btn-hover-bg: var(--bcpme-red-dark);
    --bs-btn-hover-border-color: var(--bcpme-red-dark);
    --bs-btn-active-bg: var(--bcpme-red-dark);
    --bs-btn-active-border-color: var(--bcpme-red-dark);
    border-radius: 10px;
    font-weight: 600;
    box-shadow: none !important;
}

/* Brand helpers (accent vert logo, sobre) */
.text-brand {
    color: var(--bcpme-green) !important;
}

.border-brand {
    border-color: var(--bcpme-green) !important;
}

.bg-brand-subtle {
    background-color: var(--bcpme-green-subtle) !important;
}

/**
 * Zone @yield('actions') : déclencheur menu vert institutionnel (#91BD47)
 * — harmonise tous les menus d’actions d’en-tête (dropdown ou btn-group).
 */
.angara-page-actions .dropdown > .dropdown-toggle,
.angara-page-actions .btn-group > .dropdown-toggle {
    --angara-actions-bg: #91bd47;
    --angara-actions-bg-hover: #7aad3a;
    --angara-actions-border: #91bd47;
    background-color: var(--angara-actions-bg) !important;
    border-color: var(--angara-actions-border) !important;
    color: #fff !important;
    font-weight: 600;
    border-radius: 10px;
    box-shadow: none !important;
}

.angara-page-actions .dropdown > .dropdown-toggle:hover,
.angara-page-actions .dropdown > .dropdown-toggle:focus,
.angara-page-actions .dropdown > .dropdown-toggle.show,
.angara-page-actions .btn-group > .dropdown-toggle:hover,
.angara-page-actions .btn-group > .dropdown-toggle:focus,
.angara-page-actions .btn-group > .dropdown-toggle.show {
    background-color: var(--angara-actions-bg-hover) !important;
    border-color: var(--angara-actions-bg-hover) !important;
    color: #fff !important;
}

.angara-page-actions .dropdown > .dropdown-toggle:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(145, 189, 71, 0.35) !important;
}

.btn-angara-actions.dropdown-toggle,
.btn-angara-actions.dropdown-toggle.show {
    --angara-actions-bg: #91bd47;
    --angara-actions-bg-hover: #7aad3a;
    background-color: var(--angara-actions-bg) !important;
    border-color: var(--angara-actions-bg) !important;
    color: #fff !important;
    font-weight: 600;
    border-radius: 10px;
    box-shadow: none !important;
}

.btn-angara-actions.dropdown-toggle:hover,
.btn-angara-actions.dropdown-toggle:focus,
.btn-angara-actions.dropdown-toggle.show {
    background-color: var(--angara-actions-bg-hover) !important;
    border-color: var(--angara-actions-bg-hover) !important;
    color: #fff !important;
}