/*
 * Thème HCP Directory pour Nova 5.
 * Reproduit le rendu de la version Nova 3 en production : barre latérale sombre
 * avec le titre du site dans son bandeau, couleur primaire rouge-rose, image KOL
 * sur la page de connexion. Chargé par resources/views/vendor/nova/layout.blade.php.
 */

/* Couleur primaire (#cf395b, relevée sur le site en production). */
:root {
    --colors-primary-50: 252 236 240;
    --colors-primary-100: 248 214 222;
    --colors-primary-200: 241 173 189;
    --colors-primary-300: 232 131 155;
    --colors-primary-400: 222 93 123;
    --colors-primary-500: 207 57 91;
    --colors-primary-600: 184 46 78;
    --colors-primary-700: 150 37 63;
    --colors-primary-800: 112 27 47;
    --colors-primary-900: 74 18 31;
    --colors-primary-950: 44 10 18;
}

/* Entête : bandeau sombre à gauche avec le titre du site en blanc. */
header > div.lg\:w-60 {
    height: 100%;
    background: #272d36;
}

header > div.lg\:w-60 > a {
    margin-left: 0;
    padding-left: 1.5rem;
    color: #fff;
}

header > div.lg\:w-60 > a:hover,
header > div.lg\:w-60 > a:active {
    color: rgba(255, 255, 255, 0.8);
}

/* Barre latérale sombre sur toute la hauteur. */
div[dusk="content"] > div.w-60 {
    position: fixed !important;
    top: 3.5rem !important;
    bottom: 0 !important;
    overflow-y: auto;
    padding: 1.5rem 0.75rem;
    background: linear-gradient(180deg, #5c6676 0%, #7e8a9b 100%);
}

div[dusk="content"] > div.w-60 .sidebar-menu a,
div[dusk="content"] > div.w-60 .sidebar-menu button {
    color: #fff;
}

div[dusk="content"] > div.w-60 .sidebar-menu a:hover,
div[dusk="content"] > div.w-60 .sidebar-menu button:hover {
    background: rgba(255, 255, 255, 0.12);
}

div[dusk="content"] > div.w-60 .sidebar-menu [data-active-link="true"] {
    color: #fff;
    font-weight: 600;
    box-shadow: inset 0 0 0 1px #fff;
    background: transparent;
}

div[dusk="content"] > div.w-60 .sidebar-menu [data-active-link="true"]:focus {
    box-shadow: inset 0 0 0 1px #fff;
}

/*
 * Page de connexion : comme sous Nova 3, l'image KOL est dans la carte blanche,
 * au-dessus des champs, sans titre « Welcome Back! » et avec les libellés en gras.
 * (Nova affiche son logo de marque au-dessus de la carte : on le masque.)
 */
.max-w-sm.flex.justify-center:has(> span > svg.h-8) {
    display: none;
}

.max-w-\[25rem\].bg-white.shadow::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 466 / 499;
    margin-bottom: 1.5rem;
    background: url("/kol_profile.jpg") center / contain no-repeat;
}

.max-w-\[25rem\].bg-white.shadow > h2 {
    display: none;
}

.max-w-\[25rem\].bg-white.shadow label,
.max-w-\[25rem\].bg-white.shadow a {
    font-weight: 700;
}

header svg.h-6 {
    width: auto;
}

/*
 * Vignettes des listes : carré 48 px recadré (comme sous Nova 3), centrage
 * légèrement vers le haut pour garder les visages dans le cadre.
 */
div[dusk="content"] table td img[style] {
    width: 48px !important;
    height: 48px !important;
    object-fit: cover;
    object-position: 50% 20%;
    border-radius: 0.375rem;
}

/* Fiche détail et formulaires : photo au ratio d'origine, sans recadrage
   (le réglage carré du champ ne doit valoir que pour les listes). */
div[dusk="content"] img[style]:not(table *):not(.medplan-footer-logo) {
    width: auto !important;
    height: auto !important;
    border-radius: 0.375rem;
}

/*
 * Entête fixe au défilement (Nova 5 la laisse défiler, contrairement à Nova 3).
 * Le sticky se pose sur le conteneur de l'entête : son parent #nova couvre toute
 * la page, alors que le parent direct du <header> n'a que sa propre hauteur.
 */
#nova > div:first-child {
    position: sticky;
    top: 0;
    z-index: 30;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

/*
 * Fil d'Ariane : commence à la page de liste, sans le premier maillon « Resources »
 * de Nova, et masqué sur les listes (deux maillons seulement : Resources › liste).
 */
nav[dusk="breadcrumbs"] > ol > li:first-child {
    display: none;
}

nav[dusk="breadcrumbs"]:has(> ol > li:nth-child(2):last-child) {
    display: none;
}