/* ==========================================================================
   Woodflix eFootball — afichaj piblik (stil « bòdi limyè »)
   Fon an degrade a aplike sou tout paj la, pa sèlman sou blòk la.
   Tout règ yo limite anndan .wfef pou yo pa touche rès sit la.
   ========================================================================== */

/* --------------------------------------------------------- Fon paj la */
body.wfef-page{
  background:linear-gradient(170deg,#091029 0%,#161350 50%,#0A0E24 100%) !important;
  background-attachment:fixed !important;
  color:#EEF1F8;
}
/* Les conteneurs du thème (Astra) deviennent transparents pour laisser voir le dégradé */
body.wfef-page #page,
body.wfef-page #content,
body.wfef-page #primary,
body.wfef-page .site,
body.wfef-page .site-content,
body.wfef-page .ast-container,
body.wfef-page .entry-content,
body.wfef-page .ast-article-single,
body.wfef-page .ast-separate-container,
body.wfef-page .ast-separate-container .ast-article-single{
  background:transparent !important;
  box-shadow:none !important;
}
body.wfef-page .entry-title,
body.wfef-page .ast-single-post .entry-title{color:#F2F4FA !important}
/* Petites lueurs de fond, comme sur la page sondage */
body.wfef-page::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(620px 320px at 12% 6%,rgba(124,92,255,.26),transparent 65%),
    radial-gradient(520px 280px at 88% 40%,rgba(53,208,216,.14),transparent 65%);
}
body.wfef-page #page{position:relative;z-index:1}

/* --------------------------------------------------------- Blòk la */
.wfef{
  --wfef-kat:rgba(255,255,255,.05);
  --wfef-bod:rgba(255,255,255,.09);
  --wfef-tx:#EEF1F8;
  --wfef-gri:#93A0BF;
  --wfef-syan:#35D0D8;
  --wfef-or:#FFC63A;
  --wfef-vyol:#7C5CFF;
  --wfef-font:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;

  background:transparent;
  color:var(--wfef-tx);
  font-family:var(--wfef-font);
  box-sizing:border-box;
  line-height:1.45;
  padding:8px 0 44px;
  width:100%;
  position:relative;
  z-index:1;
}

/* Pleine largeur : le bloc sort du conteneur du thème */
.wfef.is-full{
  position:relative;
  left:50%;
  right:50%;
  width:100vw;
  max-width:100vw;
  margin-left:-50vw;
  margin-right:-50vw;
  padding-left:max(14px,env(safe-area-inset-left));
  padding-right:max(14px,env(safe-area-inset-right));
}
.wfef-inner{max-width:1120px;margin:0 auto;width:100%}

.wfef *,
.wfef *::before,
.wfef *::after{box-sizing:border-box}

/* Neutralise les styles du thème à l'intérieur du bloc */
.wfef h1,
.wfef h2,
.wfef h3,
.wfef h4{font-family:var(--wfef-font) !important;color:var(--wfef-tx);margin:0;padding:0;
  line-height:1.25;letter-spacing:-.3px}
.wfef p{margin:0;color:inherit;font-family:var(--wfef-font)}
.wfef ul{margin:0;padding:0;list-style:none}
.wfef a,
.wfef a:hover,
.wfef a:focus,
.wfef a:visited{text-decoration:none !important;box-shadow:none}
.wfef button{font-family:var(--wfef-font);cursor:pointer;border:0;background:none;color:inherit}
.wfef input{font-family:var(--wfef-font)}

/* --------------------------------------------------------- Bandeau */
.wfef-hero{position:relative;background:var(--wfef-kat);border:1px solid var(--wfef-bod);
  border-radius:20px;padding:20px 18px;overflow:hidden}
.wfef-hero::after{content:"";position:absolute;top:-60px;right:-40px;width:200px;height:200px;
  background:radial-gradient(circle,rgba(53,208,216,.22),transparent 70%);pointer-events:none}
.wfef .wfef-hero-title{font-size:25px;font-weight:700;letter-spacing:-.4px}
.wfef .wfef-hero-sub{font-size:13.5px;color:var(--wfef-gri);margin-top:7px;line-height:1.5}

/* --------------------------------------------------------- Seksyon */
.wfef-sec{margin-top:28px}
.wfef .wfef-h2{font-size:20px;font-weight:600}
.wfef .wfef-sub{font-size:13px;color:var(--wfef-gri);margin-top:5px}
.wfef .wfef-empty{color:var(--wfef-gri);font-size:13px;margin-top:16px}

/* --------------------------------------------------------- Kat pyès */
.wfef-grid{display:grid;gap:12px;margin-top:16px;
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.wfef[data-cols="1"] .wfef-grid{grid-template-columns:1fr}
.wfef[data-cols="2"] .wfef-grid{grid-template-columns:repeat(2,1fr)}
.wfef[data-cols="3"] .wfef-grid{grid-template-columns:repeat(3,1fr)}

.wfef-piece{position:relative;background:var(--wfef-kat);border:1px solid var(--wfef-bod);
  border-radius:16px;padding:15px 14px 15px 18px;overflow:hidden;transition:.2s}
/* Bann limyè vètikal sou bò gòch — siyati stil sa a */
.wfef-piece::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;
  border-radius:3px;background:linear-gradient(180deg,var(--wfef-syan),var(--wfef-vyol));
  box-shadow:0 0 14px rgba(53,208,216,.55)}
.wfef-piece:hover{background:rgba(255,255,255,.08);transform:translateY(-2px)}

.wfef-st{font-size:11px;color:var(--wfef-gri)}
.wfef-qte{display:flex;align-items:center;gap:9px;margin:11px 0}
.wfef-ic{width:34px;height:34px;flex:0 0 34px;border-radius:11px;
  background:linear-gradient(145deg,#FFD86B,#E9A200);background-size:cover;background-position:center;
  display:grid;place-items:center;font-size:18px;font-weight:700;color:#4A2E00}
.wfef-qte-txt b{display:block;font-size:24px;font-weight:600;line-height:1;color:var(--wfef-tx)}
.wfef-qte-txt small{display:block;font-size:11px;color:var(--wfef-gri);margin-top:3px}

.wfef .wfef-prix{font-size:17px;font-weight:700;color:var(--wfef-or)}
.wfef .wfef-prix .woocommerce-Price-amount,
.wfef .wfef-prix bdi,
.wfef .wfef-prix .woocommerce-Price-currencySymbol{color:var(--wfef-or) !important}
.wfef-piece .wfef-prix{padding-top:12px;border-top:1px solid var(--wfef-bod)}

.wfef .wfef-btn{display:block;width:100%;margin-top:11px;background:transparent;
  color:var(--wfef-syan) !important;border:1px solid rgba(53,208,216,.45);border-radius:11px;
  padding:11px 14px;font-size:13px;font-weight:600;text-align:center;line-height:1.3;transition:.18s}
.wfef .wfef-btn:hover{background:rgba(53,208,216,.14)}

/* --------------------------------------------------------- Pak */
.wfef-packs{display:grid;gap:13px;margin-top:16px;
  grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.wfef-pack{position:relative;background:var(--wfef-kat);border:1px solid var(--wfef-bod);
  border-radius:18px;padding:17px 17px 17px 21px;overflow:hidden;
  display:flex;flex-direction:column}
.wfef-pack::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;
  border-radius:3px;background:linear-gradient(180deg,var(--wfef-or),#FF6B6B);
  box-shadow:0 0 14px rgba(255,198,58,.5)}

.wfef-pack-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.wfef-badge{font-size:11px;font-weight:600;background:var(--wfef-or);color:#3A2400;
  padding:4px 11px;border-radius:7px}
.wfef-tps{font-size:12px;color:var(--wfef-gri)}
.wfef .wfef-pack-title{font-size:18px;font-weight:600;margin:13px 0}

.wfef-eventail{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}
.wfef-carte{width:56px;height:74px;border-radius:9px;flex:0 0 56px;
  background:rgba(255,255,255,.06);background-size:cover;background-position:center;
  border:1px solid var(--wfef-bod);display:grid;place-items:center;
  font-size:15px;font-weight:600;color:var(--wfef-tx);transition:.18s}
.wfef-carte:hover{border-color:var(--wfef-syan);transform:translateY(-3px)}
.wfef-carte-bonus{background:linear-gradient(150deg,#FFD86B,#C98A00);border-color:var(--wfef-or);
  color:#4A2E00;font-size:22px;box-shadow:0 0 20px rgba(255,198,58,.35)}

.wfef-j{width:56px;text-align:center}
.wfef-j .wfef-carte{width:56px}
.wfef-nom{display:block;font-size:9.5px;color:var(--wfef-gri);margin-top:6px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.wfef-pack-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;
  border-top:1px solid var(--wfef-bod);padding-top:14px;margin-top:16px}
.wfef-pack-foot .wfef-prix{font-size:21px}
.wfef .wfef-btn-pack{width:auto;margin-top:0;padding:11px 20px;
  background:var(--wfef-vyol);color:#fff !important;border-color:transparent}
.wfef .wfef-btn-pack:hover{background:#6B4BEE}

/* ==========================================================================
   Fenèt fòmilè livrezon an
   ========================================================================== */
.wfef-modal,
.wfef-confirm{position:fixed;inset:0;z-index:99999;display:flex;font-family:var(--wfef-font)}
.wfef-modal[hidden],
.wfef-confirm[hidden]{display:none}
.wfef-backdrop{position:absolute;inset:0;background:rgba(6,9,24,.7);backdrop-filter:blur(3px)}

.wfef-modal{align-items:flex-end;justify-content:center}
.wfef-sheet{position:relative;background:#fff;color:#101828;width:100%;max-width:560px;
  max-height:92vh;display:flex;flex-direction:column;
  border-radius:22px 22px 0 0;box-shadow:0 -10px 50px rgba(0,0,0,.45);
  animation:wfef-up .25s ease}
@keyframes wfef-up{from{transform:translateY(30px);opacity:.6}to{transform:none;opacity:1}}
.wfef-sheet-grab{width:44px;height:5px;border-radius:5px;background:#D8DCE3;margin:10px auto 0}

.wfef-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  padding:12px 20px 14px;border-bottom:1px solid #EAECF0}
.wfef-eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;color:#5B3DF5;margin:0}
.wfef-sheet .wfef-sheet-title{font-size:21px;font-weight:700;color:#101828 !important;margin-top:5px}
.wfef-x{width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:#F2F4F7;
  font-size:22px;line-height:1;color:#475467}

.wfef-sheet-body{padding:16px 20px 20px;overflow-y:auto;-webkit-overflow-scrolling:touch}

.wfef-recap{background:#F9FAFB;border:1px solid #EAECF0;border-radius:14px;padding:14px}
.wfef-recap-lab{font-size:12px;color:#667085;margin-bottom:8px}
.wfef-recap-line{display:flex;justify-content:space-between;gap:10px;align-items:baseline;
  background:#F1EEFF;border-radius:10px;padding:11px 12px}
.wfef-recap-name{font-size:15px;font-weight:600;color:#101828}
.wfef-recap-price{font-size:15px;font-weight:700;color:#5B3DF5;white-space:nowrap}
.wfef-recap-total{display:flex;justify-content:space-between;margin-top:12px;padding-top:11px;
  border-top:1px dashed #D0D5DD;font-size:15px;color:#475467}
.wfef-recap-total strong{color:#5B3DF5;font-size:16px}

.wfef-note{display:flex;gap:11px;border-radius:12px;padding:12px;margin-top:12px;font-size:13px}
.wfef-note strong{display:block;font-size:14px;margin-bottom:2px}
.wfef-note p{color:#475467;line-height:1.45}
.wfef-note-ic{font-size:17px;line-height:1.2}
.wfef-note-blue{background:#F1EEFF;border:1px solid #DED6FF}
.wfef-note-blue strong{color:#5B3DF5}
.wfef-note-green{background:#ECFDF3;border:1px solid #CFF0DE}
.wfef-note-green strong{color:#067647}

.wfef-field{margin-top:20px}
.wfef-q{display:block;font-size:14px;font-weight:700;color:#101828;margin-bottom:9px}
.wfef-q i{color:#D92D20;font-style:normal}

.wfef-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wfef-choice{display:flex;align-items:center;gap:10px;text-align:left;
  border:1px solid #E4E7EC;border-radius:12px;padding:11px;background:#fff}
.wfef-choice strong{display:block;font-size:13px;color:#101828;line-height:1.25}
.wfef-choice em{display:block;font-style:normal;font-size:11px;color:#667085;margin-top:2px;line-height:1.3}
.wfef-choice.is-on{border-color:#7C5CFF;background:#F1EEFF;box-shadow:0 0 0 1px #7C5CFF}
.wfef-choice-ic{width:34px;height:34px;flex:0 0 34px;border-radius:9px;display:grid;place-items:center;
  font-size:16px;font-weight:700;color:#fff}
.wfef-ic-g{background:linear-gradient(135deg,#4285F4,#34A853)}
.wfef-ic-k{background:#E01F27}
.wfef-ic-a{background:#3DDC84;color:#08301B}
.wfef-ic-i{background:#1D1D1F}

.wfef-input{width:100%;border:1px solid #D0D5DD;border-radius:12px;padding:13px 14px;
  font-size:15px;color:#101828;background:#fff;outline:none}
.wfef-input::placeholder{color:#98A2B3}
.wfef-input:focus{border-color:#7C5CFF;box-shadow:0 0 0 3px rgba(124,92,255,.16)}
.wfef-input.is-bad{border-color:#D92D20;box-shadow:0 0 0 3px rgba(217,45,32,.12)}
/* Modpas la rete vizib, se pa yon chan kache */
.wfef-input[data-name="password"]{letter-spacing:.4px}
/* Règ modpas Konami ID */
.wfef-hint{margin:7px 0 0;font-size:12.5px;line-height:1.45;color:#475467;
  background:#F2F4F7;border-radius:9px;padding:8px 10px}
.wfef-hint[hidden]{display:none}

.wfef-error{margin-top:14px;background:#FEF3F2;border:1px solid #FDA29B;color:#B42318;
  border-radius:10px;padding:11px 13px;font-size:13px}
.wfef-error[hidden]{display:none}

.wfef-sheet-foot{padding:14px 20px calc(16px + env(safe-area-inset-bottom));
  border-top:1px solid #EAECF0;background:#fff}
.wfef-submit{width:100%;background:#7C5CFF;color:#fff;border-radius:14px;padding:15px;
  font-size:15px;font-weight:700}
.wfef-submit:hover{background:#6B4BEE}
.wfef-submit:disabled{background:#B9C4D4;cursor:default}

/* --------------------------------------------------------- Popòp konfimasyon */
.wfef-confirm{align-items:center;justify-content:center;padding:20px}
.wfef-confirm-box{position:relative;background:#fff;color:#101828;width:100%;max-width:390px;
  border-radius:20px;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.45);text-align:center;
  animation:wfef-pop .18s ease}
@keyframes wfef-pop{from{transform:scale(.94);opacity:0}to{transform:none;opacity:1}}
.wfef-confirm-box h4{font-size:18px;font-weight:700;color:#101828 !important;margin-bottom:7px}
.wfef-confirm-box>p{font-size:13px;color:#667085;line-height:1.5}
.wfef-confirm-list{margin-top:15px;text-align:left;border:1px solid #EAECF0;border-radius:12px;
  overflow:hidden;list-style:none;padding:0}
.wfef-confirm-list li{display:flex;justify-content:space-between;gap:12px;padding:10px 13px;
  font-size:13px;border-bottom:1px solid #F2F4F7}
.wfef-confirm-list li:last-child{border-bottom:0}
.wfef-confirm-list span{color:#667085;flex:0 0 auto}
.wfef-confirm-list b{color:#101828;text-align:right;word-break:break-all}
.wfef-recap-pass{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#F9FAFB;
  border:1px solid #EAECF0;border-radius:6px;padding:1px 7px}
.wfef-confirm-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.wfef-no{background:#F2F4F7;color:#344054;border-radius:12px;padding:13px;font-size:14px;font-weight:600}
.wfef-yes{background:#12B76A;color:#fff;border-radius:12px;padding:13px;font-size:14px;font-weight:700}
.wfef-yes:hover{background:#0E9F5B}
.wfef-yes:disabled{background:#B9C4D4}

body.wfef-lock{overflow:hidden}

@media (min-width:560px){
  .wfef-modal{align-items:center}
  .wfef-sheet{border-radius:22px;max-height:88vh}
  .wfef-sheet-grab{display:none}
}
@media (max-width:420px){
  .wfef-grid{grid-template-columns:1fr}
  .wfef-packs{grid-template-columns:1fr}
  .wfef-choices{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .wfef-piece,.wfef-carte,.wfef-sheet,.wfef-confirm-box{transition:none;animation:none}
}