/* Start custom CSS for shortcode, class: .elementor-element-773f7589 *//* --- CIBLAGE STRICT : UNIQUEMENT LE WIDGET COOKIES --- */

/* 1. On cible uniquement l'intérieur de ton widget shortcode spécifique */
.elementor-element-773f7589 .cmplz-document {
    max-width: 1440px !important;
    width: 90% !important;
    margin: 40px auto !important;
    padding: 0 !important;
    text-align: center !important;
    display: block !important;
    float: none !important;
    position: relative !important;
}

/* 2. Titres et paragraphes dans le widget */
.elementor-element-773f7589 .cmplz-document h1, 
.elementor-element-773f7589 .cmplz-document h2, 
.elementor-element-773f7589 .cmplz-document h3, 
.elementor-element-773f7589 .cmplz-document p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 3. Menus déroulants et listes dans le widget */
.elementor-element-773f7589 .cmplz-document details.cmplz-dropdown,
.elementor-element-773f7589 .cmplz-document ul, 
.elementor-element-773f7589 .cmplz-categories {
    max-width: 800px !important;
    width: 100% !important;
    margin: 10px auto !important;
    text-align: left !important;
    display: block !important;
}

/* 4. Mobile : on réajuste seulement le widget */
@media (max-width: 767px) {
    .elementor-element-773f7589 .cmplz-document {
        width: 90% !important;
    }
}/* End custom CSS */