/* La Bétaillère — Accueil premium v2
 * Finition exclusivement visuelle : aucune dimension de conteneur,
 * aucune structure et aucune logique métier ne sont modifiées.
 */

html[data-lb-v4-live="1"] body.lb-v3 #home {
  --lb-premium-cyan: #62eff9;
  --lb-premium-cyan-soft: rgba(98, 239, 249, .28);
  --lb-premium-line: rgba(119, 238, 249, .24);
  --lb-premium-ink: #f1fdff;
  --lb-premium-muted: #a9c8d0;
  --lb-premium-surface-top: rgba(12, 56, 73, .72);
  --lb-premium-surface-bottom: rgba(3, 17, 28, .94);
  color: var(--lb-premium-ink);
  text-rendering: optimizeLegibility;
}

/* Coques principales : profondeur sans flou ni animation continue. */
html[data-lb-v4-live="1"] body.lb-v3 #home .home-card[aria-label="Mes Bétaillères favorites"],
html[data-lb-v4-live="1"] body.lb-v3 #home .live-wall-card--home {
  border-color: rgba(105, 231, 244, .34) !important;
  background:
    radial-gradient(circle at 18% -18%, rgba(73, 222, 241, .15), transparent 45%),
    linear-gradient(155deg, var(--lb-premium-surface-top), var(--lb-premium-surface-bottom) 72%) !important;
  box-shadow:
    inset 0 1px 0 rgba(218, 253, 255, .10),
    inset 0 0 0 1px rgba(39, 179, 203, .055),
    inset 0 -22px 35px rgba(0, 0, 0, .12),
    0 12px 28px rgba(0, 0, 0, .27),
    0 0 18px rgba(35, 220, 241, .075) !important;
}

@media (min-width: 721px) {
  html[data-lb-v4-live="1"] body.lb-v3 #home .home-card[aria-label="Info trafic"],
  html[data-lb-v4-live="1"] body.lb-v3 #home .home-quick-card,
  html[data-lb-v4-live="1"] body.lb-v3 #home .home-punct-card {
    border-color: rgba(105, 231, 244, .30) !important;
    background:
      radial-gradient(circle at 50% -22%, rgba(71, 224, 241, .13), transparent 48%),
      linear-gradient(155deg, rgba(11, 50, 66, .66), rgba(3, 17, 28, .94) 72%) !important;
    box-shadow:
      inset 0 1px 0 rgba(218, 253, 255, .09),
      inset 0 0 0 1px rgba(39, 179, 203, .045),
      0 12px 28px rgba(0, 0, 0, .25),
      0 0 16px rgba(35, 220, 241, .06) !important;
  }
}

/* Bloc central mobile : une coque commune plus nette, mêmes dimensions. */
@media (max-width: 720px), (hover: none) and (pointer: coarse) and (max-width: 900px) {
  html[data-lb-v4-live="1"] body.lb-v3 #home .home-dashboard::before {
    border-color: rgba(105, 231, 244, .34) !important;
    background:
      radial-gradient(circle at 50% -12%, rgba(69, 219, 239, .13), transparent 48%),
      linear-gradient(160deg, rgba(10, 48, 64, .76), rgba(2, 15, 25, .96) 72%) !important;
    box-shadow:
      inset 0 1px 0 rgba(218, 253, 255, .10),
      inset 0 0 0 1px rgba(39, 179, 203, .05),
      0 10px 25px rgba(0, 0, 0, .25),
      0 0 16px rgba(35, 220, 241, .07) !important;
  }

  html[data-lb-v4-live="1"] body.lb-v3 #home .home-card[aria-label="Info trafic"],
  html[data-lb-v4-live="1"] body.lb-v3 #home .home-quick-card,
  html[data-lb-v4-live="1"] body.lb-v3 #home .home-punct-card {
    background: radial-gradient(circle at 50% 0, rgba(76, 226, 241, .065), transparent 64%) !important;
  }

  html[data-lb-v4-live="1"] body.lb-v3 #home .home-quick-card {
    border-left-color: rgba(126, 235, 246, .20) !important;
    border-right-color: rgba(126, 235, 246, .20) !important;
  }
}

/* Hiérarchie des titres : cyan plus clair, relief fin, hauteur inchangée. */
html[data-lb-v4-live="1"] body.lb-v3 #home .home-card > h2,
html[data-lb-v4-live="1"] body.lb-v3 #home .home-traffic-title-row > h2,
html[data-lb-v4-live="1"] body.lb-v3 #home .live-wall-title {
  color: var(--lb-premium-cyan) !important;
  font-weight: 800 !important;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, .12),
    0 0 10px rgba(39, 225, 243, .28) !important;
}

html[data-lb-v4-live="1"] body.lb-v3 #home .home-welcome-line {
  color: #e9fbff !important;
  font-weight: 750 !important;
  text-shadow: 0 1px 0 #000, 0 0 9px rgba(79, 228, 244, .18) !important;
}

/* Favoris : lisibilité des informations sans neutraliser rouge/orange. */
html[data-lb-v4-live="1"] body.lb-v3 #home #homeFavSlot .home-fav-row,
html[data-lb-v4-live="1"] body.lb-v3 #home #homeFavSlot .lb4-home-fav-sheet {
  background-image: linear-gradient(155deg, rgba(255, 255, 255, .035), rgba(0, 0, 0, .11)) !important;
  box-shadow:
    inset 0 1px 0 rgba(226, 253, 255, .10),
    inset 0 0 0 1px rgba(93, 229, 242, .055),
    0 5px 13px rgba(0, 0, 0, .22) !important;
  transition: transform .12s ease, box-shadow .14s ease, border-color .14s ease !important;
}

html[data-lb-v4-live="1"] body.lb-v3 #home #homeFavSlot .home-fav-train,
html[data-lb-v4-live="1"] body.lb-v3 #home #homeFavSlot .home-fav-train-no,
html[data-lb-v4-live="1"] body.lb-v3 #home #homeFavSlot .home-fav-time {
  color: #f4feff !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .72) !important;
}

html[data-lb-v4-live="1"] body.lb-v3 #home #homeFavSlot .home-fav-route,
html[data-lb-v4-live="1"] body.lb-v3 #home #homeFavSlot .fav-type-wrap {
  color: #c8e8ed !important;
  font-weight: 700 !important;
}

/* Les tuiles fonctionnelles deviennent plus tactiles et plus nettes. */
html[data-lb-v4-live="1"] body.lb-v3 #home .traffic-split-row,
html[data-lb-v4-live="1"] body.lb-v3 #home .home-quick-presets__btn {
  background:
    linear-gradient(155deg, rgba(20, 71, 87, .58), rgba(3, 18, 29, .82) 70%) !important;
  border-color: rgba(101, 225, 239, .31) !important;
  box-shadow:
    inset 0 1px 0 rgba(221, 253, 255, .10),
    inset 0 0 0 1px rgba(76, 220, 236, .035),
    0 4px 11px rgba(0, 0, 0, .20) !important;
  transition: transform .11s ease, border-color .14s ease, background .14s ease, box-shadow .14s ease !important;
}

html[data-lb-v4-live="1"] body.lb-v3 #home .traffic-split-line,
html[data-lb-v4-live="1"] body.lb-v3 #home .home-quick-presets__text {
  color: #e8fbfe !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .72) !important;
}

html[data-lb-v4-live="1"] body.lb-v3 #home .home-quick-presets__art img {
  filter: drop-shadow(0 0 5px rgba(75, 235, 249, .34)) brightness(1.06) !important;
}

html[data-lb-v4-live="1"] body.lb-v3 #home .traffic-pill {
  text-shadow: 0 1px 1px rgba(0, 0, 0, .72), 0 0 7px currentColor !important;
}

/* Donuts : fond de lecture discret, aucun changement de taille. */
html[data-lb-v4-live="1"] body.lb-v3 #home #homePunctualityChartHost {
  border-radius: 12px !important;
  background: radial-gradient(circle at 50% 45%, rgba(35, 139, 161, .10), transparent 72%) !important;
  box-shadow: inset 0 0 18px rgba(0, 0, 0, .10) !important;
}

html[data-lb-v4-live="1"] body.lb-v3 #home .home-punct-chart-wrap > canvas {
  filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .34)) !important;
}

html[data-lb-v4-live="1"] body.lb-v3 #home .home-punct-mini-label {
  color: #bfdde3 !important;
  font-weight: 800 !important;
}

/* Voix du Bétail : contraste du flux et séparation des messages. */
html[data-lb-v4-live="1"] body.lb-v3 #home .live-wall-feed--home {
  border-color: rgba(102, 226, 240, .22) !important;
  background:
    linear-gradient(180deg, rgba(2, 15, 25, .78), rgba(3, 21, 32, .63)) !important;
  box-shadow:
    inset 0 1px 0 rgba(221, 253, 255, .055),
    inset 0 0 18px rgba(0, 0, 0, .16) !important;
  scrollbar-color: rgba(83, 211, 226, .55) rgba(3, 18, 29, .45);
}

html[data-lb-v4-live="1"] body.lb-v3 #home .live-wall-item,
html[data-lb-v4-live="1"] body.lb-v3 #home .live-wall-item--home {
  border-bottom-color: rgba(119, 238, 249, .105) !important;
  color: #d8eef2 !important;
}

html[data-lb-v4-live="1"] body.lb-v3 #home .live-wall-item-text {
  color: #dceff3 !important;
  font-weight: 600 !important;
}

html[data-lb-v4-live="1"] body.lb-v3 #home .live-wall-item-text strong {
  color: #f4feff !important;
  font-weight: 850 !important;
}

html[data-lb-v4-live="1"] body.lb-v3 #home .live-wall-inline-meta {
  color: #83aeb8 !important;
}

html[data-lb-v4-live="1"] body.lb-v3 #home .live-wall-form input {
  border-color: rgba(104, 226, 239, .27) !important;
  background: linear-gradient(180deg, rgba(2, 16, 26, .78), rgba(4, 24, 35, .66)) !important;
  color: #f0fcff !important;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, .22) !important;
}

html[data-lb-v4-live="1"] body.lb-v3 #home .live-wall-form input::placeholder {
  color: #90b1b9 !important;
  opacity: .88 !important;
}

html[data-lb-v4-live="1"] body.lb-v3 #home .lb-community-btn,
html[data-lb-v4-live="1"] body.lb-v3 #home #faqBtn.faq-btn,
html[data-lb-v4-live="1"] body.lb-v3 #home .live-wall-form .auth-button {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 4px 10px rgba(0, 0, 0, .20) !important;
}

@media (hover: hover) and (pointer: fine) {
  html[data-lb-v4-live="1"] body.lb-v3 #home #homeFavSlot .home-fav-row:hover,
  html[data-lb-v4-live="1"] body.lb-v3 #home #homeFavSlot .lb4-home-fav-sheet:hover,
  html[data-lb-v4-live="1"] body.lb-v3 #home .traffic-split-row:hover,
  html[data-lb-v4-live="1"] body.lb-v3 #home .home-quick-presets__btn:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(112, 240, 250, .60) !important;
    box-shadow:
      inset 0 1px 0 rgba(235, 254, 255, .15),
      inset 0 0 18px rgba(47, 217, 236, .07),
      0 6px 15px rgba(0, 0, 0, .25),
      0 0 10px rgba(48, 224, 241, .10) !important;
  }
}

html[data-lb-v4-live="1"] body.lb-v3 #home #homeFavSlot .home-fav-row:focus-visible,
html[data-lb-v4-live="1"] body.lb-v3 #home .traffic-split-row:focus-visible,
html[data-lb-v4-live="1"] body.lb-v3 #home .home-quick-presets__btn:focus-visible {
  outline: 2px solid rgba(117, 240, 250, .76) !important;
  outline-offset: 1px !important;
}

@media (max-width: 720px), (hover: none) and (pointer: coarse) and (max-width: 900px) {
  html[data-lb-v4-live="1"] body.lb-v3 #home .traffic-split-line {
    color: #e8fbfe !important;
    font-weight: 800 !important;
  }

  html[data-lb-v4-live="1"] body.lb-v3 #home .home-quick-presets__text {
    font-size: 8.5px !important;
    line-height: 9px !important;
    letter-spacing: -.01em !important;
  }

  html[data-lb-v4-live="1"] body.lb-v3 #home #homeFavSlot .home-fav-route,
  html[data-lb-v4-live="1"] body.lb-v3 #home #homeFavSlot .fav-type-wrap {
    color: #cce9ee !important;
  }

  html[data-lb-v4-live="1"] body.lb-v3 #home .live-wall-item-text {
    color: #deeff3 !important;
  }
}

@media (max-width: 390px) {
  html[data-lb-v4-live="1"] body.lb-v3 #home .home-quick-presets__text {
    font-size: 8.1px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-lb-v4-live="1"] body.lb-v3 #home #homeFavSlot .home-fav-row,
  html[data-lb-v4-live="1"] body.lb-v3 #home .traffic-split-row,
  html[data-lb-v4-live="1"] body.lb-v3 #home .home-quick-presets__btn {
    transition: none !important;
  }
}