/* =========================================================
   CUSTOM.CSS — mpopowycz.com
   Corrections menu : trait blanc, logo, hamburger
   ========================================================= */

/* 1. Supprimer le trait blanc sous le menu (bordure ou ombre) */
.navbar,
.mbr-navbar,
section.menu {
    border-bottom: none !important;
    box-shadow: none !important;
}

/* 2. Transition douce sur le fond du menu */
.navbar {
    transition: background-color 0.3s ease;
}

/* 3. État par défaut (menu transparent en haut de page) : logo et hamburger en BLANC */
.navbar-brand img {
    filter: brightness(0) invert(1);
    transition: filter 0.3s ease;
}

.navbar-toggler .hamburger-icon span,
.navbar-toggler .icon-bar,
.navbar-toggler span {
    background-color: #ffffff !important;
    transition: background-color 0.3s ease;
}

.navbar-toggler,
.navbar-toggler i,
.navbar-toggler svg {
    color: #ffffff !important;
    filter: brightness(0) invert(1);
}

/* 4. Quand on scrolle (classe navbar-short ajoutée par Mobirise) :
      le menu devient blanc, logo et hamburger repassent en NOIR */
.navbar.navbar-short {
    background-color: #ffffff !important;
}

.navbar.navbar-short .navbar-brand img {
    filter: none !important;
}

.navbar.navbar-short .navbar-toggler .hamburger-icon span,
.navbar.navbar-short .navbar-toggler .icon-bar,
.navbar.navbar-short .navbar-toggler span {
    background-color: #000000 !important;
}

.navbar.navbar-short .navbar-toggler,
.navbar.navbar-short .navbar-toggler i,
.navbar.navbar-short .navbar-toggler svg {
    color: #000000 !important;
    filter: none !important;
}

/* Texte du menu en blanc (état transparent) */
.navbar .nav-link,
.navbar .navbar-brand,
.navbar .nav-link.dropdown-toggle {
    color: #ffffff !important;
}

/* Texte du menu en noir quand le fond devient blanc au scroll */
.navbar.navbar-short .nav-link,
.navbar.navbar-short .navbar-brand,
.navbar.navbar-short .nav-link.dropdown-toggle {
    color: #000000 !important;
}

/* Overlay plein écran avec fond blanc semi-transparent */
.img-lightbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.img-lightbox-overlay.active {
    opacity: 1;
    pointer-events: auto;
}

.img-lightbox-overlay img {
    max-width: 90vw;
    max-height: 90vh;
    width: auto;
    height: auto;
    object-fit: contain;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
    cursor: zoom-out;
}

/* Curseur "zoom" uniquement sur les images ciblées */
.item-img img {
    cursor: zoom-in;
}

@media (max-width: 991px) {
  /* Texte du menu en noir quand il est déployé */
  .navbar-collapse.show .nav-link,
  .navbar-collapse.collapsing .nav-link,
  .navbar-collapse.show .dropdown-item,
  .navbar-collapse.collapsing .dropdown-item {
    color: #000 !important;
  }

  /* Logo en noir quand le menu est déployé */
  .navbar:has(.navbar-collapse.show) .navbar-brand img,
  .navbar:has(.navbar-collapse.show) .navbar-logo img,
  .navbar:has(.navbar-collapse.collapsing) .navbar-brand img,
  .navbar:has(.navbar-collapse.collapsing) .navbar-logo img,
  .navbar.opened .navbar-brand img,
  .navbar.opened .navbar-logo img {
    filter: brightness(0);
  }
}

/* Masquer spécifiquement la section de crédit Mobirise */
section.display-7:has(a[href*="mobiri.se"]),
section.display-7:has(a[href*="mobirise.com"]) {
    display: none !important;
}