/* Com Bataillon : page Réalisations (filtres et galerie générés par page-realisations.js). */

/* Filtres par métier (la classe cb-counters donne la grille de base ; ces règles gèrent les largeurs d'écran) */
@media (min-width:1200px){.elementor .cb-counters.cb-counters{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:900px){.elementor .cb-counters.cb-counters{grid-template-columns:repeat(2,minmax(0,1fr))}.cb-counter.all{grid-column:span 2}}
@media (max-width:900px) and (min-width:601px){.elementor .cb-counters.cb-counters{grid-template-columns:repeat(3,minmax(0,1fr))}.cb-counter.all{grid-column:auto}}
@media (max-width:600px){.elementor .cb-counters.cb-counters{gap:10px;margin-top:24px}.cb-counter.all{grid-column:auto}}
.cb-counter{font-family:inherit;line-height:1.55;white-space:normal;text-align:left;cursor:pointer;border:2px solid var(--cb-encre);border-radius:20px;padding:16px 18px 18px;background:var(--c);color:var(--cb-encre);box-shadow:5px 5px 0 var(--cb-encre);transform:rotate(var(--r));transition:transform .35s cubic-bezier(.3,1.6,.5,1),box-shadow .25s}
.cb-counter:hover{transform:rotate(0) translateY(-5px);box-shadow:8px 9px 0 var(--cb-encre)}
.cb-counter b{display:block;font-weight:900;font-size:clamp(20px,2.2vw,26px);line-height:1.05;letter-spacing:-.02em}
.cb-counter span{display:block;font-family:var(--cb-font-main);font-weight:700;font-size:20px;line-height:1.1;margin-top:6px}
.cb-counter.on{outline:4px solid var(--cb-magenta);outline-offset:4px}
.cb-counter.all.on{outline-color:var(--cb-jaune)}
.cb-counter.dark{color:#fff}
@media (max-width:600px){.cb-counter{padding:12px 14px 13px;border-radius:16px;box-shadow:4px 4px 0 var(--cb-encre)}.cb-counter b{font-size:17px}.cb-counter span{font-size:16px;margin-top:3px}}

/* Galerie complète : photos entières en colonnes */
@media (max-width:480px){.elementor .cb-rgallery.cb-rgallery{columns:1}}
.elementor .cb-rgallery .cb-shot{display:block;width:100%;margin:0 0 18px;break-inside:avoid}
.elementor .cb-rgallery .cb-shot img{position:relative;display:block;width:100%;height:auto}
.elementor .cb-rgallery .cb-shot.out{display:none}
.elementor .cb-rgallery .cb-shot.pop{animation:cbPopR .55s cubic-bezier(.3,1.6,.5,1) both}
@keyframes cbPopR{from{transform:scale(.8) rotate(-4deg)}to{transform:none}}
.elementor-editor-active .cb-rgallery:empty::before{content:"Galerie générée automatiquement : toutes les réalisations de realisations.js";display:block;text-align:center;font-family:var(--cb-font-main);font-size:22px;color:var(--cb-muted);padding:40px 0}

/* « Votre projet sera le prochain ? » */
.elementor .cb-nextup-in .cb-h2 span{color:var(--cb-magenta);font-family:var(--cb-font-main);font-weight:700;display:inline-block;transform:rotate(-3deg)}
