/* ═══════════════════════════════════════════════════════
   LEXORA — Fix layout footer colonnes + header styles
   Injecté via child theme — ne pas modifier manuellement
   ═══════════════════════════════════════════════════════ */

/* ── Footer : forcer les largeurs colonnes ── */
.elementor-220 .elementor-element.elementor-element-618878f5 {
  width: 27%;
  max-width: 27%;
  flex-shrink: 0;
}
.elementor-220 .elementor-element.elementor-element-4fa8051a,
.elementor-220 .elementor-element.elementor-element-7f50b161,
.elementor-220 .elementor-element.elementor-element-45e02006 {
  width: 21%;
  max-width: 21%;
  flex-shrink: 0;
}

/* ── Footer : fond crème sur mobile (colonnes empilées) ── */
@media (max-width: 768px) {
  .elementor-220 .elementor-element.elementor-element-618878f5,
  .elementor-220 .elementor-element.elementor-element-4fa8051a,
  .elementor-220 .elementor-element.elementor-element-7f50b161,
  .elementor-220 .elementor-element.elementor-element-45e02006 {
    width: 100%;
    max-width: 100%;
  }
}

/* ── Header : fond crème correct ── */
.elementor-217 .elementor-element.elementor-element-30f3bcf1 {
  background-color: rgba(240, 238, 233, 0.96);
}

/* ── Header : glassmorphism sticky ── */
.elementor-217 .elementor-element.elementor-element-30f3bcf1 {
  backdrop-filter: blur(14px) saturate(1.4);
  -webkit-backdrop-filter: blur(14px) saturate(1.4);
  transition: box-shadow 0.22s ease, border-color 0.22s ease;
}
.elementor-217 .elementor-element.elementor-element-30f3bcf1.elementor-sticky--active {
  background-color: rgba(240, 238, 233, 0.99);
  box-shadow: 0 1px 24px rgba(26, 25, 21, 0.08);
  border-bottom-color: rgba(184, 154, 92, 0.30);
}

/* ── Nav : "Nous contacter" CTA ── */
.elementor-217 .elementor-nav-menu li.lexora-nav-cta > a,
.elementor-217 .elementor-nav-menu li:last-child > a {
  background: #1A1915;
  color: #F0EEE9;
  padding: 7px 18px;
  border-radius: 3px;
  font-weight: 500;
  transition: background 0.22s ease;
}
.elementor-217 .elementor-nav-menu li.lexora-nav-cta > a:hover,
.elementor-217 .elementor-nav-menu li:last-child > a:hover {
  background: #C4693D;
  color: #fff;
}

/* ── Footer menus : hover indent ── */
.elementor-220 .elementor-nav-menu a {
  transition: color 0.22s ease, padding-left 0.18s ease;
}
.elementor-220 .elementor-nav-menu a:hover {
  padding-left: 4px;
}