@import url("./lb-search-premium-v1.css?v=20260924-searchpro1");

/* La Bétaillère — accueil PC symétrique v3
 * PC uniquement. Le mobile/tablette <= 1024px reste strictement inchangé.
 */
@media (min-width: 1025px) {
  html[data-lb-v4-live="1"] body.lb-v3.page-home #home.home-section > .home-dashboard {
    --lb-home-pc-top-row: 240px;
    --lb-home-pc-lower-row: 180px;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-areas:
      "welcome welcome"
      "favorites traffic"
      "comments quick"
      "comments punct" !important;
    grid-template-rows:
      auto
      var(--lb-home-pc-top-row)
      var(--lb-home-pc-lower-row)
      var(--lb-home-pc-lower-row) !important;
    align-items: stretch !important;
  }

  html[data-lb-v4-live="1"] body.lb-v3.page-home #home .home-card[aria-label="Mes Bétaillères favorites"] {
    grid-area: favorites !important;
    min-height: 0 !important;
    height: 100% !important;
    align-self: stretch !important;
  }

  html[data-lb-v4-live="1"] body.lb-v3.page-home #home .home-card[aria-label="Info trafic"] {
    grid-area: traffic !important;
    min-height: 0 !important;
    height: 100% !important;
    align-self: stretch !important;
  }

  html[data-lb-v4-live="1"] body.lb-v3.page-home #home .live-wall-card--home {
    grid-area: comments !important;
    grid-row: 3 / 5 !important;
    min-height: 0 !important;
    height: 100% !important;
    align-self: stretch !important;
  }

  html[data-lb-v4-live="1"] body.lb-v3.page-home #home .home-quick-card {
    grid-area: quick !important;
    min-height: 0 !important;
    height: 100% !important;
    align-self: stretch !important;
  }

  html[data-lb-v4-live="1"] body.lb-v3.page-home #home .home-punct-card {
    grid-area: punct !important;
    min-height: 0 !important;
    height: 100% !important;
    align-self: stretch !important;
  }
}

/* Compte connecté : L3/L4 ajoutent une deuxième rangée réelle.
 * On augmente les DEUX rangées de droite ensemble pour garder la symétrie.
 * :has() ne s'active que si un 3e raccourci est réellement présent.
 */
@media (min-width: 1025px) {
  html[data-lb-v4-live="1"] body.lb-v3.page-home
  #home.home-section > .home-dashboard:has(.home-quick-card .home-quick-presets__btn:nth-child(3)) {
    --lb-home-pc-lower-row: 210px;
  }
}