/* =========================================================================
   IZY Card Builder — Styles visuels additionnels
   "Principal" (par défaut) = aucune classe ajoutée = Asset.css inchangé.
   Chaque autre style est isolé sous .izycb-theme-XXXX et ne touche que
   les wraps/cartes/titres/boutons quand ce style est sélectionné.
   ========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600;800;900&family=Rajdhani:wght@500;600;700&family=Baloo+2:wght@600;800&family=Nunito:wght@400;700;900&family=Sora:wght@400;600;800&family=Press+Start+2P&family=VT323&family=Space+Mono:wght@400;700&family=Playfair+Display:wght@700;900&family=Bangers&family=Poppins:wght@400;500;600;700&family=Fredoka:wght@500;700&family=Anton&family=Bitter:wght@400;700;900&display=swap');

/* =========================================================================
   PAJ KONPLÈ — aplike koulè fon/tèks la sou body, header ak footer tou,
   pa sèlman sou blòk [izy_cards] la. "Principal" pa touche anyen.
   NB: si tèm la gen yon header/footer fèt ak Elementor oswa builder ki
   itilize !important agresif, ka gen kèk eleman ki pa chanje — nan ka
   sa a, ajoute yon CSS adisyonèl ki target klas espesifik tèm ou an.
   ========================================================================= */
body[class*="izycb-theme-"]{
  background: var(--izycb-page-bg, #fff) !important;
  color: var(--izycb-page-text, inherit);
}
body[class*="izycb-theme-"] header,
body[class*="izycb-theme-"] footer,
body[class*="izycb-theme-"] #masthead,
body[class*="izycb-theme-"] #colophon,
body[class*="izycb-theme-"] .site-header,
body[class*="izycb-theme-"] .site-footer,
body[class*="izycb-theme-"] .footer,
body[class*="izycb-theme-"] .footer-widgets,
body[class*="izycb-theme-"] .elementor-location-header,
body[class*="izycb-theme-"] .elementor-location-footer{
  background: var(--izycb-page-bg, #fff) !important;
  color: var(--izycb-page-text, inherit) !important;
}
body[class*="izycb-theme-"] a{ color: var(--izycb-page-link, inherit); }

body.izycb-theme-neon{ --izycb-page-bg:#0a0a0f; --izycb-page-text:#f5f5f7; --izycb-page-link:#ff2d55; }
body.izycb-theme-newspaper{ --izycb-page-bg:#f6f3ec; --izycb-page-text:#171410; --izycb-page-link:#c8102e; }
body.izycb-theme-caribbean{ --izycb-page-bg:#fff8f3; --izycb-page-text:#1c2b3a; --izycb-page-link:#e11d2f; }
body.izycb-theme-esports{ --izycb-page-bg:#0d1117; --izycb-page-text:#e6edf3; --izycb-page-link:#ff3b30; }
body.izycb-theme-glass{ --izycb-page-bg:#0a0a12; --izycb-page-text:#f5f5f8; --izycb-page-link:#ff4f6e; }
body.izycb-theme-pixel{ --izycb-page-bg:#1a1025; --izycb-page-text:#f4eaff; --izycb-page-link:#ff4d6d; }
body.izycb-theme-mono{ --izycb-page-bg:#ffffff; --izycb-page-text:#0a0a0a; --izycb-page-link:#e11d2f; }
body.izycb-theme-gold{ --izycb-page-bg:#0d0c0a; --izycb-page-text:#f3ecdf; --izycb-page-link:#d4af37; }
body.izycb-theme-graffiti{ --izycb-page-bg:#fff200; --izycb-page-text:#0a0a0a; --izycb-page-link:#e11d2f; }
body.izycb-theme-pastel{ --izycb-page-bg:#fbf3f7; --izycb-page-text:#3a2d3a; --izycb-page-link:#e11d2f; }

/* Un peu d'air autour du fond coloré quand un style est actif */
.izy-wrap[class*="izycb-theme-"]{
  padding-top: 28px;
  padding-bottom: 28px;
}

/* =========================================================================
   GROSÈ / LAJÈ KAT — "Piti" ak "Trè piti"
   "Normal" (par défaut) = okenn klas ajoute = Asset.css inchangé.
   ========================================================================= */
.izycb-size-compact .izy-grid,
.izycb-size-xcompact .izy-grid{
  gap: 10px;
}
.izycb-size-compact .izy-grid{
  grid-template-columns: repeat(3, 1fr);
}
.izycb-size-xcompact .izy-grid{
  grid-template-columns: repeat(4, 1fr);
}
@media (min-width: 992px){
  .izycb-size-compact .izy-grid{ grid-template-columns: repeat(5, 1fr); }
  .izycb-size-xcompact .izy-grid{ grid-template-columns: repeat(6, 1fr); }
}
.izycb-size-compact .izy-card img{ height: 110px; }
.izycb-size-xcompact .izy-card img{ height: 80px; }
.izycb-size-compact .izy-card span{ font-size: 13px; margin-top: 6px; }
.izycb-size-xcompact .izy-card span{ font-size: 12px; margin-top: 4px; line-height:1.2; }
.izycb-size-compact .izy-card button:not(.izy-theme-button){
  margin-top: 8px; padding: 7px 16px; font-size: 12px;
}
.izycb-size-xcompact .izy-card button:not(.izy-theme-button){
  margin-top: 6px; padding: 5px 12px; font-size: 11px;
}
.izycb-size-compact .izy-card{ padding-bottom: 10px; }
.izycb-size-xcompact .izy-card{ padding-bottom: 8px; }
.izycb-size-compact .skeleton{ height: 180px; }
.izycb-size-xcompact .skeleton{ height: 140px; }

/* =========================================================================
   1. NEON ARCADE
   ========================================================================= */
.izycb-theme-neon{
  --brand:#ff2d55;
  --brand-dark:#7000ff;
  --text:#f5f5f7;
  --muted:#26262f;
  --radius:14px;
}
.izycb-theme-neon.izy-wrap,
.izycb-theme-neon.izycb-preview{ background:#0a0a0f; }
.izycb-theme-neon .izy-card,
.izycb-theme-neon .izycb-preview-card{
  background:#15151d;
  box-shadow:0 0 0 1px #26262f;
}
.izycb-theme-neon .izy-card:hover{ box-shadow:0 0 24px rgba(255,45,85,.35); }
.izycb-theme-neon .izy-title,
.izycb-theme-neon .izycb-preview-title{
  font-family:'Orbitron',sans-serif;
  text-transform:uppercase;
  letter-spacing:1px;
}
.izycb-theme-neon .izy-card button:not(.izy-theme-button),
.izycb-theme-neon .izycb-preview-card button{
  background:linear-gradient(135deg,#ff2d55,#7000ff);
  color:#fff;
  border-radius:10px;
}

/* =========================================================================
   2. JOUNAL ESPÒ (édition sportive)
   ========================================================================= */
.izycb-theme-newspaper{
  --brand:#c8102e;
  --brand-dark:#171410;
  --text:#171410;
  --muted:#171410;
  --radius:0px;
}
.izycb-theme-newspaper.izy-wrap,
.izycb-theme-newspaper.izycb-preview{ background:#f6f3ec; }
.izycb-theme-newspaper .izy-card,
.izycb-theme-newspaper .izycb-preview-card{
  background:#fff;
  box-shadow:none;
}
.izycb-theme-newspaper .izy-card:hover{ box-shadow:6px 6px 0 #c8102e; }
.izycb-theme-newspaper .izy-card img,
.izycb-theme-newspaper .izycb-preview-img{ border-radius:0; }
.izycb-theme-newspaper .izy-title,
.izycb-theme-newspaper .izycb-preview-title{
  font-family:'Anton',sans-serif;
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:2px;
  border-bottom:3px solid var(--brand);
  display:inline-block;
  padding-bottom:6px;
}
.izycb-theme-newspaper .izy-card span{ font-family:'Bitter',serif; }
.izycb-theme-newspaper .izy-card button:not(.izy-theme-button),
.izycb-theme-newspaper .izycb-preview-card button{
  background:#171410;
  color:#f6f3ec;
  border-radius:0;
}
.izycb-theme-newspaper .izy-card:hover button:not(.izy-theme-button){ background:#c8102e; }

/* =========================================================================
   3. KARAYIB VIBRANT
   ========================================================================= */
.izycb-theme-caribbean{
  --brand:#e11d2f;
  --brand-dark:#0096c7;
  --text:#1c2b3a;
  --muted:#ffe0d2;
  --radius:22px;
}
.izycb-theme-caribbean.izy-wrap,
.izycb-theme-caribbean.izycb-preview{ background:#fff8f3; }
.izycb-theme-caribbean .izy-card,
.izycb-theme-caribbean .izycb-preview-card{
  background:#fff;
  box-shadow:0 6px 18px rgba(225,29,47,.08);
}
.izycb-theme-caribbean .izy-card:hover{ box-shadow:0 14px 28px rgba(0,150,199,.2); }
.izycb-theme-caribbean .izy-title,
.izycb-theme-caribbean .izycb-preview-title{
  font-family:'Baloo 2',sans-serif;
}
.izycb-theme-caribbean .izy-card span{ font-family:'Nunito',sans-serif; }
.izycb-theme-caribbean .izy-card button:not(.izy-theme-button),
.izycb-theme-caribbean .izycb-preview-card button{
  background:linear-gradient(135deg,#e11d2f,#0096c7);
  color:#fff;
  border-radius:999px;
}

/* =========================================================================
   4. ESPORTS PRO
   ========================================================================= */
.izycb-theme-esports{
  --brand:#ff3b30;
  --brand-dark:#ff3b30;
  --text:#e6edf3;
  --muted:#2a323d;
  --radius:6px;
}
.izycb-theme-esports.izy-wrap,
.izycb-theme-esports.izycb-preview{ background:#0d1117; }
.izycb-theme-esports .izy-card,
.izycb-theme-esports .izycb-preview-card{
  background:#161b22;
  box-shadow:none;
  clip-path:polygon(0 0,100% 0,100% 94%,94% 100%,0 100%);
}
.izycb-theme-esports .izy-card:hover{ box-shadow:0 0 0 2px #ff3b30 inset; }
.izycb-theme-esports .izy-title,
.izycb-theme-esports .izycb-preview-title,
.izycb-theme-esports .izy-card span{
  font-family:'Rajdhani',sans-serif;
  text-transform:uppercase;
  letter-spacing:2px;
}
.izycb-theme-esports .izy-card button:not(.izy-theme-button),
.izycb-theme-esports .izycb-preview-card button{
  background:#ff3b30;
  color:#fff;
  border-radius:4px;
}

/* =========================================================================
   5. GLASS PREMIUM
   ========================================================================= */
.izycb-theme-glass{
  --brand:#ff4f6e;
  --brand-dark:#ff4f6e;
  --text:#f5f5f8;
  --muted:rgba(255,255,255,.18);
  --radius:18px;
}
.izycb-theme-glass.izy-wrap,
.izycb-theme-glass.izycb-preview{
  background:radial-gradient(circle at 20% 0%, #3a0a14 0%, #0a0a12 55%);
}
.izycb-theme-glass .izy-card,
.izycb-theme-glass .izycb-preview-card{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  box-shadow:0 8px 32px rgba(0,0,0,.35);
}
.izycb-theme-glass .izy-card:hover{ box-shadow:0 8px 32px rgba(255,79,110,.3); }
.izycb-theme-glass .izy-title,
.izycb-theme-glass .izycb-preview-title,
.izycb-theme-glass .izy-card span{ font-family:'Sora',sans-serif; }
.izycb-theme-glass .izy-card button:not(.izy-theme-button),
.izycb-theme-glass .izycb-preview-card button{
  background:rgba(255,255,255,.14);
  color:#fff;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
}
.izycb-theme-glass .izy-card:hover button:not(.izy-theme-button){ background:#ff4f6e; }

/* =========================================================================
   6. RETRO PIXEL
   ========================================================================= */
.izycb-theme-pixel{
  --brand:#ff4d6d;
  --brand-dark:#7bf1a8;
  --text:#f4eaff;
  --muted:#f4eaff;
  --radius:0px;
}
.izycb-theme-pixel.izy-wrap,
.izycb-theme-pixel.izycb-preview{ background:#1a1025; }
.izycb-theme-pixel .izy-card,
.izycb-theme-pixel .izycb-preview-card{
  background:#241733;
  border:2px solid #f4eaff;
  box-shadow:4px 4px 0 #ff4d6d;
}
.izycb-theme-pixel .izy-card:hover{ box-shadow:6px 6px 0 #7bf1a8; transform:translate(-2px,-2px); }
.izycb-theme-pixel .izy-card img,
.izycb-theme-pixel .izycb-preview-img{ border-radius:0; }
.izycb-theme-pixel .izy-title,
.izycb-theme-pixel .izycb-preview-title{
  font-family:'Press Start 2P',monospace;
  text-transform:uppercase;
}
.izycb-theme-pixel .izy-card span,
.izycb-theme-pixel .izycb-preview-card{ font-family:'VT323',monospace; }
.izycb-theme-pixel .izy-card button:not(.izy-theme-button),
.izycb-theme-pixel .izycb-preview-card button{
  background:#7bf1a8;
  color:#1a1025;
  border-radius:0;
  font-family:'VT323',monospace;
}

/* =========================================================================
   7. MONO MINIMAL
   ========================================================================= */
.izycb-theme-mono{
  --brand:#e11d2f;
  --brand-dark:#0a0a0a;
  --text:#0a0a0a;
  --muted:#0a0a0a;
  --radius:0px;
}
.izycb-theme-mono.izy-wrap,
.izycb-theme-mono.izycb-preview{ background:#ffffff; }
.izycb-theme-mono .izy-card,
.izycb-theme-mono .izycb-preview-card{
  background:#fff;
  border:1px solid #0a0a0a;
  box-shadow:none;
}
.izycb-theme-mono .izy-card:hover{ box-shadow:4px 4px 0 #0a0a0a; transform:translate(-2px,-2px); }
.izycb-theme-mono .izy-card img,
.izycb-theme-mono .izycb-preview-img{ border-radius:0; }
.izycb-theme-mono .izy-title,
.izycb-theme-mono .izycb-preview-title,
.izycb-theme-mono .izy-card span{
  font-family:'Space Mono',monospace;
  text-transform:uppercase;
  letter-spacing:1px;
}
.izycb-theme-mono .izy-card button:not(.izy-theme-button),
.izycb-theme-mono .izycb-preview-card button{
  background:#0a0a0a;
  color:#fff;
  border-radius:0;
  font-family:'Space Mono',monospace;
}

/* =========================================================================
   8. GOLD PREMIUM
   ========================================================================= */
.izycb-theme-gold{
  --brand:#d4af37;
  --brand-dark:#d4af37;
  --text:#f3ecdf;
  --muted:#352f25;
  --radius:10px;
}
.izycb-theme-gold.izy-wrap,
.izycb-theme-gold.izycb-preview{ background:#0d0c0a; }
.izycb-theme-gold .izy-card,
.izycb-theme-gold .izycb-preview-card{
  background:#171512;
  box-shadow:0 0 0 1px #352f25;
  position:relative;
}
.izycb-theme-gold .izy-card:hover{ box-shadow:0 0 0 1px #d4af37; }
.izycb-theme-gold .izy-card::before,
.izycb-theme-gold .izy-card::after{
  content:"";position:absolute;width:10px;height:10px;border:2px solid #d4af37;pointer-events:none;
}
.izycb-theme-gold .izy-card::before{ top:6px;left:6px;border-right:none;border-bottom:none; }
.izycb-theme-gold .izy-card::after{ bottom:6px;right:6px;border-left:none;border-top:none; }
.izycb-theme-gold .izy-title,
.izycb-theme-gold .izycb-preview-title{ font-family:'Playfair Display',serif; }
.izycb-theme-gold .izy-card span{ color:#d4af37; }
.izycb-theme-gold .izy-card button:not(.izy-theme-button),
.izycb-theme-gold .izycb-preview-card button{
  background:#d4af37;
  color:#0d0c0a;
  border-radius:6px;
}

/* =========================================================================
   9. STREET GRAFFITI
   ========================================================================= */
.izycb-theme-graffiti{
  --brand:#e11d2f;
  --brand-dark:#0a0a0a;
  --text:#0a0a0a;
  --muted:#0a0a0a;
  --radius:14px;
}
.izycb-theme-graffiti.izy-wrap,
.izycb-theme-graffiti.izycb-preview{ background:#fff200; }
.izycb-theme-graffiti .izy-card,
.izycb-theme-graffiti .izycb-preview-card{
  background:#fff;
  border:3px solid #0a0a0a;
  box-shadow:4px 4px 0 #0a0a0a;
}
.izycb-theme-graffiti .izy-card:nth-child(even){ transform:rotate(1deg); }
.izycb-theme-graffiti .izy-card:nth-child(odd){ transform:rotate(-1deg); }
.izycb-theme-graffiti .izy-card:hover{ box-shadow:6px 6px 0 #e11d2f; transform:rotate(0deg) translateY(-4px); }
.izycb-theme-graffiti .izy-title,
.izycb-theme-graffiti .izycb-preview-title{
  font-family:'Bangers',cursive;
  letter-spacing:1px;
}
.izycb-theme-graffiti .izy-card span,
.izycb-theme-graffiti .izycb-preview-card{ font-family:'Poppins',sans-serif; }
.izycb-theme-graffiti .izy-card button:not(.izy-theme-button),
.izycb-theme-graffiti .izycb-preview-card button{
  background:#0a0a0a;
  color:#fff200;
  border-radius:999px;
}

/* =========================================================================
   10. SOFT PASTEL
   ========================================================================= */
.izycb-theme-pastel{
  --brand:#e11d2f;
  --brand-dark:#e11d2f;
  --text:#3a2d3a;
  --muted:#f3e0ea;
  --radius:24px;
}
.izycb-theme-pastel.izy-wrap,
.izycb-theme-pastel.izycb-preview{ background:#fbf3f7; }
.izycb-theme-pastel .izy-card,
.izycb-theme-pastel .izycb-preview-card{
  background:#fff;
  box-shadow:0 6px 16px rgba(225,29,47,.06);
}
.izycb-theme-pastel .izy-card:hover{ box-shadow:0 12px 26px rgba(225,29,47,.16); }
.izycb-theme-pastel .izy-title,
.izycb-theme-pastel .izycb-preview-title,
.izycb-theme-pastel .izy-card span{ font-family:'Fredoka',sans-serif; }
.izycb-theme-pastel .izy-card span,
.izycb-theme-pastel .izycb-preview-card{ font-family:'Poppins',sans-serif; }
.izycb-theme-pastel .izy-card button:not(.izy-theme-button),
.izycb-theme-pastel .izycb-preview-card button{
  background:#fff;
  color:#e11d2f;
  border:1px solid #f3e0ea;
  border-radius:999px;
}
.izycb-theme-pastel .izy-card:hover button:not(.izy-theme-button){
  background:#e11d2f;
  color:#fff;
  border-color:#e11d2f;
}