/* ========================================================================= Socle repris du kit Elementor 4 — styles de base. Source : wp-content/uploads/elementor/css/post-4.css, en-tête généré (regles .elementor-kit-4, avant le bloc de CSS personnalise). La classe de portée `elementor-kit-4`, posée sur par Elementor, devient `aec-kit` (voir override/socle-css.php) : même spécificité (0-1-1), donc mêmes arbitrages de cascade face aux règles de style.css. Les `line-height` exprimés en `px` (1.2px, 1.3px, 1.5px) sont les valeurs réelles produites par Elementor : les reproduire à l'identique. ========================================================================= */ .aec-kit{ background-color:#F2F1EF; color:#020202; font-family:"Roboto-Regular", Inter, sans-serif; font-size:16px; font-weight:400; font-style:normal; line-height:1.5px; letter-spacing:0.02px; } .aec-kit a{ color:var(--aec-color-secondary); font-family:"Roboto-Bold", Inter, sans-serif; font-size:16px; font-weight:400; text-transform:uppercase; line-height:1.5px; letter-spacing:0.02px; word-spacing:11px; } .aec-kit h1{ color:#000000; font-family:"RobotoSlab-Bold", Inter, sans-serif; font-size:48px; font-weight:700; text-transform:uppercase; font-style:normal; line-height:1.2px; letter-spacing:0.01px; } .aec-kit h2{ color:#070707; font-family:"RobotoSlab-Bold", Inter, sans-serif; font-size:36px; font-weight:700; text-transform:uppercase; font-style:normal; line-height:1.3px; letter-spacing:0.01px; } .aec-kit h3{ color:#0A0A0A; font-family:"RobotoSlab-Medium", Inter, sans-serif; font-size:28px; font-weight:500; font-style:normal; line-height:1.3px; letter-spacing:0.01px; } .aec-kit h4{ color:#000000; font-family:"RobotoSlab-Regular", Inter, sans-serif; font-size:22px; font-weight:400; font-style:normal; line-height:1.3px; letter-spacing:0px; } .aec-kit h6{ font-size:17px; line-height:20px; letter-spacing:-0.1px; word-spacing:5px; } /* Le kit ne définit rien pour h5 : ne rien ajouter. */ .aec-kit button, .aec-kit input[type="button"], .aec-kit input[type="submit"], .aec-kit .aec-btn{ text-shadow:0px 0px 10px rgba(255, 255, 255, 0.3); border-style:none; } .aec-kit button:hover, .aec-kit button:focus, .aec-kit input[type="button"]:hover, .aec-kit input[type="button"]:focus, .aec-kit input[type="submit"]:hover, .aec-kit input[type="submit"]:focus, .aec-kit .aec-btn:hover, .aec-kit .aec-btn:focus{ border-style:none; } /* Largeur de contenu et gouttières du kit, pour les futurs conteneurs maison. Le kit annonce 1440px, mais style.css force `.e-con.e-flex>.e-con-inner { max-width:1400px !important }` : la largeur EFFECTIVE aujourd'hui est 1400px. Les gabarits ACF existants utilisent déjà 1400px. */ .aec-container{ --aec-container-max-width:1400px; --aec-container-padding:40px; } .aec-container > .aec-container__inner{ max-width:var(--aec-container-max-width); margin-inline:auto; } .aec-container{ padding-inline:var(--aec-container-padding); } /* Largeur du contenu de l'accueil. L'accueil (template-accueil.php) est le seul gabarit à passer par

. Or le CSS du thème Hello plafonne ce bloc à 1140px au-dessus de 1200px de large, pour les pages qui ne sont PAS des pages Elementor (assets/css/theme.css : `body:not([class*=elementor-page-]) .site-main`). Depuis la sortie d'Elementor, l'accueil tombe dans ce cas et se retrouvait 260px plus étroite que le reste du site. On l'aligne sur la largeur commune, celle de .aec-header__inner et du pied de page. Même spécificité que la règle du thème, mais chargée après : elle gagne. Vaut aussi pour la recherche, les archives et la 404, qui utilisent le même bloc. */ body:not([class*="elementor-page-"]) .site-main{ max-width:1400px; } /* Sous 576 px, theme.css ajoute 10 px de marge latérale aux .site-main des pages non Elementor. En production l'accueil est une page Elementor et y échappe : le diaporama et les stories y sont bord à bord. Même chose ici. */ @media (max-width:575px){ body.page-template-template-accueil .site-main{ padding-inline:0; } } @media (max-width:1024px){ .aec-kit h6{ font-size:16px; line-height:21px; letter-spacing:0.1px; } .aec-container{ --aec-container-padding:30px; } } @media (max-width:767px){ .aec-kit h6{ font-size:15px; line-height:18px; letter-spacing:-1.1px; word-spacing:0.1em; } .aec-container{ --aec-container-padding:20px; } }