/* Le header et le footer sont contrôlés exclusivement par /assets/css/style.css.
   Ces règles empêchent les anciens styles du formulaire Bazar de déborder. */
.site-header a,
.site-header p,
.site-header span,
.site-header button,
footer a,
footer p,
footer span,
footer strong,
footer small {
  font-family: inherit;
}

.site-header a,
footer a {
  text-decoration: none;
}

.site-header .desktop-nav a {
  color: inherit;
}

footer {
  color: white;
}


body.bazar-page{background:var(--paper)}
.bazar-main{padding-top:80px}
.bazar-global-header .desktop-nav .is-current::after{right:0}

.bazar-hero{
  position:relative;overflow:hidden;padding:88px 0 78px;
  color:#fff;background:var(--navy-deep);
}

.bazar-hero .shell{position:relative;z-index:2}
.bazar-hero-grid{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.55fr);
  gap:70px;align-items:end;
}
.bazar-hero h1{
  margin:0;max-width:850px;color:#fff;
  font:800 clamp(4.2rem,8vw,7.4rem)/.84 var(--font-display);
  letter-spacing:-.045em;text-transform:uppercase;
}
.bazar-hero p:not(.eyebrow){max-width:650px;margin:24px 0 0;color:rgba(255,255,255,.72);line-height:1.7}
.bazar-hero-card{
  padding:24px;background:rgba(255,255,255,.08);
  border-top:4px solid var(--yellow);backdrop-filter:blur(10px);
}
.bazar-hero-card span{display:block;color:var(--yellow);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.bazar-hero-card strong{display:block;margin-top:7px;font-size:1.08rem}
.bazar-hero-card small{display:block;margin-top:4px;color:rgba(255,255,255,.58)}
.bazar-hero-card a{display:inline-block;margin-top:18px;color:white;font-weight:800}

.bazar-section{padding:88px 0 110px;background:var(--cream)}
.bazar-shell{width:min(980px,calc(100% - 48px));margin:auto}
.bazar-panel{background:#fff;border:1px solid var(--line);box-shadow:0 16px 40px rgba(4,29,51,.08)}
.bazar-panel-head{padding:30px 32px 24px;border-bottom:1px solid var(--line)}
.bazar-panel-head h2{
  margin:0;color:var(--navy);
  font:800 clamp(2.8rem,5vw,4.7rem)/.9 var(--font-display);
  text-transform:uppercase;letter-spacing:-.035em;
}
.bazar-panel-head p{max-width:720px;margin:13px 0 0;color:var(--muted);line-height:1.65}
.bazar-panel-body{padding:32px}
.bazar-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.bazar-field label{display:block;margin-bottom:7px;color:var(--navy);font-size:.88rem;font-weight:800}
.bazar-field input,.bazar-field select,.bazar-field textarea{
  width:100%;min-height:52px;padding:12px 14px;border:1px solid var(--line);
  border-radius:3px;background:white;color:var(--ink);font:inherit;
}
.bazar-field input:focus,.bazar-field select:focus,.bazar-field textarea:focus{
  outline:2px solid rgba(255,214,67,.8);outline-offset:1px;
}
.bazar-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:26px}
.bazar-alert{margin-bottom:22px;padding:16px 18px;border-left:4px solid var(--orange);background:#fff2e8;color:#743514}
.bazar-alert.success{border-left-color:#1b9b69;background:#eaf8f1;color:#12613f}

.bazar-dashboard-section{padding:74px 0 110px;background:var(--cream)}
.bazar-dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.bazar-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}
.bazar-total-box{
  min-width:140px;padding:15px 18px;color:white;background:var(--navy);
}
.bazar-total-box span{display:block;color:#fff;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}
.bazar-total-box strong{display:block;margin-top:2px;color:var(--yellow);font:800 2rem var(--font-display)}
.bazar-submit-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.bazar-submit-row .button{
  border:0;
  cursor:pointer
}

.bazar-main a.button{background-color: var(--navy); color: #fff;}
.bazar-dashboard-panel .game-card{
  border:1px solid var(--line)!important;border-radius:3px!important;box-shadow:none!important;background:#fff!important;
}
.bazar-dashboard-panel .game-card-header{
  background:var(--navy)!important;color:#fff!important;border-radius:0!important;
}
.bazar-dashboard-panel .game-number{background:var(--yellow)!important;color:var(--navy-deep)!important}
.bazar-dashboard-panel .remove-game{border-radius:2px!important}
.bazar-dashboard-panel input,.bazar-dashboard-panel select,.bazar-dashboard-panel textarea{
  border-radius:3px!important;border-color:var(--line)!important;
}

@media(max-width:820px){
  .bazar-hero-grid{grid-template-columns:1fr;gap:34px}
  .bazar-form-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .bazar-main{padding-top:78px}
  .bazar-hero{padding:58px 0}
  .bazar-section,.bazar-dashboard-section{padding:56px 0 76px}
  .bazar-shell{width:min(100% - 28px,980px)}
  .bazar-panel-head,.bazar-panel-body{padding:22px}
  .bazar-actions,.bazar-submit-row{display:grid;grid-template-columns:1fr}
  .bazar-actions .button,.bazar-submit-row .button{width:100%}
}


/* =========================================================
   FORMULAIRE DYNAMIQUE DU DASHBOARD BAZAR
   Tout est volontairement limité à .bazar-dashboard-panel
   afin de ne jamais modifier le header ou le footer global.
   ========================================================= */

.bazar-dashboard-panel #gamesContainer {
  display: grid;
  gap: 18px;
}

.bazar-dashboard-panel .game-card {
  position: relative;
  margin: 0;
  padding: 26px;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--line);
  border-left: 5px solid var(--yellow);
  border-radius: 4px;
  box-shadow: none;
}

.bazar-dashboard-panel .game-card::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 82px;
  height: 82px;
  pointer-events: none;
  background: linear-gradient(225deg, rgba(8,42,72,.08), transparent 68%);
}

.bazar-dashboard-panel .game-header {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 24px;
  padding-bottom: 17px;
  border-bottom: 1px solid var(--line);
}

.bazar-dashboard-panel .game-header h3 {
  margin: 0;
  color: var(--navy);
  font-family: var(--font-display), sans-serif;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

.bazar-dashboard-panel .form-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.bazar-dashboard-panel .field {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 8px;
}

.bazar-dashboard-panel .field.full {
  grid-column: 1 / -1;
}

.bazar-dashboard-panel .field label {
  margin: 0;
  color: var(--navy);
  font-size: .82rem;
  font-weight: 800;
}

.bazar-dashboard-panel .field input,
.bazar-dashboard-panel .field select,
.bazar-dashboard-panel .field textarea {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 52px;
  margin: 0;
  padding: 12px 14px;
  color: var(--ink);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 3px;
  font-family: var(--font-sans), sans-serif;
  font-size: .95rem;
  line-height: 1.4;
}

.bazar-dashboard-panel .field textarea {
  min-height: 105px;
  resize: vertical;
}

.bazar-dashboard-panel .field input::placeholder,
.bazar-dashboard-panel .field textarea::placeholder {
  color: #93a0ab;
}

.bazar-dashboard-panel .field input:focus,
.bazar-dashboard-panel .field select:focus,
.bazar-dashboard-panel .field textarea:focus {
  outline: 0;
  border-color: var(--blue);
  box-shadow: 0 0 0 4px rgba(13,71,119,.10);
}

.bazar-dashboard-panel .btn.remove {
  position: relative;
  z-index: 2;
  min-height: 40px;
  padding: 0 14px;
  color: #fff;
  background: var(--orange);
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  font-family: var(--font-sans), sans-serif;
  font-size: .78rem;
  font-weight: 800;
}

.bazar-dashboard-panel .btn.remove:hover {
  background: #d8641b;
}

.bazar-dashboard-panel .bazar-submit-row {
  align-items: center;
}

@media (max-width: 700px) {
  .bazar-dashboard-panel .game-card {
    padding: 20px;
  }

  .bazar-dashboard-panel .form-grid {
    grid-template-columns: 1fr;
  }

  .bazar-dashboard-panel .field.full {
    grid-column: auto;
  }

  .bazar-dashboard-panel .game-header {
    align-items: flex-start;
  }

  .bazar-dashboard-panel .game-header h3 {
    font-size: 1.75rem;
  }
}