/* Y&R Multiservice — correctif V10 grand écran et menu desktop */

/* Le menu et son sous-menu forment une zone continue : le sous-menu ne se
   referme plus pendant le déplacement du pointeur. */
@media (min-width:1101px){
  .site-header .header-inner,
  .site-header .main-nav,
  .site-header .main-nav>ul,
  .site-header .main-nav>ul>li{height:100%}
  .site-header .main-nav>ul>li:not(.mobile-quick){display:flex;align-items:stretch}
  .site-header .main-nav>ul>li>a{display:flex;align-items:center;padding:0!important}
  .site-header .main-nav .has-submenu>.submenu{
    top:100%!important;
    margin-top:-1px;
  }
  .site-header .main-nav .has-submenu::after{
    content:"";position:absolute;left:-20px;right:-20px;top:100%;height:6px;
  }

  /* Pleine largeur réelle : suppression des grandes marges noires sur les
     écrans 1440/1920 px et alignement professionnel du contenu. */
  .hero-grid{max-width:none!important;width:100%;grid-template-columns:50% 50%}
  .hero-copy{
    padding:68px clamp(42px,5vw,100px)!important;
    align-items:flex-start;
  }
  .hero-copy h1{
    width:100%;max-width:680px!important;
    font-size:clamp(3.15rem,4.15vw,4.65rem)!important;
    text-wrap:balance;
  }
  .hero-copy .lead{width:100%;max-width:610px!important}
  .hero-media img{object-position:center 42%}

  /* Même correction sur Nos services et les autres bandeaux intérieurs :
     texte indépendant de l'image, sans chevauchement ni rognage. */
  .page-hero-grid{max-width:none!important;width:100%;grid-template-columns:50% 50%}
  .page-hero-grid>div:first-child{
    min-width:0;
    padding:58px clamp(42px,5vw,100px)!important;
    align-items:flex-start;
  }
  .page-hero-grid>div:first-child h1{
    width:100%;max-width:720px;
    font-size:clamp(2.65rem,3.55vw,4rem)!important;
    line-height:1.08;
    overflow-wrap:normal;
    text-wrap:balance;
  }
  .page-hero-grid>div:first-child .lead{width:100%;max-width:680px}
  .page-hero-media{min-width:0;overflow:hidden}
  .page-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
}

/* Ajustement intermédiaire pour les ordinateurs portables. */
@media (min-width:1101px) and (max-width:1360px){
  .hero-copy,.page-hero-grid>div:first-child{padding-left:44px!important;padding-right:38px!important}
  .hero-copy h1{font-size:3.65rem!important}
  .page-hero-grid>div:first-child h1{font-size:3.15rem!important}
}