/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* ==========================================================================
   CTE Lift — règles globales
   ========================================================================== */

/* Rognage typographique identique à la maquette Figma (leading trim cap → ligne de base).
   Spécificité nulle (:where) : un élément peut revenir au comportement normal avec
   « text-box: normal » dans ses propres styles. */
:where(.brxe-heading, .brxe-text-basic, .brxe-post-title) {
	text-box: trim-both cap alphabetic;
}

/* Animations d'apparition (interactions Bricks « entrée dans la vue » → « lancer l'animation »).
   Les keyframes d'animate.css déplacent l'élément de 100 % de sa propre hauteur : on les remplace
   (hors @layer, donc prioritaires sur la version Bricks) par un déplacement court et une courbe douce. */
@keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 40px, 0); } to { opacity: 1; transform: none; } }
@keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -40px, 0); } to { opacity: 1; transform: none; } }
@keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-48px, 0, 0); } to { opacity: 1; transform: none; } }
@keyframes fadeInRight { from { opacity: 0; transform: translate3d(48px, 0, 0); } to { opacity: 1; transform: none; } }
.brx-animated { animation-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1); }

/* Pas de défilement horizontal pendant les entrées latérales */
html,
body { overflow-x: clip; }

/* Visiteurs ayant demandé moins d'animations : apparition immédiate */
@media (prefers-reduced-motion: reduce) {
	.brx-animated { animation-duration: 1ms !important; animation-delay: 0s !important; }
}

/* Pages courtes (fiches nacelles, pages de gamme) : pied de page toujours en bas de l'écran */
body.single-nacelle,
body.tax-gamme { display: flex; flex-direction: column; min-height: 100vh; min-height: 100svh; }
body.single-nacelle #brx-content,
body.tax-gamme #brx-content { flex: 1 0 auto; }