.wechef-free-wrap .description{
  margin: 8px 0 18px;
  opacity: .9;
}

.wechef-free-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
  margin-top: 12px;
}

@media (max-width: 1100px){
  .wechef-free-grid{ grid-template-columns: 1fr; }
}

.wechef-free-card{
  border-radius: 16px;
  padding: 14px 14px 12px;
  background: #0f1a2c;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 16px 50px rgba(0,0,0,.25);
}

.wechef-free-head{
  display:flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 12px;
}

.wechef-free-title{
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .2px;
  color: #e8f0ff;
}

.wechef-free-meta{
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
}

.wechef-tag{
  display:inline-flex;
  align-items:center;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.88);
}

.wechef-tag--green{
  background: rgba(22,199,132,.15);
  border-color: rgba(22,199,132,.25);
}

.wechef-tag--red{
  background: rgba(231,76,60,.15);
  border-color: rgba(231,76,60,.25);
}

.wechef-free-actions{
  display:flex;
  gap: 10px;
  align-items:center;
  flex-wrap: wrap;
}

.wechef-free-toggle.is-on{
  border-color: rgba(255,255,255,.18) !important;
}

.wechef-free-status{
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 12px;
  letter-spacing: .02em;
}

.wechef-free-status.ok{
  background: rgba(22,199,132,.16);
  border: 1px solid rgba(22,199,132,.25);
  color: rgba(230,255,245,.95);
}

.wechef-free-status.err{
  background: rgba(231,76,60,.16);
  border: 1px solid rgba(231,76,60,.25);
  color: rgba(255,235,235,.95);
}

/* Column styles (list table) */
.wechef-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
}
.wechef-dot--green{ background: #16c784; box-shadow: 0 0 0 3px rgba(22,199,132,.18); }
.wechef-dot--red{ background: #e74c3c; box-shadow: 0 0 0 3px rgba(231,76,60,.18); }

.wechef-pill{
  display:inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.wechef-pill--on{
  background: rgba(22,199,132,.16);
  border: 1px solid rgba(22,199,132,.25);
  color: rgba(230,255,245,.95);
}
.wechef-pill--off{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.78);
}
.wechef-free-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:14px 0 18px;
}

.wechef-free-search{
  width:min(520px, 100%);
  max-width:100%;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(10,14,30,.55);
  color:#fff;
  outline:none;
}

.wechef-free-search::placeholder{ opacity:.7; }

.wechef-free-search:focus{
  border-color: rgba(80,200,255,.55);
  box-shadow: 0 0 0 3px rgba(80,200,255,.18);
}

.wechef-free-search-meta{
  opacity:.8;
  font-size:12px;
  font-weight:700;
}

.wechef-free-front__title{
  color: rgba(255,255,255,.92) !important;
  text-shadow: 0 10px 30px rgba(0,0,0,.45);
}

.wechef-free-front__grid{
  justify-content: start; /* évite les comportements chelous selon thème */
}

.wechef-free-front{
  max-width: 1100px;
}
/* --- Free Content admin: thumbnail block --- */
.wechef-free-head{
  display:flex;
  gap:14px;
  align-items:flex-start;
}

.wechef-free-thumb{
  width:160px;
  flex:0 0 160px;
}

.wechef-free-thumb img{
  width:100%;
  height:92px;
  object-fit:cover;
  border-radius:12px;
  display:block;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
}

.wechef-free-thumb__empty{
  width:100%;
  height:92px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px dashed rgba(255,255,255,.22);
  color: rgba(255,255,255,.65);
  background: rgba(255,255,255,.05);
  margin-bottom:8px;
  font-weight:700;
  font-size:12px;
}

.wechef-free-pick-image{
  margin-top:8px !important;
  width:100%;
}

.wechef-free-head-main{
  flex:1 1 auto;
  min-width: 0;
}

/* responsive admin */
@media (max-width: 900px){
  .wechef-free-head{flex-direction:column}
  .wechef-free-thumb{width:100%;flex-basis:auto}
  .wechef-free-thumb img,
  .wechef-free-thumb__empty{height:140px}
}
/* ============================================================
   Free Content admin: cards more vertical (narrower + taller)
   ============================================================ */

/* 1) Grid: more columns, tighter cards */
.wechef-free-grid{
  /* plus étroit => + de colonnes => rendu plus "vertical" */
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch;
}

/* 2) Card: increase height, reduce "wide" feel */
.wechef-free-card{
  min-height: 360px;              /* plus haut */
  padding: 18px 16px 16px !important;
  display: flex;
  flex-direction: column;
}

/* 3) Head spacing: keep title + tags compact */
.wechef-free-head{
  margin-bottom: 12px !important;
}

/* 4) Actions stick to bottom (better vertical rhythm) */
.wechef-free-actions{
  margin-top: auto;               /* pousse les boutons en bas */
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

/* 5) Responsive: on garde un bon rendu sur petites largeurs */
@media (max-width: 1400px){
  .wechef-free-grid{
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  }
}
@media (max-width: 782px){
  .wechef-free-grid{
    grid-template-columns: 1fr !important;
  }
  .wechef-free-card{
    min-height: 0;
  }
}
/* Espace entre le titre et les tags (status) */
.wechef-free-title{
  margin-bottom: 15px !important;
}

.wechef-free-meta{
  margin-top: 6px !important;
}
/* PERFECT centered media block (preview + button same width) */
.wechef-free-card > div:first-child{
  width: 260px;              /* <- ajuste ici (240/260/280) */
  margin: 0 auto 18px;       /* center the whole block */
  display: flex;
  flex-direction: column;
  align-items: stretch;      /* button takes full block width */
}

/* preview box (no image) AND image container take full block width */
.wechef-free-card > div:first-child > *:first-child{
  width: 100% !important;
}

/* images: fill the block nicely */
.wechef-free-card > div:first-child img{
  width: 100% !important;
  height: auto !important;
  display: block;
  border-radius: 14px;
  object-fit: cover;
}

/* button: same width as preview */
.wechef-free-card > div:first-child .button{
  width: 100% !important;
  justify-content: center;
}
/* ============================
   FREE CONTENT (FRONT)
   ============================ */

/* Section wrapper = visuellement "différent" du store payant */
.wechef-free-front{
  margin: 34px 0;
  padding: 18px 18px 22px;
  border-radius: 22px;
  border: 1px solid rgba(22,199,132,.22);
  background: linear-gradient(180deg, rgba(22,199,132,.08), rgba(16,22,48,.10));
  box-shadow: 0 18px 70px rgba(0,0,0,.22);
  backdrop-filter: blur(10px) saturate(1.06);
  -webkit-backdrop-filter: blur(10px) saturate(1.06);
  position: relative;
}

/* Petit “label” section + trait séparateur */
.wechef-free-front__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
  margin: 0 0 14px;
}
.wechef-free-front__head::after{
  content:"";
  flex: 1 1 auto;
  height: 1px;
  margin-left: 14px;
  background: linear-gradient(90deg, rgba(22,199,132,.55), rgba(255,255,255,0));
  opacity: .8;
}
.wechef-free-front__title{
  margin: 0;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: .18px;
  color: rgba(235,255,245,.95);
  text-shadow: 0 10px 30px rgba(0,0,0,.45);
  position: relative;
}
.wechef-free-front__title::before{
  content:"FREE CONTENT";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 6px 10px;
  margin-right: 10px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 11px;
  letter-spacing: .14em;
  background: rgba(22,199,132,.18);
  border: 1px solid rgba(22,199,132,.35);
  color: rgba(220,255,240,.95);
}

/* Grid */
.wechef-free-front__grid{display:grid;gap:14px}
.wechef-cols-1 .wechef-free-front__grid{grid-template-columns:1fr}
.wechef-cols-2 .wechef-free-front__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.wechef-cols-3 .wechef-free-front__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.wechef-cols-4 .wechef-free-front__grid{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Card */
.wechef-free-front__card{
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.14);
  background: linear-gradient(180deg, rgba(16,22,48,.72), rgba(10,14,30,.58));
  box-shadow: 0 14px 50px rgba(0,0,0,.22);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.wechef-free-front__card:hover{
  transform: translateY(-3px);
  box-shadow: 0 18px 70px rgba(0,0,0,.28);
  border-color: rgba(22,199,132,.26);
}

/* Media */
.wechef-free-front__media{
  width:100%;
  aspect-ratio: 16/10;
  background: rgba(255,255,255,.06);
  overflow:hidden;
}
.wechef-free-front__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform: scale(1.01);
}
.wechef-free-front__media.is-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  color: rgba(255,255,255,.65);
}

/* Body (CENTRÉ) */
.wechef-free-front__body{
  padding: 14px 14px 16px;
  display:flex;
  flex-direction:column;
  align-items:center;        /* centre horizontal */
  text-align:center;
  gap: 10px;
}

/* Badge FREE (dans la card) */
.wechef-free-front__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border-radius:999px;
  font-weight:900;
  font-size:11px;
  letter-spacing:.14em;
  background: rgba(22,199,132,.18);
  border:1px solid rgba(22,199,132,.35);
  color: rgba(220,255,240,.95);
}

/* Title */
.wechef-free-front__name{
  font-weight: 900;
  font-size: 14px;
  color:#fff;
  line-height: 1.15;
}

/* Button */
.wechef-free-front__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  width: min(220px, 100%);
  padding: 10px 14px;
  border-radius: 14px;
  font-weight: 900;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  background: linear-gradient(90deg, rgba(80,200,255,.95), rgba(130,130,255,.92));
  color: rgba(6,8,14,.92);
  transition: filter .15s ease, transform .15s ease;
}
.wechef-free-front__btn:hover{filter: brightness(1.05);transform: translateY(-1px)}
.wechef-free-front__btn:focus{outline: none; box-shadow: 0 0 0 3px rgba(80,200,255,.22)}

/* Expand */
.wechef-free-front__card.is-hidden{display:none}
.wechef-free-front.is-expanded .wechef-free-front__card.is-hidden{display:block}

.wechef-free-front__footer{display:flex;justify-content:center;margin-top:16px}
.wechef-free-front__toggle{
  padding: 12px 18px;
  border-radius: 14px;
  font-weight: 900;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  cursor: pointer;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.22);
  color: #fff;
}
.wechef-free-front__toggle:hover{border-color: rgba(22,199,132,.28)}

/* Responsive */
@media (max-width: 900px){
  .wechef-cols-3 .wechef-free-front__grid,
  .wechef-cols-4 .wechef-free-front__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 560px){
  .wechef-free-front{padding: 14px 14px 18px}
  .wechef-free-front__grid{grid-template-columns:1fr !important}
  .wechef-free-front__head::after{display:none}
}
/* Bulle = prend TOUTE la largeur dispo du contenu (plus de max-width qui la limite) */
.wechef-free-front{width:100%;max-width:none;box-sizing:border-box}