html:has(#pfb-archives-page),
body:has(#pfb-archives-page){
  max-width:100%!important;
  overflow-x:hidden!important;
}

#pfb-archives-page,
#pfb-archives-page *{
  box-sizing:border-box;
}

#pfb-archives-page{
  --a-bg:#05070a;
  --a-bg2:#080d14;
  --a-card:#0b141f;
  --a-card2:#0f1b29;
  --a-white:#fff;
  --a-text:#d5dde7;
  --a-muted:#8e9cac;
  --a-red:#df2631;
  --a-red2:#a8131c;
  --a-gold:#d9b65d;
  --a-gold2:#f2da89;
  --a-blue:#174d91;
  --a-border:rgba(255,255,255,.10);

  position:relative!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#05070a!important;
  color:var(--a-text)!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif;
}

#pfb-archives-page a,
#pfb-archives-page a:visited,
#pfb-archives-page a:hover,
#pfb-archives-page a:focus{
  text-decoration:none!important;
}

#pfb-archives-page img{
  display:block;
  max-width:100%;
}

#pfb-archives-page .pfba-wrap{
  width:min(1400px,calc(100% - 48px));
  margin:0 auto!important;
}

#pfb-archives-page .pfba-topline{
  width:100%;
  height:3px;
  background:linear-gradient(90deg,#174d91,#fff 31%,#df2631 66%,#d9b65d);
  background-size:220% 100%;
  animation:pfbaLine 5s linear infinite;
}

@keyframes pfbaLine{
  0%{background-position:0 50%}
  50%{background-position:100% 50%}
  100%{background-position:0 50%}
}

#pfb-archives-page .pfba-hero{
  position:relative;
  min-height:570px;
  display:flex;
  align-items:center;
  overflow:hidden;
  isolation:isolate;
  background:
    url("https://pokerfrancebelgique.fr/wp-content/uploads/2026/09/655256056_34374713442174298_191922875256564656_n.jpg") center 42% / cover no-repeat;
}

#pfb-archives-page .pfba-hero-overlay{
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(0,0,0,.91),rgba(0,0,0,.66) 50%,rgba(0,0,0,.78)),
    linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.72));
}

#pfb-archives-page .pfba-hero:after{
  content:"ARCHIVES";
  position:absolute;
  right:-2vw;
  bottom:-1vw;
  z-index:-1;
  color:rgba(255,255,255,.035);
  font-size:clamp(150px,25vw,400px);
  font-weight:900;
  line-height:.72;
  letter-spacing:-.08em;
}

#pfb-archives-page .pfba-hero-content{
  max-width:1000px;
  padding:80px 0;
}

#pfb-archives-page .pfba-kicker{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 18px;
  color:var(--a-gold2)!important;
  font-size:10px;
  font-weight:900;
  letter-spacing:2.7px;
  text-transform:uppercase;
}

#pfb-archives-page .pfba-kicker:before{
  content:"";
  flex:0 0 38px;
  height:1px;
  background:linear-gradient(90deg,var(--a-red),var(--a-gold));
}

#pfb-archives-page .pfba-hero h1{
  max-width:1080px;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(50px,7vw,96px)!important;
  line-height:.94!important;
  font-weight:900!important;
  letter-spacing:-.055em!important;
}

#pfb-archives-page .pfba-hero h1 span{
  color:transparent!important;
  -webkit-text-stroke:1px rgba(255,255,255,.75);
}

#pfb-archives-page .pfba-hero p{
  max-width:780px;
  margin:28px 0 0!important;
  color:#c0c9d4!important;
  font-size:18px;
  line-height:1.75;
}

#pfb-archives-page .pfba-stats{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:38px;
}

#pfb-archives-page .pfba-stats>div{
  min-width:185px;
  padding:17px 20px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(3,6,10,.52);
  backdrop-filter:blur(8px);
}

#pfb-archives-page .pfba-stats strong{
  display:block;
  color:#fff!important;
  font-size:23px;
  line-height:1;
  font-weight:900;
}

#pfb-archives-page .pfba-stats span{
  display:block;
  margin-top:7px;
  color:#9eabb8!important;
  font-size:10px;
  font-weight:800;
  letter-spacing:.65px;
  text-transform:uppercase;
}

/* BROWSER */
#pfb-archives-page .pfba-browser{
  padding:clamp(72px,8vw,118px) 0 120px;
  background:
    radial-gradient(circle at 96% 0,rgba(223,38,49,.08),transparent 24%),
    radial-gradient(circle at 5% 25%,rgba(23,77,145,.11),transparent 27%),
    #080d14;
}

#pfb-archives-page .pfba-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
}

#pfb-archives-page .pfba-searchbox{
  position:relative;
  display:flex;
  align-items:center;
  min-height:60px;
  overflow:hidden;
  border:1px solid var(--a-border);
  border-radius:18px;
  background:rgba(255,255,255,.045);
  box-shadow:0 16px 45px rgba(0,0,0,.18);
}

#pfb-archives-page .pfba-search-icon{
  flex:0 0 55px;
  color:#fff;
  text-align:center;
  font-size:26px;
  line-height:1;
}

#pfb-archives-page .pfba-searchbox input{
  flex:1;
  min-width:0;
  height:58px;
  padding:0 10px 0 0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:#fff!important;
  font:inherit!important;
  font-size:15px!important;
}

#pfb-archives-page .pfba-searchbox input::placeholder{
  color:#7f8d9d!important;
}

#pfb-archives-page #pfba-clear{
  width:48px;
  height:48px;
  margin-right:5px;
  border:0;
  border-radius:14px;
  background:transparent;
  color:#96a2b0;
  font-size:25px;
  cursor:pointer;
}

#pfb-archives-page #pfba-clear:hover{
  color:#fff;
  background:rgba(255,255,255,.05);
}

#pfb-archives-page .pfba-sort{
  display:flex;
  align-items:center;
  gap:11px;
  min-height:60px;
  padding:0 13px 0 19px;
  border:1px solid var(--a-border);
  border-radius:18px;
  background:rgba(255,255,255,.045);
  color:#8f9baa;
  font-size:10px;
  font-weight:900;
  letter-spacing:1px;
  text-transform:uppercase;
}

#pfb-archives-page .pfba-sort select{
  height:42px;
  border:0;
  border-radius:12px;
  outline:0;
  background:#111b28;
  color:#fff;
  padding:0 13px;
  font-weight:800;
}

#pfb-archives-page .pfba-year-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:30px;
  margin:65px 0 24px;
}

#pfb-archives-page .pfba-year-head h2{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(34px,4.5vw,60px)!important;
  line-height:.98!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
}

#pfb-archives-page .pfba-result-count{
  padding-bottom:5px;
  color:#8f9baa;
  font-size:12px;
  font-weight:800;
  letter-spacing:.6px;
  text-transform:uppercase;
}

#pfb-archives-page .pfba-years{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:45px;
}

#pfb-archives-page .pfba-year{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:45px;
  padding:0 15px;
  border:1px solid var(--a-border);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:#d1d9e2;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
  transition:.22s;
}

#pfb-archives-page .pfba-year small{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
  height:24px;
  padding:0 6px;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  color:#8d9aaa;
  font-size:9px;
}

#pfb-archives-page .pfba-year:hover,
#pfb-archives-page .pfba-year.is-active{
  transform:translateY(-2px);
  border-color:rgba(223,38,49,.55);
  background:linear-gradient(135deg,rgba(223,38,49,.22),rgba(217,182,93,.08));
  color:#fff;
}

#pfb-archives-page .pfba-year.is-active small{
  background:rgba(255,255,255,.15);
  color:#fff;
}

#pfb-archives-page .pfba-feedback{
  display:none;
  margin:0 0 25px;
  padding:14px 17px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.03);
  color:#a9b4c0;
  font-size:13px;
}

#pfb-archives-page .pfba-feedback.is-visible{
  display:block;
}

#pfb-archives-page .pfba-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}

#pfb-archives-page .pfba-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--a-border);
  border-radius:26px;
  background:linear-gradient(145deg,#0d1723,#070b11);
  box-shadow:0 18px 55px rgba(0,0,0,.18);
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}

#pfb-archives-page .pfba-card:hover{
  transform:translateY(-7px);
  border-color:rgba(223,38,49,.34);
  box-shadow:0 28px 70px rgba(0,0,0,.30);
}

#pfb-archives-page .pfba-card-media{
  position:relative;
  display:block;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#08101a;
}

#pfb-archives-page .pfba-card-media:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(4,7,11,.46),transparent 55%);
  pointer-events:none;
}

#pfb-archives-page .pfba-card-media>img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s ease;
}

#pfb-archives-page .pfba-card:hover .pfba-card-media>img{
  transform:scale(1.04);
}

#pfb-archives-page .pfba-year-badge{
  position:absolute;
  z-index:3;
  top:15px;
  left:15px;
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(4,7,11,.74);
  color:#fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:1px;
  backdrop-filter:blur(7px);
}

#pfb-archives-page .pfba-fallback{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:13px;
  background:
    radial-gradient(circle at 15% 18%,rgba(23,77,145,.38),transparent 30%),
    radial-gradient(circle at 88% 18%,rgba(223,38,49,.28),transparent 28%),
    linear-gradient(145deg,#09121d,#040608);
}

#pfb-archives-page .pfba-fallback img{
  width:115px!important;
  height:auto!important;
  object-fit:contain!important;
}

#pfb-archives-page .pfba-fallback span{
  color:#fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:2px;
  text-transform:uppercase;
}

#pfb-archives-page .pfba-card-body{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:26px 27px 28px;
}

#pfb-archives-page .pfba-card-meta{
  display:flex;
  align-items:center;
  gap:8px;
  color:#7f8d9d;
  font-size:9px;
  font-weight:900;
  letter-spacing:.75px;
  text-transform:uppercase;
}

#pfb-archives-page .pfba-card-meta i{
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--a-red);
}

#pfb-archives-page .pfba-card h3{
  margin:15px 0 0!important;
  color:#fff!important;
  font-size:clamp(22px,2vw,29px)!important;
  line-height:1.08!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
}

#pfb-archives-page .pfba-card h3 a{
  color:#fff!important;
}

#pfb-archives-page .pfba-card p{
  margin:17px 0 0!important;
  color:#9ba8b6!important;
  font-size:14px;
  line-height:1.72;
}

#pfb-archives-page .pfba-read{
  display:inline-flex;
  align-items:center;
  margin-top:auto;
  padding-top:24px;
  color:#fff!important;
  font-size:10px;
  font-weight:900;
  letter-spacing:1px;
  text-transform:uppercase;
}

#pfb-archives-page .pfba-empty{
  margin:45px 0 0;
  padding:55px 30px;
  border:1px dashed rgba(255,255,255,.15);
  border-radius:26px;
  text-align:center;
  background:rgba(255,255,255,.025);
}

#pfb-archives-page .pfba-empty[hidden]{
  display:none!important;
}

#pfb-archives-page .pfba-empty-logo img{
  width:115px;
  margin:0 auto 22px;
}

#pfb-archives-page .pfba-empty h3{
  margin:0!important;
  color:#fff!important;
  font-size:28px!important;
}

#pfb-archives-page .pfba-empty p{
  margin:12px 0 0!important;
  color:#8f9baa!important;
}

#pfb-archives-page .pfba-more-wrap{
  display:flex;
  justify-content:center;
  margin-top:50px;
}

#pfb-archives-page .pfba-more{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:210px;
  min-height:54px;
  padding:0 28px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(255,255,255,.045);
  color:#fff;
  font-size:10px;
  font-weight:900;
  letter-spacing:1.1px;
  text-transform:uppercase;
  cursor:pointer;
  transition:.22s;
}

#pfb-archives-page .pfba-more:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.08);
}

#pfb-archives-page .pfba-more[hidden]{
  display:none!important;
}

#pfb-archives-page .pfba-more[disabled]{
  opacity:.55;
  cursor:wait;
  transform:none;
}

/* EXPLAIN */
#pfb-archives-page .pfba-explain{
  padding:0 0 110px;
  background:#080d14;
}

#pfb-archives-page .pfba-explain-box{
  position:relative;
  overflow:hidden;
  padding:clamp(38px,5vw,65px);
  border:1px solid var(--a-border);
  border-radius:32px;
  background:
    radial-gradient(circle at 0 100%,rgba(23,77,145,.22),transparent 32%),
    radial-gradient(circle at 100% 0,rgba(223,38,49,.18),transparent 31%),
    linear-gradient(145deg,#0e1927,#070b11);
}

#pfb-archives-page .pfba-explain-box h2{
  max-width:950px;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(34px,4.7vw,62px)!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
}

#pfb-archives-page .pfba-explain-box p{
  max-width:900px;
  margin:24px 0 0!important;
  color:#aab5c2!important;
  font-size:16px;
  line-height:1.8;
}

/* Loading */
#pfb-archives-page.is-loading .pfba-grid{
  opacity:.48;
  pointer-events:none;
}

@media(max-width:1050px){
  #pfb-archives-page .pfba-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #pfb-archives-page .pfba-toolbar{
    grid-template-columns:1fr;
  }

  #pfb-archives-page .pfba-sort{
    justify-content:space-between;
  }
}

@media(max-width:700px){
  #pfb-archives-page .pfba-wrap{
    width:calc(100% - 28px);
  }

  #pfb-archives-page .pfba-hero{
    min-height:520px;
  }

  #pfb-archives-page .pfba-hero h1{
    font-size:clamp(45px,14vw,70px)!important;
  }

  #pfb-archives-page .pfba-stats{
    display:grid;
    grid-template-columns:1fr;
  }

  #pfb-archives-page .pfba-year-head{
    align-items:flex-start;
    flex-direction:column;
  }

  #pfb-archives-page .pfba-grid{
    grid-template-columns:1fr;
  }

  #pfb-archives-page .pfba-search-icon{
    flex-basis:45px;
  }
}

@media(prefers-reduced-motion:reduce){
  #pfb-archives-page *,
  #pfb-archives-page *:before,
  #pfb-archives-page *:after{
    animation:none!important;
    transition:none!important;
  }
}
