.elementor-14055 .elementor-element.elementor-element-8e0bdd5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for shortcode, class: .elementor-element-3ae1ec8 *//* ============================================================
   LAVAGE ATTITUDE — Articles CSS v2
   Haute spécificité pour override thème + Elementor
   À coller dans : Elementor > CSS Global
   ============================================================ */

/* ─────────────────────────────────────────────────────────
   TOKENS
───────────────────────────────────────────────────────── */
:root {
  --la-bg:            #FFFFFF;
  --la-bg2:           #F4F4F4;
  --la-bg3:           #EBEBEB;
  --la-card:          #F8F8F8;
  --la-card-border:   #E2E2E2;
  --la-dark:          #0D0D0D;
  --la-text:          #111111;
  --la-text-dim:      #444444;
  --la-text-muted:    #777777;
  --la-accent:        #84CC16;
  --la-accent-dark:   #5F9210;
  --la-accent-glow:   rgba(132,204,22,0.12);
  --la-accent-border: rgba(132,204,22,0.35);
  --la-font-title:    'Bebas Neue', sans-serif;
  --la-font-body:     'Barlow', sans-serif;
  --la-max-w:         1360px;
}

/* ─────────────────────────────────────────────────────────
   HERO
───────────────────────────────────────────────────────── */
.la-hero {
  background: #0D0D0D !important;
  position: relative !important;
  overflow: hidden !important;
  min-height: 440px !important;
  display: flex !important;
  align-items: flex-end !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.la-hero__bg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center !important;
  opacity: .35 !important;
}
.la-hero__overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to top, rgba(13,13,13,1) 0%, rgba(13,13,13,.5) 55%, transparent 100%) !important;
}
.la-hero__content {
  position: relative !important;
  z-index: 2 !important;
  padding: 48px 40px 52px !important;
  width: 100% !important;
  max-width: var(--la-max-w) !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

/* Breadcrumb dans hero */
.la-hero__bc {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 11px !important;
  color: rgba(255,255,255,.4) !important;
  text-transform: uppercase !important;
  letter-spacing: .07em !important;
  margin-bottom: 18px !important;
  font-family: var(--la-font-body) !important;
}
.la-hero__bc a {
  color: rgba(255,255,255,.4) !important;
  text-decoration: none !important;
}
.la-hero__bc a:hover { color: var(--la-accent) !important; }

/* Badge */
.la-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
  padding: 5px 12px !important;
  margin-bottom: 16px !important;
  font-family: var(--la-font-body) !important;
  line-height: 1 !important;
}
.la-badge__dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: currentColor !important;
  opacity: .7 !important;
  animation: la-blink 1.5s infinite !important;
  flex-shrink: 0 !important;
}
@keyframes la-blink { 0%,100%{opacity:1} 50%{opacity:.2} }
.la-badge--real  { background: #84CC16 !important; color: #000 !important; }
.la-badge--blog  { background: #3B82F6 !important; color: #fff !important; }
.la-badge--event { background: #EF4444 !important; color: #fff !important; }
.la-badge--promo { background: #F59E0B !important; color: #000 !important; }
.la-badge--archive { background: #555 !important; color: #fff !important; }

/* H1 dans le hero — override thème */
.la-hero__title,
.la-hero .la-hero__title,
.elementor .la-hero__title,
h1.la-hero__title {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: clamp(36px, 5vw, 64px) !important;
  line-height: .95 !important;
  letter-spacing: .02em !important;
  color: #ffffff !important;
  max-width: 820px !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  font-weight: 400 !important;
  text-transform: none !important;
  background: transparent !important;
  border: none !important;
}

/* Extrait / sous-titre hero */
.la-hero__sub,
.la-hero .la-hero__sub {
  font-size: 15px !important;
  font-weight: 300 !important;
  color: rgba(255,255,255,.65) !important;
  max-width: 580px !important;
  line-height: 1.7 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--la-font-body) !important;
  background: transparent !important;
}

/* Meta hero */
.la-hero__meta {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  margin-top: 16px !important;
  font-size: 12px !important;
  color: rgba(255,255,255,.5) !important;
  font-family: var(--la-font-body) !important;
}
.la-hero__meta span { display: flex !important; align-items: center !important; gap: 5px !important; }

/* ─────────────────────────────────────────────────────────
   BREADCRUMB BLANC
───────────────────────────────────────────────────────── */
.la-bc {
  background: var(--la-bg2) !important;
  border-bottom: 1px solid var(--la-card-border) !important;
  padding: 10px 40px !important;
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.la-bc__inner {
  max-width: var(--la-max-w) !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 11px !important;
  color: var(--la-text-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  font-family: var(--la-font-body) !important;
}
.la-bc__inner a { color: var(--la-text-muted) !important; text-decoration: none !important; }
.la-bc__inner a:hover { color: var(--la-accent) !important; }
.la-bc__inner .cur { color: var(--la-accent-dark) !important; }

/* ─────────────────────────────────────────────────────────
   WRAP + RESET FOND BLANC
───────────────────────────────────────────────────────── */
.la-wrap {
  max-width: var(--la-max-w) !important;
  margin: 0 auto !important;
  padding: 32px 40px 80px !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

/* ─────────────────────────────────────────────────────────
   LAYOUT 2 COLONNES
───────────────────────────────────────────────────────── */
.la-layout {
  display: grid !important;
  grid-template-columns: 1fr 300px !important;
  gap: 44px !important;
  align-items: start !important;
  margin-top: 32px !important;
}
.la-blog-layout {
  display: grid !important;
  grid-template-columns: 1fr 280px !important;
  gap: 44px !important;
  align-items: start !important;
}
.la-main { min-width: 0 !important; }

@media (max-width: 900px) {
  .la-layout,
  .la-blog-layout { grid-template-columns: 1fr !important; gap: 32px !important; }
  .la-hero__content { padding: 24px 20px 32px !important; }
  .la-bc { padding: 10px 20px !important; }
  .la-wrap { padding: 24px 20px 60px !important; }
  .la-hero { min-height: 320px !important; }
}

/* ─────────────────────────────────────────────────────────
   META ROW
───────────────────────────────────────────────────────── */
.la-meta {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
  padding: 18px 0 !important;
  border-bottom: 1px solid var(--la-card-border) !important;
  margin-bottom: 36px !important;
  font-size: 12px !important;
  color: var(--la-text-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  font-family: var(--la-font-body) !important;
}
.la-meta__item { display: flex !important; align-items: center !important; gap: 5px !important; }
.la-meta__sep { width: 1px !important; height: 14px !important; background: var(--la-card-border) !important; }
.la-tags { display: flex !important; flex-wrap: wrap !important; gap: 5px !important; margin-left: auto !important; }
.la-tag {
  background: var(--la-bg2) !important;
  border: 1px solid var(--la-card-border) !important;
  color: var(--la-text-muted) !important;
  font-size: 10px !important; font-weight: 500 !important;
  padding: 3px 9px !important;
  text-transform: uppercase !important; letter-spacing: .06em !important;
  cursor: pointer !important; transition: all .2s !important;
  font-family: var(--la-font-body) !important;
}
.la-tag:hover { border-color: var(--la-accent) !important; color: var(--la-accent) !important; }

/* ─────────────────────────────────────────────────────────
   PROSE — override thème sur h2/h3/p
───────────────────────────────────────────────────────── */
.la-prose { background: transparent !important; }

.la-prose h2,
.elementor .la-prose h2 {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 26px !important;
  letter-spacing: .04em !important;
  color: var(--la-text) !important;
  margin: 36px 0 14px !important;
  padding: 0 0 0 14px !important;
  border-left: 3px solid var(--la-accent) !important;
  border-bottom: none !important;
  font-weight: 400 !important;
  text-transform: none !important;
  background: transparent !important;
  line-height: 1.1 !important;
}
.la-prose h3,
.elementor .la-prose h3 {
  font-family: var(--la-font-body) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--la-text) !important;
  margin: 22px 0 10px !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  text-transform: none !important;
}
.la-prose p,
.elementor .la-prose p {
  font-size: 15px !important;
  color: var(--la-text-dim) !important;
  line-height: 1.85 !important;
  margin-bottom: 15px !important;
  font-weight: 300 !important;
  font-family: var(--la-font-body) !important;
  background: transparent !important;
}
.la-prose strong { color: var(--la-text) !important; font-weight: 600 !important; }
.la-prose a { color: var(--la-accent-dark) !important; text-decoration: underline !important; }
.la-prose ul,
.la-prose ol { padding-left: 20px !important; margin-bottom: 16px !important; }
.la-prose li {
  color: var(--la-text-dim) !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  font-family: var(--la-font-body) !important;
}

/* ─────────────────────────────────────────────────────────
   CALLOUT
───────────────────────────────────────────────────────── */
.la-callout {
  background: var(--la-accent-glow) !important;
  border: 1px solid var(--la-accent-border) !important;
  border-left: 4px solid var(--la-accent) !important;
  padding: 18px 22px !important;
  margin: 22px 0 !important;
}
.la-callout__ttl {
  font-weight: 700 !important;
  font-size: 12px !important;
  color: var(--la-accent-dark) !important;
  text-transform: uppercase !important;
  letter-spacing: .07em !important;
  margin-bottom: 6px !important;
  font-family: var(--la-font-body) !important;
}
.la-callout p {
  font-size: 14px !important;
  color: var(--la-text-dim) !important;
  margin: 0 !important;
  line-height: 1.7 !important;
}

/* ─────────────────────────────────────────────────────────
   SIDEBAR
───────────────────────────────────────────────────────── */
.la-sidebar,
.la-blog-sidebar { display: flex !important; flex-direction: column !important; gap: 0 !important; }

.la-sb__block {
  background: var(--la-card) !important;
  border: 1px solid var(--la-card-border) !important;
  padding: 22px !important;
  margin-bottom: 20px !important;
  box-sizing: border-box !important;
}
.la-sb__title,
.elementor .la-sb__title {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 17px !important;
  letter-spacing: .05em !important;
  color: var(--la-text) !important;
  margin-bottom: 14px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--la-card-border) !important;
  border-left: none !important;
  background: transparent !important;
  font-weight: 400 !important;
}
.la-sb__title em { color: var(--la-accent) !important; font-style: normal !important; }

/* CTA sidebar */
.la-cta-sb {
  background: var(--la-dark) !important;
  padding: 22px !important;
  margin-bottom: 20px !important;
  text-align: center !important;
  border: 1px solid #222 !important;
  box-sizing: border-box !important;
}
.la-cta-sb__title,
.elementor .la-cta-sb__title {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 20px !important;
  letter-spacing: .04em !important;
  color: #fff !important;
  margin-bottom: 6px !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  font-weight: 400 !important;
}
.la-cta-sb__sub {
  font-size: 12px !important;
  color: #888 !important;
  line-height: 1.5 !important;
  margin-bottom: 18px !important;
  font-family: var(--la-font-body) !important;
}

/* ─────────────────────────────────────────────────────────
   BOUTONS
───────────────────────────────────────────────────────── */
.la-btn,
.elementor .la-btn,
a.la-btn {
  display: block !important;
  background: #84CC16 !important;
  color: #000 !important;
  font-family: var(--la-font-body) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  padding: 11px 22px !important;
  text-decoration: none !important;
  transition: all .2s !important;
  cursor: pointer !important;
  border: none !important;
  border-radius: 0 !important;
  width: 100% !important;
  text-align: center !important;
  margin-bottom: 7px !important;
  box-sizing: border-box !important;
  line-height: 1.4 !important;
}
.la-btn:hover,
.elementor .la-btn:hover,
a.la-btn:hover { background: #000 !important; color: #84CC16 !important; }

.la-btn--sec,
a.la-btn--sec {
  background: transparent !important;
  color: #aaa !important;
  border: 1px solid #333 !important;
}
.la-btn--sec:hover,
a.la-btn--sec:hover { border-color: var(--la-accent) !important; color: var(--la-accent) !important; background: transparent !important; }

/* ─────────────────────────────────────────────────────────
   LIENS PRESTATIONS
───────────────────────────────────────────────────────── */
.la-pl { display: flex !important; flex-direction: column !important; gap: 5px !important; }
.la-pl-a,
a.la-pl-a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 9px 12px !important;
  background: var(--la-bg2) !important;
  border: 1px solid var(--la-card-border) !important;
  color: var(--la-text-dim) !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  transition: all .2s !important;
  font-family: var(--la-font-body) !important;
}
.la-pl-a:hover,
a.la-pl-a:hover { border-color: var(--la-accent) !important; color: var(--la-accent) !important; background: var(--la-accent-glow) !important; }
.la-pl-a span { color: var(--la-accent) !important; font-size: 14px !important; }

/* ─────────────────────────────────────────────────────────
   ÉTOILES & AVIS
───────────────────────────────────────────────────────── */
.la-stars { color: #84CC16 !important; font-size: 12px !important; }
.la-rating-big {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 38px !important;
  color: #84CC16 !important;
  line-height: 1 !important;
  font-weight: 400 !important;
}
.la-rating-count { font-size: 11px !important; color: var(--la-text-muted) !important; }
.la-avis-item { padding: 10px 0 !important; border-bottom: 1px solid var(--la-card-border) !important; }
.la-avis-item:last-child { border: none !important; padding-bottom: 0 !important; }
.la-avis-item__txt {
  font-size: 13px !important;
  color: var(--la-text-dim) !important;
  line-height: 1.5 !important;
  font-style: italic !important;
  margin-top: 4px !important;
  font-family: var(--la-font-body) !important;
}
.la-avis-item__auth { font-size: 11px !important; color: var(--la-text-muted) !important; margin-top: 5px !important; font-weight: 500 !important; }

/* ─────────────────────────────────────────────────────────
   ARTICLES LIÉS
───────────────────────────────────────────────────────── */
.la-rel,
a.la-rel {
  display: flex !important;
  gap: 10px !important;
  align-items: flex-start !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid var(--la-card-border) !important;
  text-decoration: none !important;
  transition: all .2s !important;
}
.la-rel:last-child,
a.la-rel:last-child { border: none !important; padding-bottom: 0 !important; }
.la-rel:hover .la-rel__title,
a.la-rel:hover .la-rel__title { color: var(--la-accent) !important; }
.la-rel__thumb {
  width: 52px !important; height: 52px !important;
  flex-shrink: 0 !important;
  background: var(--la-bg3) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  font-size: 18px !important;
  border: 1px solid var(--la-card-border) !important;
  overflow: hidden !important;
}
.la-rel__thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.la-rel__type { font-size: 9px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: .1em !important; color: var(--la-accent-dark) !important; margin-bottom: 3px !important; }
.la-rel__title { font-size: 12px !important; font-weight: 500 !important; color: var(--la-text-dim) !important; line-height: 1.35 !important; transition: color .2s !important; }

/* ─────────────────────────────────────────────────────────
   NAV PREV/NEXT
───────────────────────────────────────────────────────── */
.la-anav {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 2px !important;
  margin-top: 48px !important;
  border-top: 1px solid var(--la-card-border) !important;
  padding-top: 28px !important;
}
.la-anav__item,
a.la-anav__item {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 18px !important;
  background: var(--la-card) !important;
  border: 1px solid var(--la-card-border) !important;
  text-decoration: none !important;
  transition: all .2s !important;
}
.la-anav__item:hover,
a.la-anav__item:hover { border-color: var(--la-accent) !important; background: var(--la-accent-glow) !important; }
.la-anav__item--next,
a.la-anav__item--next { flex-direction: row-reverse !important; text-align: right !important; }
.la-anav__arrow {
  width: 34px !important; height: 34px !important;
  border: 1px solid var(--la-card-border) !important;
  flex-shrink: 0 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  color: var(--la-accent) !important;
  font-size: 16px !important;
  transition: all .2s !important;
  background: transparent !important;
}
.la-anav__item:hover .la-anav__arrow { background: var(--la-accent) !important; color: #000 !important; border-color: var(--la-accent) !important; }
.la-anav__label { font-size: 10px !important; color: var(--la-text-muted) !important; text-transform: uppercase !important; letter-spacing: .09em !important; margin-bottom: 3px !important; font-family: var(--la-font-body) !important; }
.la-anav__title { font-size: 13px !important; font-weight: 500 !important; color: var(--la-text-dim) !important; line-height: 1.35 !important; font-family: var(--la-font-body) !important; }
@media (max-width: 640px) { .la-anav { grid-template-columns: 1fr !important; } }

/* ─────────────────────────────────────────────────────────
   CAS D'ÉTUDES — FICHE VÉHICULE
───────────────────────────────────────────────────────── */
.la-vehicle-card {
  background: var(--la-card) !important;
  border: 1px solid var(--la-card-border) !important;
  padding: 22px !important;
  margin-bottom: 28px !important;
  box-sizing: border-box !important;
}
.la-vehicle-card__ttl,
.elementor .la-vehicle-card__ttl {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 19px !important;
  letter-spacing: .04em !important;
  color: var(--la-accent-dark) !important;
  margin-bottom: 14px !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  font-weight: 400 !important;
}
.la-v-specs { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 12px !important; }
.la-v-item label {
  font-size: 10px !important; font-weight: 600 !important;
  color: var(--la-text-muted) !important;
  text-transform: uppercase !important; letter-spacing: .08em !important;
  display: block !important; margin-bottom: 2px !important;
  font-family: var(--la-font-body) !important;
}
.la-v-item value {
  font-size: 13px !important; font-weight: 500 !important;
  color: var(--la-text) !important; display: block !important;
  font-family: var(--la-font-body) !important;
}
@media (max-width: 640px) { .la-v-specs { grid-template-columns: 1fr 1fr !important; } }

/* Prestations réalisées */
.la-prestas-done-wrap { margin-bottom: 24px !important; }
.la-prestas-done { display: flex !important; flex-wrap: wrap !important; gap: 7px !important; margin-top: 10px !important; }
.la-pd {
  display: flex !important; align-items: center !important; gap: 5px !important;
  background: var(--la-accent-glow) !important;
  border: 1px solid var(--la-accent-border) !important;
  color: var(--la-accent-dark) !important;
  font-size: 11px !important; font-weight: 600 !important;
  padding: 5px 11px !important;
  text-transform: uppercase !important; letter-spacing: .06em !important;
  font-family: var(--la-font-body) !important;
}
.la-pd::before { content: '✓' !important; font-weight: 800 !important; }

/* Galerie */
.la-gallery-wrap { margin-bottom: 32px !important; }
.la-gallery__tabs { display: flex !important; gap: 2px !important; margin-bottom: 2px !important; }
.la-gtab {
  background: var(--la-bg2) !important;
  border: 1px solid var(--la-card-border) !important;
  color: var(--la-text-muted) !important;
  font-size: 11px !important; font-weight: 500 !important;
  padding: 8px 16px !important; cursor: pointer !important;
  text-transform: uppercase !important; letter-spacing: .06em !important;
  transition: all .2s !important;
  font-family: var(--la-font-body) !important;
  border-radius: 0 !important;
}
.la-gtab.on,
.la-gtab:hover { background: #84CC16 !important; color: #000 !important; border-color: #84CC16 !important; }
.la-gcontent { display: none !important; }
.la-gcontent.on { display: block !important; }

.la-grid { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 3px !important; }
.la-grid__item {
  background: var(--la-bg3) !important; overflow: hidden !important;
  position: relative !important; aspect-ratio: 4/3 !important;
  border: 1px solid var(--la-card-border) !important;
}
.la-grid__item--w { grid-column: span 2 !important; }
.la-grid__item img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; transition: transform .4s !important; }
.la-grid__item:hover img { transform: scale(1.03) !important; }
@media (max-width: 640px) { .la-grid { grid-template-columns: 1fr 1fr !important; } }

.la-video-wrap { position: relative !important; padding-bottom: 56.25% !important; height: 0 !important; overflow: hidden !important; background: var(--la-bg3) !important; }
.la-video-wrap iframe { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; }

/* Témoignage */
.la-testi {
  background: var(--la-card) !important;
  border: 1px solid var(--la-card-border) !important;
  border-left: 4px solid var(--la-accent) !important;
  padding: 26px !important; margin: 28px 0 !important;
  box-sizing: border-box !important;
}
.la-testi__q { font-size: 44px !important; color: var(--la-accent) !important; line-height: .4 !important; font-family: Georgia,serif !important; opacity: .35 !important; margin-bottom: 10px !important; }
.la-testi__txt { font-size: 15px !important; color: var(--la-text-dim) !important; line-height: 1.8 !important; font-style: italic !important; font-weight: 300 !important; margin-bottom: 14px !important; font-family: var(--la-font-body) !important; }
.la-testi__author { display: flex !important; align-items: center !important; gap: 11px !important; }
.la-testi__av { width: 38px !important; height: 38px !important; border-radius: 50% !important; background: var(--la-bg3) !important; border: 2px solid var(--la-accent) !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 15px !important; flex-shrink: 0 !important; overflow: hidden !important; }
.la-testi__av img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.la-testi__name { font-size: 13px !important; font-weight: 600 !important; color: var(--la-text) !important; font-family: var(--la-font-body) !important; }
.la-testi__vehicle { font-size: 11px !important; color: var(--la-text-muted) !important; font-family: var(--la-font-body) !important; }

/* ─────────────────────────────────────────────────────────
   ÉVÉNEMENT
───────────────────────────────────────────────────────── */
.la-event-card {
  background: var(--la-card) !important;
  border: 1px solid var(--la-card-border) !important;
  border-left: 4px solid var(--la-accent) !important;
  padding: 24px !important; margin-bottom: 28px !important;
  box-sizing: border-box !important;
}
.la-event-card--archived { border-left-color: var(--la-text-muted) !important; opacity: .7 !important; }
.la-event-card__ttl { font-family: 'Bebas Neue', sans-serif !important; font-size: 13px !important; letter-spacing: .1em !important; color: var(--la-accent-dark) !important; margin-bottom: 14px !important; font-weight: 400 !important; padding: 0 !important; border: none !important; }
.la-event-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 14px !important; }
.la-ev-item label { font-size: 10px !important; font-weight: 600 !important; color: var(--la-text-muted) !important; text-transform: uppercase !important; letter-spacing: .09em !important; display: block !important; margin-bottom: 2px !important; font-family: var(--la-font-body) !important; }
.la-ev-item value { font-size: 14px !important; font-weight: 500 !important; color: var(--la-text) !important; display: block !important; font-family: var(--la-font-body) !important; }
.la-ev-item value.ac { color: var(--la-accent-dark) !important; }
@media (max-width: 640px) { .la-event-grid { grid-template-columns: 1fr !important; } }

.la-countdown { background: var(--la-dark) !important; padding: 20px !important; text-align: center !important; margin-bottom: 28px !important; }
.la-countdown__lbl { font-size: 10px !important; color: #888 !important; text-transform: uppercase !important; letter-spacing: .1em !important; margin-bottom: 10px !important; font-family: var(--la-font-body) !important; }
.la-countdown__units { display: flex !important; justify-content: center !important; gap: 14px !important; align-items: center !important; }
.la-countdown__unit { display: flex !important; flex-direction: column !important; align-items: center !important; }
.la-countdown__num { font-family: 'Bebas Neue', sans-serif !important; font-size: 40px !important; color: #84CC16 !important; line-height: 1 !important; font-weight: 400 !important; }
.la-countdown__ul { font-size: 9px !important; color: #666 !important; text-transform: uppercase !important; letter-spacing: .1em !important; font-family: var(--la-font-body) !important; }
.la-countdown__sep { font-family: 'Bebas Neue', sans-serif !important; font-size: 40px !important; color: #84CC16 !important; line-height: 1 !important; font-weight: 400 !important; }

.la-affiche-wrap { position: relative !important; margin-bottom: 28px !important; }
.la-affiche-label { position: absolute !important; top: -9px !important; right: 14px !important; z-index: 5 !important; background: #84CC16 !important; color: #000 !important; font-size: 9px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .1em !important; padding: 3px 10px !important; font-family: var(--la-font-body) !important; }
.la-affiche-frame { border: 1px solid var(--la-card-border) !important; padding: 12px !important; background: var(--la-bg2) !important; display: flex !important; align-items: center !important; justify-content: center !important; aspect-ratio: 210/297 !important; max-height: 480px !important; overflow: hidden !important; box-sizing: border-box !important; }
.la-affiche-frame img { max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; }

/* ─────────────────────────────────────────────────────────
   BLOG / CONSEILS
───────────────────────────────────────────────────────── */
.la-blog-meta { display: flex !important; align-items: center !important; gap: 18px !important; flex-wrap: wrap !important; padding: 14px 0 !important; border-bottom: 1px solid var(--la-card-border) !important; margin-bottom: 22px !important; font-size: 12px !important; color: var(--la-text-muted) !important; font-family: var(--la-font-body) !important; }

.la-toc { background: var(--la-card) !important; border: 1px solid var(--la-card-border) !important; padding: 22px !important; position: sticky !important; top: 100px !important; margin-bottom: 20px !important; box-sizing: border-box !important; }
.la-toc__ttl,
.elementor .la-toc__ttl {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 16px !important; letter-spacing: .06em !important;
  color: var(--la-text) !important; margin-bottom: 14px !important;
  display: flex !important; align-items: center !important; gap: 8px !important;
  padding: 0 !important; border: none !important;
  background: transparent !important; font-weight: 400 !important;
}
.la-toc__ttl::after { content: '' !important; flex: 1 !important; height: 1px !important; background: var(--la-card-border) !important; }
.la-toc ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.la-toc__link,
a.la-toc__link {
  display: flex !important; align-items: flex-start !important; gap: 7px !important;
  padding: 6px 8px !important; color: var(--la-text-muted) !important;
  text-decoration: none !important; font-size: 12px !important;
  line-height: 1.4 !important; transition: all .2s !important;
  border-left: 2px solid transparent !important;
  font-family: var(--la-font-body) !important;
}
.la-toc__link:hover,
a.la-toc__link:hover,
.la-toc__link.on,
a.la-toc__link.on { color: var(--la-accent-dark) !important; border-left-color: var(--la-accent) !important; background: var(--la-accent-glow) !important; padding-left: 12px !important; }
.la-toc__link span { opacity: .4 !important; font-size: 10px !important; flex-shrink: 0 !important; margin-top: 1px !important; }
.la-toc .h3 .la-toc__link { padding-left: 18px !important; font-size: 11px !important; }

.la-author { background: var(--la-card) !important; border: 1px solid var(--la-card-border) !important; padding: 22px !important; margin: 36px 0 !important; display: flex !important; gap: 18px !important; align-items: flex-start !important; box-sizing: border-box !important; }
.la-author__av { width: 60px !important; height: 60px !important; border-radius: 50% !important; background: var(--la-bg3) !important; flex-shrink: 0 !important; border: 2px solid var(--la-accent) !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 22px !important; overflow: hidden !important; }
.la-author__av img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.la-author__name { font-weight: 600 !important; font-size: 15px !important; color: var(--la-text) !important; margin-bottom: 2px !important; font-family: var(--la-font-body) !important; }
.la-author__role { font-size: 11px !important; color: var(--la-accent-dark) !important; text-transform: uppercase !important; letter-spacing: .07em !important; margin-bottom: 6px !important; font-family: var(--la-font-body) !important; }
.la-author__bio { font-size: 13px !important; color: var(--la-text-muted) !important; line-height: 1.6 !important; font-family: var(--la-font-body) !important; }

.la-share { display: flex !important; align-items: center !important; gap: 10px !important; padding: 18px 0 !important; border-top: 1px solid var(--la-card-border) !important; margin-top: 28px !important; }
.la-share__lbl { font-size: 11px !important; color: var(--la-text-muted) !important; text-transform: uppercase !important; letter-spacing: .08em !important; margin-right: 4px !important; font-family: var(--la-font-body) !important; }
.la-share__btn { width: 34px !important; height: 34px !important; border: 1px solid var(--la-card-border) !important; background: transparent !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--la-text-muted) !important; cursor: pointer !important; font-size: 14px !important; transition: all .2s !important; text-decoration: none !important; border-radius: 0 !important; }
.la-share__btn:hover { border-color: var(--la-accent) !important; color: var(--la-accent-dark) !important; background: var(--la-accent-glow) !important; }

/* ─────────────────────────────────────────────────────────
   PROMO
───────────────────────────────────────────────────────── */
.la-promo-card { background: var(--la-dark) !important; border: 1px solid #222 !important; padding: 36px !important; margin-bottom: 32px !important; text-align: center !important; position: relative !important; box-sizing: border-box !important; }
.la-promo-card--expired { opacity: .6 !important; }
.la-promo-expired-badge { display: inline-block !important; background: #666 !important; color: #fff !important; font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: .08em !important; padding: 4px 12px !important; margin-bottom: 16px !important; font-family: var(--la-font-body) !important; }
.la-promo-valeur,
.elementor .la-promo-valeur { font-family: 'Bebas Neue', sans-serif !important; font-size: clamp(56px,10vw,96px) !important; color: #84CC16 !important; line-height: 1 !important; letter-spacing: .02em !important; margin-bottom: 8px !important; font-weight: 400 !important; padding: 0 !important; border: none !important; background: transparent !important; }
.la-promo-sub { font-size: 16px !important; color: rgba(255,255,255,.7) !important; margin-bottom: 20px !important; font-weight: 300 !important; font-family: var(--la-font-body) !important; }
.la-promo-dates { font-size: 13px !important; color: #888 !important; margin-bottom: 24px !important; display: flex !important; justify-content: center !important; gap: 8px !important; flex-wrap: wrap !important; font-family: var(--la-font-body) !important; }
.la-promo-code-wrap { margin-bottom: 24px !important; }
.la-promo-code-label { font-size: 10px !important; color: #888 !important; text-transform: uppercase !important; letter-spacing: .1em !important; display: block !important; margin-bottom: 8px !important; font-family: var(--la-font-body) !important; }
.la-promo-code { display: inline-flex !important; align-items: center !important; gap: 12px !important; background: rgba(132,204,22,.1) !important; border: 2px dashed #84CC16 !important; color: #84CC16 !important; font-family: 'Courier New',monospace !important; font-size: 22px !important; font-weight: 700 !important; letter-spacing: .15em !important; padding: 12px 24px !important; cursor: pointer !important; transition: all .2s !important; }
.la-promo-code:hover { background: rgba(132,204,22,.2) !important; }
.la-promo-code__copy { font-size: 10px !important; color: #888 !important; font-family: var(--la-font-body) !important; letter-spacing: .08em !important; text-transform: uppercase !important; font-weight: 600 !important; }
.la-promo-img { margin-bottom: 24px !important; overflow: hidden !important; }
.la-promo-img img { width: 100% !important; height: auto !important; display: block !important; }
.la-promo-cta { display: inline-block !important; width: auto !important; padding: 13px 32px !important; font-size: 14px !important; }

/* ─────────────────────────────────────────────────────────
   GRILLE ARTICLES (liste)
───────────────────────────────────────────────────────── */
.la-liste-wrap { width: 100% !important; }
.la-liste-titre,
.elementor .la-liste-titre { font-family: 'Bebas Neue', sans-serif !important; font-size: 32px !important; letter-spacing: .04em !important; color: var(--la-text) !important; margin-bottom: 24px !important; padding-left: 14px !important; border-left: 3px solid #84CC16 !important; font-weight: 400 !important; background: transparent !important; }
.la-grille { display: grid !important; gap: 24px !important; }
.la-grille--1col { grid-template-columns: 1fr !important; }
.la-grille--2col { grid-template-columns: repeat(2,1fr) !important; }
.la-grille--3col { grid-template-columns: repeat(3,1fr) !important; }
.la-grille--4col { grid-template-columns: repeat(4,1fr) !important; }
@media (max-width: 1100px) { .la-grille--4col { grid-template-columns: repeat(3,1fr) !important; } }
@media (max-width: 800px)  { .la-grille--3col,.la-grille--4col { grid-template-columns: repeat(2,1fr) !important; } }
@media (max-width: 540px)  { .la-grille--2col,.la-grille--3col,.la-grille--4col { grid-template-columns: 1fr !important; } }

.la-card,
a.la-card { display: flex !important; flex-direction: column !important; background: var(--la-card) !important; border: 1px solid var(--la-card-border) !important; text-decoration: none !important; transition: all .25s !important; overflow: hidden !important; }
.la-card:hover,
a.la-card:hover { border-color: var(--la-accent) !important; transform: translateY(-2px) !important; box-shadow: 0 8px 24px rgba(0,0,0,.06) !important; }
.la-card__thumb { position: relative !important; aspect-ratio: 16/9 !important; overflow: hidden !important; background: var(--la-bg3) !important; }
.la-card__thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; transition: transform .4s !important; }
.la-card:hover .la-card__thumb img { transform: scale(1.04) !important; }
.la-card__thumb .la-badge { position: absolute !important; top: 10px !important; left: 10px !important; font-size: 9px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .1em !important; padding: 3px 9px !important; z-index: 2 !important; }
.la-card__body { padding: 18px !important; display: flex !important; flex-direction: column !important; flex: 1 !important; background: var(--la-card) !important; }
.la-card__title,
.elementor .la-card__title { font-family: var(--la-font-body) !important; font-size: 15px !important; font-weight: 600 !important; color: var(--la-text) !important; line-height: 1.4 !important; margin-bottom: 8px !important; transition: color .2s !important; padding: 0 !important; border: none !important; background: transparent !important; }
.la-card:hover .la-card__title { color: var(--la-accent-dark) !important; }
.la-card__excerpt { font-size: 13px !important; color: var(--la-text-muted) !important; line-height: 1.6 !important; flex: 1 !important; margin-bottom: 12px !important; font-family: var(--la-font-body) !important; }
.la-card__meta { display: flex !important; align-items: center !important; justify-content: space-between !important; font-size: 11px !important; color: var(--la-text-muted) !important; border-top: 1px solid var(--la-card-border) !important; padding-top: 10px !important; margin-top: auto !important; font-family: var(--la-font-body) !important; }
.la-card__thematique { background: var(--la-accent-glow) !important; color: var(--la-accent-dark) !important; border: 1px solid var(--la-accent-border) !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: .06em !important; padding: 2px 7px !important; }/* End custom CSS */