/* Carte du catalogue d'analyses.

   Feuille autonome, chargee seulement sur la page qui porte le shortcode
   [biopath_carte_catalogue], sur le modele de css/laboratory-archive.css. Elle
   ne passe donc pas par sass/ : le depot n'a aucun outil de build, et toute
   regle ecrite dans sass/ doit etre reportee a la main dans static.min.css. */

.biopath-carte-catalogue__carte {
    width: 100%;
    height: 500px;
}

.biopath-carte-catalogue__toile {
    width: 100%;
    height: 100%;
}

/* Complianz injecte en fin de <head> une hauteur calculee sur le rapport de son
   image de substitut (1280x920), ce qui donne ici plus de 1100 px et repousse la
   legende et le bouton d'acceptation sous la ligne de flottaison. Le conteneur
   garde sa hauteur, en specificite 0-2-0 pour l'emporter.

   Les deux classes sont visees : selon la version et le reglage « consentement
   par service », l'extension pose `cmplz-placeholder-element` ou
   `cmplz-blocked-content-container` sur l'element declare. */
.biopath-carte-catalogue__carte.cmplz-placeholder-element,
.biopath-carte-catalogue__carte.cmplz-blocked-content-container {
    height: 500px;
}

.biopath-carte-catalogue__legende {
    list-style: none;
    margin: 16px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px;
}

.biopath-carte-catalogue__legende-item {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 15px;
    line-height: 1.4;
}

.biopath-carte-catalogue__legende-item img {
    flex: 0 0 auto;
}

/* Texte reserve aux lecteurs d'ecran. La classe screen-reader-text du theme est
   en display:none (sass/custom/base/_base.scss), ce qui la retire de l'arbre
   d'accessibilite : elle n'est donc annoncee a personne. Celle-ci reste dans le
   flux pour les technologies d'assistance, hors de l'ecran pour les autres. */
.biopath-carte-catalogue__sr {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

/* Infobulle */
.biopath-carte-catalogue__infobulle strong {
    display: block;
    font-size: 16px;
}

.biopath-carte-catalogue__infobulle-type {
    margin-top: 2px;
    font-size: 14px;
}

.biopath-carte-catalogue__lien,
.biopath-carte-catalogue__fiche {
    display: inline-block;
    margin-top: 8px;
}

.biopath-carte-catalogue__lien {
    font-weight: 600;
}

.biopath-carte-catalogue__fiche {
    margin-left: 12px;
}

/* Encart de controle, visible des seuls redacteurs connectes. */
.biopath-carte-catalogue__controle {
    margin-top: 24px;
    padding: 12px 16px;
    border-left: 4px solid #ED6A5B;
    background: #fdf2f0;
    font-size: 14px;
}

.biopath-carte-catalogue__controle p,
.biopath-carte-catalogue__controle ul {
    margin: 0;
}

.biopath-carte-catalogue__controle ul {
    margin-top: 6px;
    padding-left: 20px;
}

/* Telephone : la carte est plus basse, et la legende passe en colonne — trois
   libelles de type tiennent mal cote a cote sous 420 px. */
@media (max-width: 767px) {
    .biopath-carte-catalogue__carte,
    .biopath-carte-catalogue__carte.cmplz-placeholder-element,
    .biopath-carte-catalogue__carte.cmplz-blocked-content-container {
        height: 320px;
    }

    .biopath-carte-catalogue__legende {
        display: block;
    }

    .biopath-carte-catalogue__legende-item {
        margin-top: 6px;
    }

    .biopath-carte-catalogue__fiche {
        margin-left: 0;
        display: block;
    }
}

/* Precision facultative d'un laboratoire, sous son type. Volontairement plus
   discrete que le type : c'est une nuance, pas une categorie. */
.biopath-carte-catalogue__infobulle-precision {
    margin-top: 4px;
    font-size: 13px;
    font-style: italic;
    color: #4b5864;
}