/* ============================================================================ ATELIER — PAGES CLIENT & TUNNEL (auth, compte, adresses, commandes, panier…) Ces pages utilisent le layout PrestaShop par défaut (colonne catégories + newsletter + form Bootstrap brut). On réutilise ici le design « L'Atelier » (papier crème, filet terracotta, titres serif, tokens couleurs/fontes) pour les rendre cohérentes : on masque le bruit, on centre, on habille les forms. ============================================================================ */ /* masque colonnes latérales (catégories + newsletter) sur les pages client/tunnel */ :is(body#authentication,body#registration,body#my-account,body#identity,body#address,body#addresses,body#history,body#order-detail,body#order-slip,body#discount,body#order-follow,body#guest-tracking,body#password,body#cart,body#order,body#order-confirmation) #left-column, :is(body#authentication,body#registration,body#my-account,body#identity,body#address,body#addresses,body#history,body#order-detail,body#order-slip,body#discount,body#order-follow,body#guest-tracking,body#password,body#cart,body#order,body#order-confirmation) #right-column{ display:none !important; } :is(body#authentication,body#registration,body#my-account,body#identity,body#address,body#addresses,body#history,body#order-detail,body#order-slip,body#discount,body#order-follow,body#guest-tracking,body#password,body#cart,body#order,body#order-confirmation) #content-wrapper{ width:100% !important; max-width:none !important; flex:0 0 100% !important; padding:0; background:transparent; } :is(body#authentication,body#registration,body#my-account,body#identity,body#address,body#addresses,body#history,body#order-detail,body#order-slip,body#discount,body#order-follow,body#guest-tracking,body#password) #main{ max-width:760px; margin:0 auto; padding:40px 20px 64px; } body#cart #main,body#order #main,body#order-confirmation #main{ max-width:1100px; margin:0 auto; padding:32px 20px 64px; } /* --- titre de page : serif pétrole + filet pointillé (comme la refonte) --- */ :is(body#authentication,body#registration,body#my-account,body#identity,body#address,body#addresses,body#history,body#order-detail,body#order-slip,body#discount,body#order-follow,body#guest-tracking,body#password,body#cart,body#order,body#order-confirmation) #main h1, :is(body#authentication,body#registration,body#my-account,body#identity,body#address,body#addresses,body#history,body#order-detail,body#order-slip,body#discount,body#order-follow,body#guest-tracking,body#password) .page-header h1{ font-family:var(--display); font-weight:700; font-size:30px; line-height:1.1; color:var(--petrol); margin:0 0 26px; padding-bottom:16px; border-bottom:1px dotted var(--line); } /* --- carte « panneau papier » : on carde UNIQUEMENT le wrapper #content (.page-customer-account #content) → 1 seule carte par page. On NE carde PAS .login-form/.register-form (qui sont DEDANS → ça faisait un panneau-dans-panneau). --- */ body#password .forgotten-password, .page-customer-account #content, .account-block{ background:var(--paper); border:1px solid var(--line); border-top:3px solid var(--terracotta); padding:30px 34px; margin-bottom:24px; } /* le footer{} générique de atelier-maquette.css met un fond PÉTROLE + 50px de padding sur TOUT