/**
 * France-BIA — Footer (sticky bar + footer bas)
 * Préfixe : fbia-ftr-
 * Fichier à placer dans : /wp-content/themes/oceanwp-child-theme-master/assets/css/fbia-footer.css
 */

/* ═══════════════════════════════════════
   RESET SCOPED
   ═══════════════════════════════════════ */

.fbia-ftr-sticky,
.fbia-ftr-sticky *,
.fbia-ftr-wrap,
.fbia-ftr-wrap *,
.fbia-ftr-wrap *::before,
.fbia-ftr-wrap *::after {
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
}

.fbia-ftr-sticky a,
.fbia-ftr-wrap a {
  text-decoration: none !important;
  color: #fff !important;
  transition: color .2s ease, opacity .2s ease !important;
}

.fbia-ftr-sticky a:hover,
.fbia-ftr-wrap a:hover {
  opacity: .85 !important;
}

.fbia-ftr-wrap ul {
  list-style: none !important;
}

/* ═══════════════════════════════════════
   MASQUER L'ANCIEN FOOTER ELEMENTOR
   (uniquement chargé sur la page test)
   ═══════════════════════════════════════ */

/* Masquer uniquement le contenu Elementor dans le footer, pas les wrappers OceanWP */
#colophon .elementor,
#colophon [data-elementor-type="footer"],
#colophon .elementor-location-footer,
#footer-widgets .elementor,
#footer-bottom .elementor,
.hfe-footer .elementor,
[data-elementor-type="footer"] > .elementor-section-wrap,
[data-elementor-type="footer"] > .e-con {
  display: none !important;
}

/* ═══════════════════════════════════════
   NIVEAU 1 — BARRE STICKY CTA
   ═══════════════════════════════════════ */

.fbia-ftr-sticky {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 99990 !important;
  background: #000206 !important;
  border-top: 2px solid rgba(47,177,226,.3) !important;
  transition: transform .4s ease, opacity .4s ease !important;
  font-family: 'Rubik', Arial, sans-serif !important;
  font-size: 15px !important;
}

.fbia-ftr-sticky--hidden {
  transform: translateY(100%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.fbia-ftr-sticky-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 12px 24px !important;
}

/* Boutons CTA sticky */
.fbia-ftr-sticky-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 28px !important;
  height: 44px !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  white-space: nowrap !important;
  transition: background .2s ease !important;
  color: #fff !important;
}

.fbia-ftr-sticky-btn--primary {
  background: #214E9D !important;
}

.fbia-ftr-sticky-btn--primary:hover {
  background: #0C44B8 !important;
}

.fbia-ftr-sticky-btn--secondary {
  background: #0A64AE !important;
}

.fbia-ftr-sticky-btn--secondary:hover {
  background: #085a9c !important;
}

/* Recherche */
.fbia-ftr-search-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  position: relative !important;
}

.fbia-ftr-search-toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  border-radius: 6px !important;
  transition: background .2s ease !important;
}

.fbia-ftr-search-toggle:hover {
  background: rgba(47,177,226,.15) !important;
}

.fbia-ftr-search-form {
  display: none !important;
  align-items: center !important;
  gap: 0 !important;
  overflow: hidden !important;
  border-radius: 6px !important;
  height: 44px !important;
}

.fbia-ftr-search-form--open {
  display: flex !important;
}

.fbia-ftr-search-input {
  width: 220px !important;
  height: 44px !important;
  padding: 0 14px !important;
  background: #0C2F75 !important;
  border: none !important;
  color: #fff !important;
  font-family: 'Rubik', Arial, sans-serif !important;
  font-size: 14px !important;
  outline: none !important;
  border-radius: 6px 0 0 6px !important;
}

.fbia-ftr-search-input::placeholder {
  color: rgba(255,255,255,.5) !important;
}

.fbia-ftr-search-submit {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  background: #2FB1E2 !important;
  border: none !important;
  cursor: pointer !important;
  border-radius: 0 6px 6px 0 !important;
  transition: background .2s ease !important;
}

.fbia-ftr-search-submit:hover {
  background: #1a9fd0 !important;
}

/* ═══════════════════════════════════════
   NIVEAU 2 — FOOTER BAS
   ═══════════════════════════════════════ */

.fbia-ftr-wrap {
  background: #000206 !important;
  font-family: 'Rubik', Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  color: #fff !important;
  border-top: 2px solid rgba(47,177,226,.25) !important;
}

/* ── Logos partenaires — pleine largeur ── */

.fbia-ftr-partners {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(47,177,226,.15) !important;
  padding: 24px 0 !important;
}

.fbia-ftr-partners-inner {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 24px !important;
  width: 100% !important;
  padding: 0 16px !important;
}

.fbia-ftr-partners a {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}

.fbia-ftr-partners img {
  height: 50px !important;
  width: auto !important;
  object-fit: contain !important;
  filter: none !important;
  transition: filter .3s ease !important;
}

.fbia-ftr-partners a:hover img {
  filter: grayscale(0%) !important;
}

/* ── Contenu principal (3 colonnes) ── */

.fbia-ftr-main {
  padding: 32px 0 !important;
}

.fbia-ftr-main-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 60px !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

/* Colonne logo */
.fbia-ftr-col--logo {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0 !important;
}

.fbia-ftr-logo {
  height: 150px !important;
  width: auto !important;
  border-radius: 12px !important;
}

/* Réseaux sociaux */
.fbia-ftr-social {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.fbia-ftr-social a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: rgba(47,177,226,.15) !important;
  transition: background .2s ease !important;
}

.fbia-ftr-social a:hover {
  background: rgba(47,177,226,.35) !important;
  opacity: 1 !important;
}

.fbia-ftr-social svg {
  width: 18px !important;
  height: 18px !important;
}

/* Colonne navigation */
.fbia-ftr-col--nav {
  display: flex !important;
  align-items: center !important;
}

.fbia-ftr-nav-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}

.fbia-ftr-nav-list li a {
  display: block !important;
  padding: 2px 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,.8) !important;
  transition: color .2s ease !important;
}

.fbia-ftr-nav-list li a:hover {
  color: #2FB1E2 !important;
  opacity: 1 !important;
}

/* Colonne CTA Espace Élèves + réseaux sociaux */
.fbia-ftr-col--cta {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 16px !important;
}

.fbia-ftr-eleves-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 32px !important;
  height: 48px !important;
  background: #0C44B8 !important;
  color: #fff !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  transition: background .2s ease !important;
  white-space: nowrap !important;
}

.fbia-ftr-eleves-btn:hover {
  background: #0a3a9e !important;
  color: #fff !important;
  opacity: 1 !important;
}

/* ── Barre copyright + mentions légales ── */

.fbia-ftr-copy {
  border-top: 1px solid rgba(47,177,226,.15) !important;
  padding: 10px 0 !important;
}

.fbia-ftr-copy-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  font-size: 12px !important;
  color: rgba(255,255,255,.5) !important;
  font-style: italic !important;
}

.fbia-ftr-copy-inner a {
  color: rgba(255,255,255,.5) !important;
  font-style: italic !important;
}

.fbia-ftr-copy-inner a:hover {
  color: #2FB1E2 !important;
  opacity: 1 !important;
}

.fbia-ftr-copy-sep {
  color: rgba(255,255,255,.3) !important;
}

/* ═══════════════════════════════════════
   RESPONSIVE — MOBILE < 960px
   ═══════════════════════════════════════ */

@media (max-width: 959px) {

  /* Barre sticky mobile */
  .fbia-ftr-sticky-inner {
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 10px 16px !important;
  }

  .fbia-ftr-sticky-btn {
    flex: 1 !important;
    min-width: 0 !important;
    height: 40px !important;
    font-size: 12px !important;
    padding: 0 12px !important;
  }

  .fbia-ftr-search-input {
    width: 150px !important;
  }

  /* Logos partenaires masqués sur mobile */
  .fbia-ftr-partners {
    display: none !important;
  }

  /* 3 colonnes → empilées */
  .fbia-ftr-main-inner {
    flex-direction: column !important;
    align-items: center !important;
    gap: 24px !important;
    text-align: center !important;
  }

  .fbia-ftr-col--nav {
    align-items: center !important;
  }

  .fbia-ftr-nav-list {
    align-items: center !important;
  }

  .fbia-ftr-col--cta {
    align-items: center !important;
  }

  .fbia-ftr-copy {
    padding-bottom: 10px !important;
  }

  .fbia-ftr-copy-inner {
    flex-wrap: wrap !important;
  }
}