.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* === Grille catégories CREALOOK : restaure le look des cartes === */
/* Donne à ta section catégories la classe `cl-categories` (Section ▸ Avancé ▸ Classe CSS) */
.cl-categories .cl-card { position:relative; overflow:hidden; }

/* Refixe le badge (en haut à gauche) */
.cl-categories .cl-badge {
display:inline-flex; align-items:center;
padding:.35rem .6rem; font-size:.75rem; font-weight:700;
background:#fff; color:#6b7280; border-radius:999px;
box-shadow:0 6px 16px rgba(20,20,43,.06);
}

/* Bouton "Découvrir" — remet la bonne taille & style */
.cl-categories a.cl-pill,
.cl-categories .cl-pill a,
.cl-categories .cl-cta,
.cl-categories a.elementor-button {
all: unset; /* annule les styles globaux importuns */
display:inline-flex; align-items:center; justify-content:center;
padding:.55rem 1rem; line-height:1; font-size:.9rem; font-weight:800;
color:#fff; background:linear-gradient(135deg,#C51162,#7B1FA2);
border-radius:999px; cursor:pointer;
box-shadow:0 8px 22px rgba(197,17,98,.25);
}

/* Positionne le bouton en bas à gauche de chaque carte */
.cl-categories .cl-card .cl-cta,
.cl-categories .cl-card a.cl-pill,
.cl-categories .cl-card a.elementor-button {
position:absolute; left:1rem; bottom:1rem; z-index:3;
}

/* Titre readable sur l'image */
.cl-categories .cl-title {
position:absolute; left:1rem; bottom:4.1rem; z-index:3;
color:#fff; font-weight:900; font-size:1.15rem; text-shadow:0 2px 8px rgba(0,0,0,.35);
}

/* Masque dégradé discret pour lisibilité du texte */
.cl-categories .cl-card::after{
content:""; position:absolute; inset:0; z-index:2;
background:linear-gradient(to top, rgba(20,20,43,.45), rgba(20,20,43,0) 55%);
}

/* Image 100% carte, arrondis propres */
.cl-categories .cl-card img{
display:block; width:100%; height:100%; object-fit:cover;
border-radius:22px;
}/* End custom CSS */