/* ============================================================
   D360 NAVBAR PRODUITS — CSS commun (pilules colorées)
   Chargé dans layout_new.blade.php sur toutes les pages
   ============================================================ */
:root {
    --d360-teal:       #1a9a72;
    --d360-teal-light: #e8f7f2;
    --d360-teal-dark:  #0f6e52;
    --d360-blue:       #1a6aad;
    --d360-blue-light: #e6f1fb;
    --d360-blue-dark:  #114d80;
    --d360-coral:      #d85a30;
    --d360-coral-light:#faece7;
    --d360-coral-dark: #a94322;
    --d360-amber:      #ba7517;
    --d360-amber-light:#faeeda;
    --d360-amber-dark: #8a5510;
    --d360-gray-50:    #f8f9fa;
    --d360-gray-100:   #f1f3f4;
    --d360-gray-200:   #e9ecef;
    --d360-gray-400:   #adb5bd;
    --d360-gray-600:   #6c757d;
    --d360-gray-800:   #343a40;
    --d360-text:       #1a2332;
    --d360-radius:     12px;
    --d360-radius-sm:  8px;
    --d360-shadow:     0 2px 16px rgba(0,0,0,.07);
    --d360-shadow-md:  0 4px 24px rgba(0,0,0,.11);
}

.navbar-center-links .nav-link {
    font-size: .88rem;
    font-weight: 600;
    color: var(--d360-text);
    padding: 7px 14px;
    border-radius: 20px;
    transition: background .15s, color .15s;
}
.navbar-center-links .nav-link:hover { background: var(--d360-gray-100); }
.navbar-center-links .nav-link.active { background: var(--accent-light, #e8f7f2); color: var(--accent-dark, #0f6e52); }
.navbar-center-links .nav-item { margin: 0 2px; }
.nav-brandtag {
    display: block;
    font-size: 10px;
    font-weight: 500;
    color: var(--d360-gray-600);
    line-height: 1;
    margin-top: 2px;
}
.btn-main-blue {
    background: var(--d360-blue); color: #fff; font-weight: 600;
    border-radius: var(--d360-radius-sm);
}
.btn-main-blue:hover { background: var(--d360-blue-dark); color: #fff; }
.btn-patient-access {
    background: var(--d360-teal); color: #fff; font-weight: 600;
    border-radius: var(--d360-radius-sm);
}
.btn-patient-access:hover { background: var(--d360-teal-dark); color: #fff; }
.dropdown-menu {
    border: 1px solid var(--d360-gray-200);
    border-radius: var(--d360-radius-sm);
    box-shadow: var(--d360-shadow-md);
    padding: 6px;
}
.dropdown-item {
    font-size: .86rem; font-weight: 500; border-radius: 6px; padding: 8px 12px;
}
.dropdown-item small { display: block; color: var(--d360-gray-600); font-weight: 400; font-size: .74rem; }
.dropdown-item:hover { background: var(--d360-gray-100); }
/* ── Navbar : pilules colorées permanentes (variante B) ── */
.navbar-center-links { gap: 10px; }
.navbar-center-links .nav-item { margin: 0; }
.navbar-center-links .nav-link {
    border-radius: 12px; padding: 8px 16px; font-size: .86rem; line-height: 1.25;
}
.li-careflow > .nav-link, .li-cabinet > .nav-link {
    background: var(--d360-teal-light); color: var(--d360-teal-dark); }
.li-tele > .nav-link {
    background: var(--d360-blue-light); color: var(--d360-blue-dark); }
.li-domicile > .nav-link {
    background: var(--d360-coral-light); color: var(--d360-coral-dark); }
.li-tarifs > .nav-link {
    background: var(--d360-gray-100); color: var(--d360-text); }
.navbar-center-links .nav-link:hover { filter: brightness(.955); }
.li-careflow > .nav-link.active, .li-cabinet > .nav-link.active,
.li-tarifs > .nav-link.active { background: var(--d360-teal); color: #fff; }
.li-tele > .nav-link.active { background: var(--d360-blue); color: #fff; }
.li-domicile > .nav-link.active { background: var(--d360-coral); color: #fff; }
.navbar-center-links .nav-link.active .nav-brandtag { color: rgba(255,255,255,.85); }
.nav-brandtag { color: inherit; opacity: .75; }
/* Boutons d'accès : même gabarit que les pilules */
.btn-access { font-size: .82rem !important; font-weight: 600;
    padding: 8px 16px !important; border-radius: 10px !important; line-height: 1.25; }
@media (max-width: 991px) {
    .navbar-center-links { gap: 8px; padding: 10px 0; }
    .navbar-center-links .nav-item { width: fit-content; }
}