/* ============================================================
   FOOTER CORPORATE BOLLWERK — Réplique du footer de bollwerk-joailliers.com
   Chargé via wp_enqueue_style (inc/enqueue-assets.php)
   Le HTML correspondant : partials/footer-corporate-bollwerk.html
   (à coller dans l'éditeur "Custom Footer" de LiveCanvas — Partial "Footer", ID 7)
   ============================================================ */

.bw-footer, .bw-footer * { box-sizing: border-box; }
.bw-footer {
  font-family: 'Jost', Arial, Helvetica, sans-serif;
  color: #272626;
  background: #ffffff;
}
.bw-footer a { color: inherit; text-decoration: none; }
.bw-footer ul { list-style: none; margin: 0; padding: 0; }

.bw-footer__inner {
  max-width: 1800px;
  margin: 0 auto;
  padding: 60px 30px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}

.bw-footer__col--logo { display: flex; align-items: flex-start; }
.bw-footer__logo { display: block; width: 200px; max-width: 100%; height: auto; }

/* Cadre "carte" autour du logo, desktop uniquement (>= 992px) :
   fond blanc, coins arrondis, fine bordure grise, ombre douce.
   (même traitement que le logo du header) */
@media (min-width: 992px) {
  .bw-footer__col--logo {
    justify-self: start; /* évite que la carte s'étire sur toute la largeur de la colonne grid */
    align-self: start;   /* évite que la carte s'étire sur toute la hauteur de la ligne grid (colonnes voisines plus hautes) */
    background: #ffffff;
    border: 1.2px solid #E4E4E4;
    border-radius: 0px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
    padding: 8px 20px; /* moins de padding, mais horizontal > vertical -> reste rectangulaire */
  }
}

.bw-footer__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 28px;
}

.bw-footer__list li {
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
}
.bw-footer__list li + li { margin-top: 10px; }
.bw-footer__list a:hover,
.bw-footer__list a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.bw-footer .bw-footer__social {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 40px; /* espace entre "Nous contacter" et les icônes réseaux sociaux
                        (sélecteur préfixé .bw-footer pour battre la spécificité
                        de la règle de reset ".bw-footer ul { margin: 0; }" ci-dessus) */
}
.bw-footer__social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 20px;
  line-height: 1;
}
.bw-footer__social a:hover,
.bw-footer__social a:focus-visible { opacity: 0.65; }

/* ---------- Responsive ---------- */
@media (max-width: 991px) {
  .bw-footer__inner {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 40px;
    padding: 50px 24px;
  }
  .bw-footer__col--logo { justify-content: center; }
  .bw-footer__social { justify-content: center; }
}