/* Gadget Google : présent mais invisible (surtout pas display:none) */ #google_translate_element{ position:fixed; left:-9999px; top:-9999px; width:1px; height:1px; opacity:0; pointer-events:none; overflow:hidden; } /* Valeur par défaut : aucun décalage */ :root { --gt-offset: 0px; } /* Appliquer un décalage SEULEMENT si la classe .gt-open est présente sur */ body.gt-open { --gt-offset: 40px; } /* ajuste 56px si besoin */ /* Header et menus collent correctement, en tenant compte de l'encoche iOS */ header { position: sticky; top: calc(env(safe-area-inset-top, 0px) + var(--gt-offset)) !important; z-index: 10000; } #nav-menu, #menu-overlay { top: calc(env(safe-area-inset-top, 0px) + var(--gt-offset)) !important; } /* IMPORTANT : on ne conditionne plus à la largeur (>=768) -> pas de faux positif en paysage iPhone */ /* Cache le panneau d’évaluation + tooltips (tous appareils) */ #goog-gt-tt, .goog-tooltip, .goog-tooltip:hover { display: none !important; visibility: hidden !important; opacity: 0 !important; } /* === Fix iPhone paysage : plus d'espace avant le header === */ /* 1) Le header NE bouge plus */ header { top: 0 !important; } /* 2) On gère l'encoche + éventuelle bannière sur le BODY (pas sur le header) */ :root { --gt-offset: 0px; } /* par défaut */ body { padding-top: env(safe-area-inset-top, 0px); } body.gt-open { padding-top: calc(env(safe-area-inset-top, 0px) + 40px); } /* 40 → ta hauteur de bannière */ /* 3) Les menus alignés au header (pas d'encoche ici) */ #nav-menu, #menu-overlay { top: var(--gt-offset) !important; } /* 4) Sécurité : supprime toute marge par défaut en haut */ html, body { margin: 0; } /* === PATCH ULTIME iPhone paysage : plus de vide avant le header === */ /* 1) Par défaut : aucun offset. On ne se base plus sur env() directement. */ :root { --gt-offset: 0px; } body { --sa-top: env(safe-area-inset-top, 0px); padding-top: var(--sa-top); } /* 2) Quand la bannière Google est VRAIMENT là, on ajoute l’offset */ body.gt-open { padding-top: calc(var(--sa-top) + 40px); } /* 40px = hauteur bannière */ /* 3) Le header colle toujours en haut (pas d'offset appliqué dessus) */ header { position: sticky; top: 0 !important; z-index: 10000; } /* 4) Les menus liés au header suivent UNIQUEMENT l’offset bannière (pas l’encoche) */ #nav-menu, #menu-overlay { top: var(--gt-offset, 0px) !important; } /* 5) iPhone paysage : certains WebKit renvoient un faux safe-area. On force alors safe-area à 0 sauf si la bannière est ouverte. */ @supports (-webkit-touch-callout: none) { @media (orientation: landscape) and (max-height: 480px) { body { --sa-top: 0px !important; padding-top: 0 !important; } body.gt-open { padding-top: 40px !important; } /* garder la place SI bannière */ header, #nav-menu, #menu-overlay { top: 0 !important; } /* zéro décalage fantôme */ } } /* 6) Ne jamais masquer le conteneur Google en display:none */ #google_translate_element{ position: fixed; left: -9999px; top: -9999px; width: 1px; height: 1px; opacity: 0; pointer-events: none; overflow: hidden; } /* (déjà présent) anti-tooltips Google */ #goog-gt-tt, .goog-tooltip, .goog-tooltip:hover { display: none !important; visibility: hidden !important; opacity: 0 !important; } /* Option: protéger la marque */ .notranslate[translate="no"] { unicode-bidi: plaintext; }