.elementor-163 .elementor-element.elementor-element-f9db61a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-163 .elementor-element.elementor-element-f9db61a:not(.elementor-motion-effects-element-type-background), .elementor-163 .elementor-element.elementor-element-f9db61a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://annuaire.chocolat.guide/wp-content/uploads/2026/03/hero-chocolat.avif");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-163 .elementor-element.elementor-element-f9db61a::before, .elementor-163 .elementor-element.elementor-element-f9db61a > .elementor-background-video-container::before, .elementor-163 .elementor-element.elementor-element-f9db61a > .e-con-inner > .elementor-background-video-container::before, .elementor-163 .elementor-element.elementor-element-f9db61a > .elementor-background-slideshow::before, .elementor-163 .elementor-element.elementor-element-f9db61a > .e-con-inner > .elementor-background-slideshow::before, .elementor-163 .elementor-element.elementor-element-f9db61a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Libre Baskerville;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-163 .elementor-element.elementor-element-6fab49e{color:#FFFFFF;}.elementor-163 .elementor-element.elementor-element-6fab49e a{color:var( --e-global-color-f916107 );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Libre Baskerville;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-163 .elementor-element.elementor-element-47cb6f1{margin:75px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-163 .elementor-element.elementor-element-47cb6f1 .elementor-heading-title{font-family:"Libre Baskerville", Libre Baskerville;font-weight:600;color:var( --e-global-color-f916107 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Libre Baskerville;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-163 .elementor-element.elementor-element-da20535{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 75px) 0px;padding:0px 100px 0px 100px;color:#FFFFFF;}.elementor-163 .elementor-element.elementor-element-53cbbc2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-163 .elementor-element.elementor-element-08c7e72{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-163 .elementor-element.elementor-element-08c7e72.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-163 .elementor-element.elementor-element-14bfbde{background-color:var( --e-global-color-f916107 );padding:20px 20px 20px 20px;border-style:dashed;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:10px 10px 10px 10px;}.elementor-163 .elementor-element.elementor-element-6f44dae{margin:25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-163 .elementor-element.elementor-element-140a6a6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;}.elementor-163 .elementor-element.elementor-element-783f469{background-color:var( --e-global-color-primary );padding:20px 20px 20px 20px;border-radius:10px 10px 10px 10px;}.elementor-163 .elementor-element.elementor-element-783f469 .elementor-heading-title{color:var( --e-global-color-f916107 );}@media(min-width:768px){.elementor-163 .elementor-element.elementor-element-08c7e72{--width:100%;}}@media(max-width:767px){.elementor-163 .elementor-element.elementor-element-da20535{padding:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-263efcb */.choco-cities-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 18px;
    margin: 28px 0;
}

.choco-city-card {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 96px;
    padding: 18px 20px;
    background: #fffdf9;
    border: 1px solid #eadfce;
    border-radius: 18px;
    text-decoration: none;
    box-sizing: border-box;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.choco-city-card:hover {
    transform: translateY(-2px);
    border-color: #d8c0a6;
    box-shadow: 0 10px 24px rgba(70, 42, 24, 0.08);
}

.choco-city-icon {
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 50%;
    background: #f4eadf;
    color: #7a4b2f;
    display: flex;
    align-items: center;
    justify-content: center;
}

.choco-city-icon svg {
    width: 23px;
    height: 23px;
}

.choco-city-content {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.choco-city-title {
    font-size: 18px;
    line-height: 1.35;
    font-weight: 600;
    color: #2f1d12;
    
    /* très important pour éviter les horreurs */
    word-break: normal;
    overflow-wrap: break-word;
    hyphens: auto;
}

.choco-city-count {
    display: inline-flex;
    align-self: flex-start;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    color: #7a4b2f;
    background: #f8f1e8;
    border: 1px solid #eadfce;
    border-radius: 999px;
    padding: 8px 12px;
}

@media (max-width: 768px) {
    .choco-cities-grid {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 14px;
    }

    .choco-city-card {
        min-height: 88px;
        padding: 16px;
        border-radius: 16px;
    }

    .choco-city-title {
        font-size: 16px;
    }

    .choco-city-count {
        font-size: 13px;
        padding: 7px 10px;
    }
}

@media (max-width: 480px) {
    .choco-cities-grid {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */