/* ============================================================
   realisation-widescreen.css
   Chargé uniquement via realisations/realisation.php
   ============================================================ */

@media (min-width: 1400px) {

  /* Navbar : padding léger et symétrique */
  body.realisations-page > header nav.navbar,
  body.realisations-page > header .navbar {
    padding: 0 24px !important;
  }

  /* UL : pleine largeur sans contrainte max-width */
  body.realisations-page > header .navbar > ul {
    justify-content: space-between !important;
    width: 100% !important;
    max-width: none !important;
    gap: clamp(20px, 2vw, 40px) !important;
    margin: 0 !important;
  }

  /* Reset du margin-left négatif hérité */
  body.realisations-page > header .navbar > ul > li > a {
    margin-left: 0 !important;
  }

  /* Bouton contact : réintégré dans le flux flex */
  body.realisations-page > header .navbar > ul > li.only-desktop {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 0 !important;
    min-width: 140px !important;
  }

  /* Logo plus grand + contenu hero remonté vers le ticker */
  body.realisations-page {
    --kmg-real-logo-size: clamp(280px, 18vw, 360px) !important;
    --kmg-real-hero-pad-top: clamp(152px, 16vh, 188px) !important;
  }

  /* Ticker téléphone : plus bas pour aérer sous la navbar */
  body.realisations-page .kmg-phone-hero {
    top: clamp(104px, 10.5vh, 136px) !important;
  }

  /* CTA "VOIR LES PROJETS" : texte centré */
  body.realisations-page .kmg-hero .kmg-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
}