/* ============================================
   PLAYBOX - Gutenberg blocks (essentials)
   Stylise les blocs natifs Gutenberg pour
   matcher la charte graphique Playbox.
   Charge sur tout le frontend (taille faible).
   ============================================ */

/* === HEADINGS h1-h6 ===
   h2/h3 sont deja stylises dans playbox.css via
   la cascade .playbox-page h1..h6. Ici on complete
   h1, h4-h6 et on ajoute le scope .entry-content. */
.playbox-page .entry-content h1,
.playbox-front .entry-content h1{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.01em;
  line-height:1.05;
  font-size:clamp(2rem,5vw,3rem);
  color:var(--white);
  margin:0 0 .8em 0;
}
.playbox-page .entry-content h4,
.playbox-front .entry-content h4{
  font-family:'Barlow Condensed',sans-serif;
  font-size:1.2rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:var(--blue-3);
  margin:1.4em 0 .5em 0;
}
.playbox-page .entry-content h5,
.playbox-front .entry-content h5{
  font-family:'Barlow Condensed',sans-serif;
  font-size:1.05rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--blue-3);
  margin:1.2em 0 .4em 0;
}
.playbox-page .entry-content h6,
.playbox-front .entry-content h6{
  font-family:'Barlow Condensed',sans-serif;
  font-size:.95rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--off-white);
  margin:1.2em 0 .4em 0;
}

/* === BUTTONS Gutenberg ===
   Mappe visuellement sur .btn-primary (defaut)
   et .btn-outline (variante is-style-outline native).
   Les !important sont la pour battre Kadence. */
.wp-block-buttons{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin:1.4em 0;
}
.wp-block-buttons .wp-block-button{margin:0 !important}

/* Bouton fill (style par defaut) */
.wp-block-button__link,
.wp-block-button__link:link,
.wp-block-button__link:visited{
  display:inline-flex !important;
  align-items:center;
  gap:8px;
  font-family:'Barlow Condensed',sans-serif !important;
  font-size:.9rem !important;
  font-weight:700 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  padding:13px 28px !important;
  background:linear-gradient(135deg,var(--blue-1),var(--blue-3)) !important;
  color:var(--white) !important;
  text-decoration:none !important;
  border:none !important;
  border-radius:0 !important;
  clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);
  cursor:pointer;
  transition:filter .2s,transform .2s;
}
.wp-block-button__link:hover,
.wp-block-button__link:focus{
  filter:brightness(1.2) !important;
  transform:translateY(-2px);
  color:var(--white) !important;
  text-decoration:none !important;
}

/* Variante outline - classe native Gutenberg is-style-outline */
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link:link,
.wp-block-button.is-style-outline .wp-block-button__link:visited{
  background:transparent !important;
  color:var(--blue-3) !important;
  border:1.5px solid rgba(0,153,255,0.5) !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus{
  background:rgba(0,153,255,0.12) !important;
  border-color:var(--blue-3) !important;
  color:var(--blue-4) !important;
}

/* === COLUMNS - gap + stack mobile === */
.wp-block-columns{
  display:flex;
  gap:32px;
  margin:1.6em 0;
  flex-wrap:wrap;
}
.wp-block-column{
  flex:1;
  min-width:0;
}
@media(max-width:781px){
  .wp-block-columns{gap:24px;flex-direction:column}
  .wp-block-column{flex:1 1 100%}
}

/* === GROUP - padding + variante avec fond === */
.wp-block-group{margin:1.6em 0}
.wp-block-group.has-background{padding:32px;border-radius:14px}
.wp-block-group .wp-block-group__inner-container > *:first-child{margin-top:0}
.wp-block-group .wp-block-group__inner-container > *:last-child{margin-bottom:0}
@media(max-width:640px){
  .wp-block-group.has-background{padding:22px}
}

/* === IMAGE - caption + alignements === */
.wp-block-image{margin:1.6em 0}
.wp-block-image img{border-radius:8px;display:block;height:auto;max-width:100%}
.wp-block-image figcaption,
.wp-element-caption{
  font-size:.85rem;
  color:var(--grey);
  text-align:center;
  margin-top:10px;
  font-style:italic;
  font-family:'Barlow',sans-serif;
}

/* === ALIGNEMENTS (alignfull deja gere dans playbox.css) === */
.playbox-page .entry-content .alignleft,
.playbox-front .entry-content .alignleft{
  float:left;margin:0 1.5em 1em 0;max-width:50%;
}
.playbox-page .entry-content .alignright,
.playbox-front .entry-content .alignright{
  float:right;margin:0 0 1em 1.5em;max-width:50%;
}
.playbox-page .entry-content .aligncenter,
.playbox-front .entry-content .aligncenter{
  display:block;margin-left:auto;margin-right:auto;clear:both;
}
.playbox-page .entry-content .alignwide,
.playbox-front .entry-content .alignwide{
  margin-left:calc(50% - 50vw + 5vw);
  margin-right:calc(50% - 50vw + 5vw);
  max-width:calc(100vw - 10vw);
  width:calc(100vw - 10vw);
}
@media(max-width:640px){
  .playbox-page .entry-content .alignleft,
  .playbox-page .entry-content .alignright,
  .playbox-front .entry-content .alignleft,
  .playbox-front .entry-content .alignright{
    float:none;margin:1.5em auto;max-width:100%;
  }
  .playbox-page .entry-content .alignwide,
  .playbox-front .entry-content .alignwide{
    margin-left:0;margin-right:0;max-width:100%;width:auto;
  }
}

/* === LISTS Gutenberg (block list moderne) === */
.wp-block-list,
.playbox-page .entry-content ul.wp-block-list,
.playbox-page .entry-content ol.wp-block-list,
.playbox-front .entry-content ul.wp-block-list,
.playbox-front .entry-content ol.wp-block-list{
  margin:0 0 1.2em 1.2em;
  line-height:1.65;
}

/* === QUOTE Gutenberg === */
.wp-block-quote{
  border-left:3px solid var(--blue-3);
  padding:8px 20px;
  margin:1.5em 0;
  background:rgba(0,153,255,0.06);
  font-style:italic;
}
.wp-block-quote cite,
.wp-block-quote .wp-block-quote__citation{
  display:block;
  margin-top:8px;
  font-size:.85rem;
  font-style:normal;
  color:var(--grey);
  letter-spacing:.04em;
  font-family:'Barlow Condensed',sans-serif;
  text-transform:uppercase;
}

/* === SEPARATOR === */
.wp-block-separator{
  border:none;
  height:1px;
  background:rgba(0,153,255,0.18);
  margin:2em 0;
  max-width:none;
}
.wp-block-separator.is-style-wide{background:rgba(0,153,255,0.25)}

/* === SPACING dans entry-content : reset premiere/derniere marge === */
.playbox-page .entry-content > *:first-child,
.playbox-front .entry-content > *:first-child{margin-top:0}
.playbox-page .entry-content > *:last-child,
.playbox-front .entry-content > *:last-child{margin-bottom:0}

/* === STRONG / EM dans entry-content === */
.playbox-page .entry-content strong,
.playbox-front .entry-content strong{color:var(--white)}