/* =============================================
   Disrupt AI — Icônes "outline glow" & marques partenaires
   Le dégradé #dz-grad est déclaré dans includes/nav.php
   (et inline dans index.html)
   Ce fichier est chargé APRÈS home-disrupt.css / pages.css :
   les règles ci-dessous font autorité.
   ============================================= */

/* Sprite invisible (defs du dégradé) */
.icon-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

/* Icône générique */
.ico-svg {
  display: block;
  fill: none;
  stroke: url(#dz-grad);
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 5px rgba(255,106,0,0.55)) drop-shadow(0 0 13px rgba(255,61,99,0.30));
}
.ico-svg--soft { filter: drop-shadow(0 0 4px rgba(255,106,0,0.40)); }

/* =============================================
   Marques partenaires (IT for Business × FOST)
   ============================================= */

.nav__logo .nav__divider {
  width: 1px;
  height: 20px;
  background: rgba(255,255,255,0.14);
  margin: 0 4px;
  flex-shrink: 0;
}
.page-light-hero .nav__logo .nav__divider { background: rgba(32,32,32,0.16); }

/* Lockup logos (nav accueil + nav pages internes) */
.logo .sub,
.nav__logo .nav__sub {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.logo .sub img,
.nav__logo .nav__sub img {
  height: 15px;
  width: auto;
  max-width: 118px;
  object-fit: contain;
  object-position: center;
  display: block;
  opacity: 0.82;
  transition: opacity 150ms ease;
}
.logo .sub:hover img,
.nav__logo .nav__sub:hover img { opacity: 1; }

.logo .sub-x,
.nav__logo .nav__sub-x {
  font-size: 11px;
  font-weight: 600;
  color: rgba(255,255,255,0.32);
  line-height: 1;
}
.page-light-hero .nav__logo .nav__sub-x { color: rgba(32,32,32,0.32); }
/* Sur hero clair les logos blancs seraient invisibles : on les inverse */
.page-light-hero .nav__logo .nav__sub img { filter: invert(1); opacity: 0.78; }

/* Badge FOST du hero : logo au lieu de la pastille texte */
.fost-badge { padding: 7px 18px 7px 14px; }
.fost-badge .fost-logo {
  height: 17px;
  width: auto;
  max-width: 96px;
  object-fit: contain;
  object-position: center;
  display: block;
  flex-shrink: 0;
}
.fost-badge .fost-sep {
  width: 1px;
  height: 16px;
  background: rgba(255,255,255,0.16);
  flex-shrink: 0;
}

/* Le lockup partenaires disparaît avant les liens de nav.
   Doit être redéclaré ici : ce fichier est chargé en dernier. */
@media (max-width: 1240px) {
  .logo .sub,
  .logo .divider,
  .nav__logo .nav__sub,
  .nav__logo .nav__divider { display: none; }
}
@media (max-width: 700px) {
  .fost-badge { font-size: 12px; padding: 6px 14px 6px 11px; }
  .fost-badge .fost-logo { height: 15px; }
  .fost-badge .fost-sep { display: none; }
}

/* ── Application aux icônes existantes des pages internes ── */

/* Cartes "formats événementiels" (À propos) */
.apropos-event-card__icon svg {
  stroke: url(#dz-grad);
  filter: drop-shadow(0 0 5px rgba(255,106,0,0.55)) drop-shadow(0 0 13px rgba(255,61,99,0.28));
}
.apropos-event-card__icon {
  border: 1px solid rgba(255,106,0,0.22);
}

/* Puce "média partenaire" (hero À propos, fond clair) */
.apropos-hero__badge svg {
  fill: url(#dz-grad);
  stroke: none;
  filter: drop-shadow(0 0 4px rgba(255,106,0,0.45));
}

/* Chip deadline sur la colonne sombre (Intervenant) */
.split-deadline svg {
  stroke: url(#dz-grad);
  filter: drop-shadow(0 0 5px rgba(255,106,0,0.55));
}

/* Écran de succès (fond clair) */
.success-screen__icon svg {
  stroke: url(#dz-grad);
  filter: drop-shadow(0 0 5px rgba(255,106,0,0.40));
}
.success-screen__icon {
  border: 1px solid rgba(255,106,0,0.22);
}

/* Zone d'upload : reste neutre au repos, s'allume au survol */
.upload-zone svg {
  transition: stroke 180ms ease, filter 180ms ease;
}
.upload-zone:hover svg {
  stroke: url(#dz-grad);
  filter: drop-shadow(0 0 5px rgba(255,106,0,0.40));
}