/* KPIZZ V284 - accueil : bulle unique compacte et centrée comme les pizzerias */
/* KPIZZ V259 - communications accueil : une seule carte horizontale, plusieurs cartes compactes */
.site-comms{width:min(1120px,calc(100% - 24px));margin:18px auto 28px;position:relative;z-index:2}
.site-comms-grid{display:grid;gap:12px;align-items:stretch;grid-auto-rows:1fr}
.site-comms-count-1{grid-template-columns:minmax(0,1fr);justify-items:center}
.site-comms-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.site-comms-count-3,.site-comms-count-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.site-comm-card{background:#111;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:22px;overflow:hidden;box-shadow:0 16px 42px rgba(0,0,0,.2);min-width:0;min-height:0;display:grid;align-items:stretch}

/* une communication seule = horizontale compacte et centrée */
.site-comms-count-1 .site-comm-card{grid-template-columns:minmax(260px,420px) minmax(220px,max-content);width:fit-content;max-width:min(860px,100%);justify-self:center;align-items:center;margin:0 auto}
.site-comms-count-1 .site-comm-media{height:100%;min-height:170px;max-height:250px;aspect-ratio:auto;display:flex;align-items:center;justify-content:center}
.site-comms-count-1 .site-comm-content{padding:12px 18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-width:220px;max-width:340px;width:max-content;max-width:min(340px,100%);text-align:left}
.site-comms-count-1 .site-comm-content h2{margin:0;font-size:clamp(1rem,2.1vw,1.35rem);line-height:1.12;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.site-comms-count-1 .site-comm-content p{margin:0;color:#e3e3e3;font-size:.82rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.site-comms-count-1 .site-comm-phone,.site-comms-count-1 .site-comm-btn{display:none}
.site-comms-count-1 .site-comm-card.is-open .site-comm-phone,.site-comms-count-1 .site-comm-card.is-open .site-comm-btn{display:inline-flex}
.site-comms-count-1 .site-comm-card.is-open .site-comm-content p{display:block;overflow:visible}

/* plusieurs communications = cartes plus compactes */
.site-comms-count-2 .site-comm-card,.site-comms-count-3 .site-comm-card,.site-comms-count-4 .site-comm-card{grid-template-columns:1fr}
.site-comms-count-2 .site-comm-media,.site-comms-count-3 .site-comm-media,.site-comms-count-4 .site-comm-media{aspect-ratio:16/9;min-height:0;max-height:180px;display:flex;align-items:center;justify-content:center;text-align:center;background:#000}
.site-comms-count-2 .site-comm-content,.site-comms-count-3 .site-comm-content,.site-comms-count-4 .site-comm-content{padding:10px 12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:7px;min-width:0;text-align:left}
.site-comms-count-2 .site-comm-content h2,.site-comms-count-3 .site-comm-content h2,.site-comms-count-4 .site-comm-content h2{margin:0;font-size:1rem;line-height:1.14;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.site-comms-count-2 .site-comm-content p,.site-comms-count-3 .site-comm-content p,.site-comms-count-4 .site-comm-content p{margin:0;color:#e3e3e3;font-size:.79rem;line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.site-comms-count-2 .site-comm-actions-card,.site-comms-count-3 .site-comm-actions-card,.site-comms-count-4 .site-comm-actions-card{display:flex;flex-wrap:wrap;gap:8px;align-items:center}

.site-comm-media{background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}
.site-comm-media img,.site-comm-media video{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center center;background:#000}
.site-comms .site-comm-media>*{margin:auto!important;align-self:center!important;justify-self:center!important}
.site-comms .site-comm-media img{display:block!important;max-width:100%!important;max-height:100%!important;margin:auto!important}
.site-comms .site-comm-card{justify-self:stretch}
.site-comms-count-1 .site-comm-media img{width:auto;max-width:100%;height:100%;object-fit:contain;object-position:center center;margin:auto}
.site-comms-count-1 .site-comm-media video{width:100%;height:100%;object-fit:contain;object-position:center center;margin:auto}
.site-comm-open,.site-comm-btn,.site-comm-phone{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:8px 14px;font-weight:900;text-decoration:none;cursor:pointer;font-size:.82rem}
.site-comm-actions-card{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.site-comms-count-1 .site-comm-actions-card{display:none}
.site-comms-count-2 .site-comm-media img,.site-comms-count-3 .site-comm-media img,.site-comms-count-4 .site-comm-media img{width:auto!important;max-width:100%!important;height:100%!important;min-height:0!important;object-fit:contain!important;object-position:center center!important;margin:auto!important;display:block!important}
.site-comms-count-2 .site-comm-media video,.site-comms-count-3 .site-comm-media video,.site-comms-count-4 .site-comm-media video{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;margin:auto!important;display:block!important}
.site-comm-btn{background:#e53935;color:#fff}
.site-comm-phone{background:#e53935;color:#fff}
.site-comm-open{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}

@media(max-width:900px){
  .site-comms{width:min(100% - 20px,980px);margin:16px auto 24px}
  .site-comms-count-1 .site-comm-card{grid-template-columns:minmax(210px,320px) minmax(190px,max-content);width:fit-content;max-width:100%;margin:0 auto}
  .site-comms-count-1 .site-comm-media{max-height:220px;min-height:150px}
  .site-comms-count-1 .site-comm-content{min-width:190px;max-width:300px;width:max-content;max-width:min(300px,100%)}
}
@media(max-width:700px){
  .site-comms{width:calc(100% - 16px);margin:14px auto 20px}
  .site-comms-grid{gap:10px}
  .site-comms-count-1 .site-comm-card{grid-template-columns:minmax(118px,38%) minmax(0,1fr);width:100%;max-width:100%;border-radius:18px}
  .site-comms-count-1 .site-comm-media{min-height:120px;max-height:170px}
  .site-comms-count-1 .site-comm-content{padding:10px 11px;gap:6px;min-width:0;max-width:none}
  .site-comms-count-1 .site-comm-content h2{font-size:.96rem}
  .site-comms-count-1 .site-comm-content p{font-size:.74rem}
  .site-comms-count-2,.site-comms-count-3,.site-comms-count-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-comms-count-2 .site-comm-card,.site-comms-count-3 .site-comm-card,.site-comms-count-4 .site-comm-card{border-radius:16px}
  .site-comms-count-2 .site-comm-media,.site-comms-count-3 .site-comm-media,.site-comms-count-4 .site-comm-media{max-height:112px}
  .site-comms-count-2 .site-comm-content,.site-comms-count-3 .site-comm-content,.site-comms-count-4 .site-comm-content{padding:8px 9px;gap:5px}
  .site-comms-count-2 .site-comm-content h2,.site-comms-count-3 .site-comm-content h2,.site-comms-count-4 .site-comm-content h2{font-size:.82rem;-webkit-line-clamp:2}
  .site-comm-open,.site-comm-btn,.site-comm-phone{padding:7px 11px;font-size:.72rem}
}
@media(max-width:700px){
  .site-comms-count-2 .site-comm-content p,.site-comms-count-3 .site-comm-content p,.site-comms-count-4 .site-comm-content p{font-size:.7rem}
  .site-comms-count-2 .site-comm-actions-card,.site-comms-count-3 .site-comm-actions-card,.site-comms-count-4 .site-comm-actions-card{gap:6px}
  .site-comms-count-2 .site-comm-open,.site-comms-count-2 .site-comm-btn,.site-comms-count-2 .site-comm-phone,.site-comms-count-3 .site-comm-open,.site-comms-count-3 .site-comm-btn,.site-comms-count-3 .site-comm-phone,.site-comms-count-4 .site-comm-open,.site-comms-count-4 .site-comm-btn,.site-comms-count-4 .site-comm-phone{padding:6px 10px;font-size:.68rem}
}
@media(max-width:420px){
  .site-comms-count-1 .site-comm-card{grid-template-columns:minmax(108px,40%) minmax(0,1fr);width:100%;max-width:100%}
  .site-comms-count-1 .site-comm-media{min-height:110px;max-height:155px}
  .site-comms-count-1 .site-comm-content h2{font-size:.88rem}
  .site-comms-count-1 .site-comm-content p{font-size:.7rem}
  .site-comms-count-2 .site-comm-media,.site-comms-count-3 .site-comm-media,.site-comms-count-4 .site-comm-media{max-height:92px}
  .site-comms-count-2 .site-comm-content h2,.site-comms-count-3 .site-comm-content h2,.site-comms-count-4 .site-comm-content h2{font-size:.76rem}
}

/* Styles admin conserves */
.sc-admin-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:20px;align-items:start}
.sc-admin-list{display:grid;gap:12px}
.sc-admin-item{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#0d0d0d;border:1px solid #292929;border-radius:16px;padding:15px}
.sc-admin-item p{margin:5px 0;color:#aaa}
.sc-admin-item .actions{margin:0}
.sc-admin-item form{margin:0}
.sc-current-media{padding:12px;border:1px solid #333;border-radius:12px;overflow-wrap:anywhere}
.btn.secondary{background:#292929;color:#fff}
@media(max-width:900px){.sc-admin-grid{grid-template-columns:1fr}.sc-admin-item{align-items:flex-start;flex-direction:column}.sc-admin-item .actions{width:100%}}


/* popup accueil */
.site-comm-dialog{position:fixed!important;inset:0!important;margin:auto!important;width:min(94vw,820px)!important;max-width:820px!important;max-height:88vh;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:#0b0b0b;color:#fff;box-shadow:0 22px 80px rgba(0,0,0,.65);overflow:auto}
.site-comm-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(3px)}
.site-comm-dialog-close{position:sticky;top:10px;float:right;z-index:3;width:42px;height:42px;margin:10px;border:0;border-radius:50%;background:#e52b32;color:#fff;font-size:1.5rem;font-weight:900;cursor:pointer}
.site-comm-dialog-media{background:#050505;display:flex;justify-content:center;align-items:center;clear:both}
.site-comm-dialog-media img,.site-comm-dialog-media video{display:block;width:100%;max-height:60vh;object-fit:contain;background:#050505}
.site-comm-dialog-content{padding:22px}
.site-comm-dialog-content h2{margin:0 0 12px;font-size:clamp(1.35rem,4vw,2rem)}
.site-comm-dialog-content p{margin:0 0 18px;line-height:1.55;color:rgba(255,255,255,.92)}
.site-comm-dialog-actions{display:flex;gap:8px;flex-wrap:wrap}
.site-comm-dialog-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 14px;border-radius:999px;text-decoration:none;font-weight:900}
.site-comm-dialog-actions .site-comm-btn{background:#e53935;color:#fff}
.site-comm-dialog-actions .site-comm-phone{background:#e53935;color:#fff}


/* KPIZZ V281 - accueil : images des bulles réellement centrées */
.site-comms-count-2 .site-comm-media,
.site-comms-count-3 .site-comm-media,
.site-comms-count-4 .site-comm-media{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding:0!important;
  background:#000!important;
}
.site-comms-count-2 .site-comm-media img,
.site-comms-count-3 .site-comm-media img,
.site-comms-count-4 .site-comm-media img{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
  object-fit:cover!important;
  object-position:center center!important;
}


/* KPIZZ V282 - accueil : bulles communication compactes au plus près de l'image */
.site-comms-grid{justify-items:center}
.site-comms-count-2 .site-comm-card,
.site-comms-count-3 .site-comm-card,
.site-comms-count-4 .site-comm-card{
  width:fit-content!important;
  max-width:100%!important;
  justify-self:center!important;
  align-self:stretch!important;
  grid-template-rows:auto 1fr!important;
}
.site-comms-count-2 .site-comm-media,
.site-comms-count-3 .site-comm-media,
.site-comms-count-4 .site-comm-media{
  width:fit-content!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:hidden!important;
  background:#000!important;
}
.site-comms-count-2 .site-comm-media img,
.site-comms-count-3 .site-comm-media img,
.site-comms-count-4 .site-comm-media img,
.site-comms-count-2 .site-comm-media video,
.site-comms-count-3 .site-comm-media video,
.site-comms-count-4 .site-comm-media video{
  position:static!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:260px!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0 auto!important;
}
.site-comms-count-2 .site-comm-card,
.site-comms-count-3 .site-comm-card,
.site-comms-count-4 .site-comm-card{
  height:100%!important;
}
.site-comms-count-2 .site-comm-content,
.site-comms-count-3 .site-comm-content,
.site-comms-count-4 .site-comm-content{
  width:100%!important;
  box-sizing:border-box!important;
  min-height:0!important;
  height:100%!important;
}
.site-comms-count-2 .site-comm-actions-card,
.site-comms-count-3 .site-comm-actions-card,
.site-comms-count-4 .site-comm-actions-card{
  width:100%!important;
}
.site-comms-count-2 .site-comm-open,
.site-comms-count-3 .site-comm-open,
.site-comms-count-4 .site-comm-open{
  margin-top:auto!important;
}
@media(max-width:700px){
  .site-comms-count-2 .site-comm-media img,
  .site-comms-count-3 .site-comm-media img,
  .site-comms-count-4 .site-comm-media img,
  .site-comms-count-2 .site-comm-media video,
  .site-comms-count-3 .site-comm-media video,
  .site-comms-count-4 .site-comm-media video{
    max-height:170px!important;
  }
}