/* Surcharges CSS propres a l'application, appliquees apres tabler.min.css */

/* Reduction/agrandissement d'une card (ex. cartes "Filtres"), pilote par le
   script inline de layouts/main.php (attribut data-lte-toggle="card-collapse").
   Le footer listant les filtres actifs (.card-footer-filtres-actifs) reste
   volontairement visible meme carte repliee : c'est son seul interet. */
.card.collapsed-card > .card-body,
.card.collapsed-card > .list-group,
.card.collapsed-card > .card-footer:not(.card-footer-filtres-actifs) {
    display: none;
}

[data-lte-icon="expand"] {
    display: none;
}

.collapsed-card [data-lte-icon="collapse"] {
    display: none;
}

.collapsed-card [data-lte-icon="expand"] {
    display: inline;
}

/* En-tetes de tableaux transparents : Tabler leur donne un fond opaque
   (--tblr-bg-surface-tertiary) qui masque le degrade ".card-gradient" de la
   carte qui les contient. */
.table thead th {
    background: transparent;
}

/* Tabler desactive volontairement le soulignement ".nav-item.active::after"
   des qu'un item se trouve dans un ".navbar-collapse" (pense pour le menu
   mobile deroulant). Notre deuxieme ligne de navigation utilise ce conteneur
   meme sur desktop (ou elle reste visible en permanence), donc on reactive
   le soulignement explicitement pour #navbar-menu. */
#navbar-menu .nav-item {
    position: relative;
}

#navbar-menu .nav-item.active::after {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-inline-end: 0;
    bottom: -0.25rem;
    border-bottom: 2px solid var(--tblr-navbar-active-border-color, var(--tblr-primary));
}

/* Galerie de photos de la fiche navire */
.galerie-photo {
    position: relative;
    overflow: hidden;
    border-radius: var(--tblr-border-radius);
    border: 1px solid var(--tblr-border-color);
    aspect-ratio: 1 / 1;
    background: var(--tblr-bg-surface-secondary);
}
.galerie-photo-image {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: zoom-in;
}
.galerie-photo-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .25s ease;
}
.galerie-photo:hover .galerie-photo-image img {
    transform: scale(1.06);
}
.galerie-photo-supprimer {
    position: absolute;
    top: .5rem;
    right: .5rem;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .15s ease;
}
.galerie-photo:hover .galerie-photo-supprimer,
.galerie-photo-supprimer:focus-visible {
    opacity: 1;
}
/* Sans survol (ecran tactile) : bouton toujours visible */
@media (hover: none) {
    .galerie-photo-supprimer {
        opacity: 1;
    }
}