/* dc26-{slug} — entry point PostCSS Ajouter les overrides et styles spécifiques à assemblage ici */ /* WooCommerce overrides — dc26-kaws */ /* Fond texturé + motif bouteilles, deux calques indépendants en fixed, chacun avec sa propre vitesse de parallax (voir ParallaxLayer dans dc26-base/scripts/scroll-behavior.js, qui instancie un contrôleur par élément .dc26-parallax-layer trouvé et lit son data-factor). */ /* z-index: 0 (pas -1) : avec un body sans wrapper positionné, un fixed en z-index négatif passe derrière le background-color du canevas racine et devient invisible (vérifié : contenu masqué même avec image chargée et opacity: 1). En restant à 0 et en étant les premiers enfants de (wp_body_open s'exécute avant tout le reste), l'ordre naturel du DOM suffit à garder ces calques sous tout le contenu réel de la page. */ .dc26-parallax-layer { position: fixed; top: 0; left: 50%; width: max(100vw, 1600px); min-height: 100vh; z-index: 0; pointer-events: none; overflow: hidden; will-change: transform; background-repeat: repeat; } /* background-image et opacity sont injectés en inline-style par functions/dc26-assemblage-bg.php (valeurs éditables depuis l'admin, page d'options "Site settings" > Fond animé). */ /* PAS de taille forcée sur aucun des deux calques : un raster (PNG/JPG/ webp) affiché à une taille différente de ses pixels natifs oblige le navigateur à le redimensionner à chaque répétition, ce qui crée une fine couture visible au raccord des tuiles. "auto" affiche l'image 1:1 (le SVG par défaut de la texture déclare width/height explicites pour avoir lui aussi une taille intrinsèque nette) — l'export doit donc être fait à la taille d'affichage souhaitée directement. */ .bg-pattern-layer__texture, .bg-pattern-layer__bottles { background-size: auto; } /* Header club — parts/header.html (core/navigation + dc26/account-status, voir dc26-base/css/_header.css pour le toggle responsive desktop/mobile partagé sur .dc26-nav-desktop / .dc26-mobile-only) */ .dc26-club-header { position: relative; padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50) 0; font-family: var(--wp--preset--font-family--gt-pressura); } .dc26-club-header__nav .wp-block-navigation-item__content { font-size: var(--wp--preset--font-size--large); text-transform: uppercase; color: var(--wp--preset--color--gray-dark); } .dc26-club-header__logo { padding: var(--wp--preset--spacing--30) 0; } .dc26-club-header__logo img { max-width: 260px; height: auto; } .dc26-club-header__divider { border-color: var(--wp--preset--color--gray-light); margin-top: var(--wp--preset--spacing--30); } /* patterns/event-hero.php — colonnes core, le stacking mobile est géré par .wp-block-columns nativement, il ne reste que l'image plein cadre */ .dc26-event-hero { font-family: var(--wp--preset--font-family--gt-pressura); } .dc26-event-hero__media { padding: 0 !important; } .dc26-event-hero__media .wp-block-image, .dc26-event-hero__media img { height: 100%; margin: 0; } .dc26-event-hero__media img { width: 100%; -o-object-fit: cover; object-fit: cover; display: block; } @media (max-width: 782px) { .dc26-event-hero__media img { aspect-ratio: 4 / 3; } } /* parts/footer.html — core/group + core/columns + core/navigation + core/social-links + core/shortcode */ .dc26-site-footer { font-family: var(--wp--preset--font-family--gt-pressura); } .dc26-site-footer__main { gap: var(--wp--preset--spacing--50); padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--50); } .dc26-site-footer__social .wp-social-link a { color: var(--wp--preset--color--white); } .dc26-site-footer__legal .wp-block-navigation-item__content { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--white); } .dc26-site-footer__newsletter { min-width: 260px; } .dc26-site-footer__disclaimer { text-align: center; padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--50); }