/* ============================================================ PADELSHOP — gabarit page.php Page de contenu générique : sert pour Livraison, Retours, CGV, Confidentialité, Qui sommes-nous. Sommaire à gauche, texte au centre, encart d'aide à droite. ============================================================ */ /* .wrap.page et pas .page : body_class() pose deja « page » sur le de toute page WordPress, une regle sur .page seule mettrait le site entier en grille a trois colonnes. */ .wrap.page{display:grid;grid-template-columns:232px minmax(0,1fr) 280px;gap:clamp(1.5rem,3vw,2.75rem);align-items:start} @media(max-width:1120px){ .wrap.page{grid-template-columns:232px minmax(0,1fr)} .page-aide{grid-column:1/-1} } @media(max-width:840px){ .wrap.page{grid-template-columns:minmax(0,1fr)} } /* ---------- Navigation d'aide ---------- */ .page-nav{position:sticky;top:150px} .page-nav p{font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--gris);margin-bottom:.8rem} .page-nav a{display:block;padding:.55rem .85rem;border-radius:var(--r-btn);font-size:.88rem;font-weight:600;color:var(--gris)} .page-nav a:hover{background:var(--blanc);color:var(--encre)} .page-nav [aria-current]{background:var(--court);color:#fff} @media(max-width:840px){ /* Le sommaire devient une rangee qui defile. Sans min-width:0, sa largeur min-content (la somme des liens en nowrap) impose sa loi a la grille et c'est toute la page qui deborde. */ .page-nav{position:static;min-width:0} .page-nav nav{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;min-width:0} .page-nav nav::-webkit-scrollbar{display:none} .page-nav a{white-space:nowrap;background:var(--blanc);border:1px solid var(--ligne)} } .maj{font-size:.8rem;color:var(--gris);margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--ligne)} /* ---------- Encart d'aide ---------- */ .page-aide{position:sticky;top:150px;display:grid;gap:1rem} @media(max-width:1120px){ .page-aide{position:static;grid-template-columns:1fr 1fr} } @media(max-width:640px){ .page-aide{grid-template-columns:1fr} }