.community-flyers-panel{
  margin-top:14px;
}

.community-flyers-slider{
  min-height:210px;
}

.flyer-card{
  border-radius:18px;
  overflow:hidden;
  background:rgba(10,18,32,.88);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 12px 30px rgba(0,0,0,.28);
}

.flyer-image{
  width:100%;
  height:150px;
  object-fit:cover;
  display:block;
  background:#111827;
}

.flyer-body{
  padding:10px 12px;
}

.flyer-title{
  font-weight:800;
  color:#fff;
  font-size:15px;
}

.flyer-meta{
  color:#cbd5e1;
  font-size:12px;
  margin-top:4px;
}

.flyer-actions{
  display:flex;
  gap:8px;
  margin-top:10px;
}

.flyer-btn{
  border:0;
  border-radius:999px;
  padding:7px 12px;
  cursor:pointer;
  font-weight:700;
  background:linear-gradient(135deg,#f59e0b,#ec4899);
  color:white;
}

.flyer-info-btn{
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
}

.flyer-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  background:rgba(0,0,0,.72);
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
}

.flyer-modal.open{
  display:flex;
}

.flyer-modal-card{
  width:min(520px,95vw);
  max-height:90vh;
  overflow:auto;
  border-radius:22px;
  background:#101827;
  border:1px solid rgba(255,255,255,.14);
  padding:16px;
  color:white;
}

.flyer-modal-card img{
  width:100%;
  max-height:360px;
  object-fit:contain;
  border-radius:16px;
  background:#050816;
}

.flyer-form input,
.flyer-form textarea{
  width:100%;
  margin:6px 0 10px;
  padding:10px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.16);
  background:#0b1220;
  color:white;
}

.flyer-form textarea{
  min-height:90px;
}

.flyer-help{
  color:#cbd5e1;
  font-size:13px;
  line-height:1.45;
  background:rgba(255,255,255,.06);
  border-radius:14px;
  padding:10px;
  margin-bottom:10px;
}

/* Flyer image nette et proportionnelle */
.flyer-image{
  height:180px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:linear-gradient(135deg, rgba(15,23,42,.95), rgba(30,41,59,.85))!important;
  cursor:pointer;
  padding:6px;
}

.flyer-card{
  cursor:default;
}

.flyer-title{
  font-size:16px!important;
  margin-top:4px;
}

.flyer-modal-card img{
  cursor:zoom-in;
  object-fit:contain!important;
}

/* Carte flyer horizontale pro */
.flyer-card{
  display:flex!important;
  gap:14px!important;
  align-items:center!important;
  padding:12px!important;
}

.flyer-image{
  width:145px!important;
  height:190px!important;
  min-width:145px!important;
  object-fit:cover!important;
  border-radius:14px!important;
  padding:0!important;
  background:#050816!important;
  box-shadow:0 0 18px rgba(56,189,248,.22);
}

.flyer-body{
  flex:1!important;
  padding:0!important;
}

.flyer-title{
  font-size:18px!important;
  line-height:1.1;
}

.flyer-meta{
  font-size:13px!important;
  margin-top:6px!important;
}

.flyer-actions{
  margin-top:14px!important;
}

.flyer-btn{
  padding:9px 14px!important;
}

/* Flyer premium : image moins agrandie + texte plus classe */
.community-flyers-slider .flyer-image{
  width:125px!important;
  height:170px!important;
  min-width:125px!important;
  object-fit:cover!important;
  filter:contrast(1.05) saturate(1.08);
}

.community-flyers-slider .flyer-title{
  font-size:21px!important;
  font-weight:950!important;
  letter-spacing:.2px;
  background:linear-gradient(90deg,#fff,#67e8f9,#f0abfc,#fff);
  background-size:220% auto;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  animation:flyerTitleGlow 4s linear infinite;
}

.community-flyers-slider .flyer-meta{
  font-size:13px!important;
  color:#e0e7ff!important;
}

.community-flyers-slider .flyer-btn{
  margin-top:4px;
  border:1px solid rgba(255,255,255,.22)!important;
  animation:flyerBtnPulse 2.8s ease-in-out infinite;
}

@keyframes flyerTitleGlow{
  0%{background-position:0% center}
  100%{background-position:220% center}
}

@keyframes flyerBtnPulse{
  0%,100%{box-shadow:0 0 14px rgba(56,189,248,.22)}
  50%{box-shadow:0 0 24px rgba(236,72,153,.42)}
}

/* ===== FLYER PREMIUM FINAL ===== */
.community-flyers-slider .flyer-card{
  display:flex!important;
  align-items:center!important;
  gap:20px!important;
  padding:18px!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 0% 20%, rgba(56,189,248,.16), transparent 35%),
    radial-gradient(circle at 100% 80%, rgba(236,72,153,.16), transparent 35%),
    linear-gradient(135deg, rgba(8,16,40,.98), rgba(34,14,68,.94), rgba(15,23,42,.98))!important;
  border:1px solid rgba(168,85,247,.38)!important;
  box-shadow:
    0 0 28px rgba(168,85,247,.22),
    inset 0 0 35px rgba(255,255,255,.04)!important;
}

.community-flyers-slider .flyer-image{
  width:170px!important;
  height:235px!important;
  min-width:170px!important;
  object-fit:contain!important;
  border-radius:18px!important;
  padding:6px!important;
  background:rgba(2,6,23,.95)!important;
  border:2px solid rgba(236,72,153,.38)!important;
  box-shadow:
    0 0 20px rgba(236,72,153,.35),
    0 0 40px rgba(56,189,248,.22)!important;
}

.community-flyers-slider .flyer-body{
  flex:1!important;
  padding:0!important;
}

.community-flyers-slider .flyer-title{
  font-size:25px!important;
  font-weight:950!important;
  line-height:1.05!important;
  text-transform:uppercase!important;
  background:linear-gradient(90deg,#ffffff,#67e8f9,#f0abfc,#ffffff)!important;
  background-size:280% auto!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  animation:flyerPremiumTitle 5s linear infinite!important;
  text-shadow:none!important;
}

.community-flyers-slider .flyer-meta{
  font-size:14px!important;
  color:#e0e7ff!important;
  margin-top:10px!important;
}

.community-flyers-slider .flyer-actions{
  margin-top:18px!important;
}

.community-flyers-slider .flyer-btn{
  padding:12px 18px!important;
  border-radius:999px!important;
  font-weight:900!important;
  background:linear-gradient(135deg,#38bdf8,#8b5cf6,#ec4899)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 0 24px rgba(168,85,247,.46)!important;
  animation:flyerBtnPulse 2.8s ease-in-out infinite!important;
}

@keyframes flyerPremiumTitle{
  0%{background-position:0% center}
  100%{background-position:280% center}
}

@keyframes flyerBtnPulse{
  0%,100%{box-shadow:0 0 18px rgba(56,189,248,.25)}
  50%{box-shadow:0 0 30px rgba(236,72,153,.48)}
}


/* Ajustement titre flyer */
.community-flyers-panel .eyebrow{
  font-size:11px!important;
  opacity:.78!important;
  letter-spacing:2px!important;
}

.community-flyers-panel h3{
  font-size:18px!important;
  opacity:.9!important;
}

.community-flyers-slider .flyer-title{
  font-size:32px!important;
  line-height:1!important;
  margin-bottom:14px!important;
}


/* Cache le texte bleu FLYERS COMMUNAUTÉ */
.community-flyers-panel .eyebrow{
  display:none!important;
}


/* Popup flyer premium */
.flyer-modal-card{
  width:min(760px,96vw)!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at top left, rgba(56,189,248,.18), transparent 35%),
    radial-gradient(circle at bottom right, rgba(236,72,153,.20), transparent 35%),
    linear-gradient(135deg, rgba(8,16,40,.98), rgba(27,14,55,.98))!important;
  border:1px solid rgba(168,85,247,.45)!important;
  box-shadow:0 0 45px rgba(168,85,247,.35)!important;
}

.flyer-modal-card h2{
  font-size:30px!important;
  text-transform:uppercase;
  background:linear-gradient(90deg,#fff,#67e8f9,#f0abfc,#fff);
  background-size:260% auto;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  animation:flyerPremiumTitle 5s linear infinite;
}

.flyer-modal-card img{
  width:100%!important;
  max-height:620px!important;
  object-fit:contain!important;
  border-radius:20px!important;
  background:rgba(2,6,23,.9)!important;
  box-shadow:0 0 30px rgba(56,189,248,.22)!important;
}

.flyer-modal-card .flyer-help{
  font-size:15px!important;
  line-height:1.55!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}

.flyer-modal-card .flyer-meta{
  font-size:14px!important;
  color:#dbeafe!important;
}