/* ============================================================
   V30 — Accueil PC : alignement FIN sur la page Services
   Objectif : ne plus toucher aux tailles, uniquement à la géométrie.
   - logo accueil ramené au même départ horizontal que Services
   - menu conservé à sa position actuelle (déjà quasi identique)
   - contenu du hero déplacé à gauche pour démarrer comme Services
   - promo conservée
   - mobile <= 820 px strictement inchangé
   ============================================================ */

@media (min-width:821px){
  /* Le menu est déjà presque bon. On sort uniquement le logo du flux
     pour pouvoir le placer comme sur Services sans déplacer la navigation. */
  body.home-page .header{
    position:relative!important;
  }

  body.home-page .brand{
    position:absolute!important;
    left:max(32px, calc((100vw - 1696px) / 2))!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:220px!important;
    min-width:220px!important;
    max-width:220px!important;
    margin:0!important;
    padding:0!important;
    z-index:3!important;
  }

  body.home-page .brand img{
    width:220px!important;
    max-width:220px!important;
    height:auto!important;
    display:block!important;
  }

  /* On garde exactement la navigation V29 : elle est déjà alignée
     visuellement avec la page Services. */
  body.home-page .desktop-nav{
    margin-left:auto!important;
  }

  /* Services démarre son contenu beaucoup plus à gauche.
     1568px sur un écran de 2048px => marge de 240px, comme la capture. */
  body.home-page .hero-grid{
    width:min(1568px, calc(100% - 48px))!important;
    max-width:1568px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  body.home-page .hero-copy{
    margin-left:0!important;
    transform:none!important;
  }

  /* Même logique pour le début des blocs principaux sous le hero :
     largeur plus proche de Services sans agrandir les éléments. */
  body.home-page .dashboard,
  body.home-page .content-main,
  body.home-page .home-showcase-grid,
  body.home-page .pro-footer-grid{
    width:min(1568px, calc(100% - 48px))!important;
    max-width:1568px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Sur les écrans PC moins larges, on évite que le logo rencontre le menu. */
@media (min-width:821px) and (max-width:1500px){
  body.home-page .brand{
    left:28px!important;
    width:190px!important;
    min-width:190px!important;
    max-width:190px!important;
  }
  body.home-page .brand img{
    width:190px!important;
    max-width:190px!important;
  }
  body.home-page .hero-grid,
  body.home-page .dashboard,
  body.home-page .content-main,
  body.home-page .home-showcase-grid,
  body.home-page .pro-footer-grid{
    width:min(1320px, calc(100% - 44px))!important;
    max-width:1320px!important;
  }
}