/* ============================================
   PLAYBOX - Page A propos (page-a-propos.php)
   ============================================ */

/* === SECTION CONCEPT === */
.apropos-concept{padding:90px 6vw;background:var(--navy)}
.apropos-concept-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center}
.apropos-concept-text .section-title{margin-bottom:24px}
.apropos-lead{font-size:1.18rem;line-height:1.6;color:var(--white);margin:0 0 22px 0}
.apropos-lead strong{color:var(--blue-3)}
.apropos-concept-text p{font-size:1.02rem;line-height:1.7;color:var(--off-white);margin:0 0 18px 0}
.apropos-concept-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.apropos-stat{padding:32px 24px;background:var(--navy-card);border:1px solid rgba(0,153,255,0.15);border-radius:14px;text-align:center;transition:transform .25s,border-color .25s}
.apropos-stat:hover{transform:translateY(-4px);border-color:var(--blue-3)}
.apropos-stat:nth-child(2){background:linear-gradient(135deg,var(--navy-card) 0%,rgba(242,100,25,0.08) 100%)}
.apropos-stat-val{display:block;font-family:'Rajdhani',sans-serif;font-size:2.6rem;font-weight:700;color:var(--blue-3);line-height:1}
.apropos-stat:nth-child(2) .apropos-stat-val{color:var(--orange)}
.apropos-stat-val sup,.apropos-stat-val sub{font-size:1.1rem;font-weight:600;color:var(--off-white)}
.apropos-stat-label{display:block;font-family:'Barlow Condensed',sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--grey);margin-top:10px}

/* === SECTION 4 UNIVERS === */
.apropos-univers{padding:90px 6vw;background:var(--navy-mid)}
.apropos-univers-head{max-width:780px;margin:0 auto 50px;text-align:center}
.apropos-univers-head .section-eyebrow{margin:0 auto 14px}
.apropos-univers-head .section-title{margin-bottom:18px}
.apropos-univers-head .section-intro{margin:0 auto;color:var(--off-white)}
.apropos-univers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1100px;margin:0 auto}
.univers-card{position:relative;padding:40px 32px;background:var(--navy);border:1px solid rgba(0,153,255,0.18);border-radius:16px;overflow:hidden;transition:transform .25s,border-color .25s}
.univers-card::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,var(--blue-2),var(--blue-3))}
.univers-card:nth-child(2)::before{background:linear-gradient(180deg,var(--orange),var(--blue-3))}
.univers-card:nth-child(3)::before{background:linear-gradient(180deg,var(--blue-3),var(--blue-4))}
.univers-card:nth-child(4)::before{background:linear-gradient(180deg,var(--blue-1),var(--orange))}
.univers-card:hover{transform:translateY(-6px);border-color:var(--blue-3)}
.univers-card-num{font-family:'Rajdhani',sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.2em;color:var(--blue-3);margin-bottom:12px;display:inline-block;padding:4px 12px;background:rgba(0,153,255,0.1);border-radius:4px}
.univers-card h3{font-family:'Rajdhani',sans-serif;font-size:1.6rem;font-weight:700;color:var(--white);margin:0 0 12px 0}
.univers-card-lead{font-size:1rem;line-height:1.55;color:var(--white);margin:0 0 12px 0;font-weight:500}
.univers-card-list{list-style:none;padding:0;margin:0 0 20px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 18px}
.univers-card-list li{position:relative;padding-left:22px;font-family:'Barlow Condensed',sans-serif;font-size:1.05rem;font-weight:600;letter-spacing:.04em;color:var(--white);line-height:1.3}
.univers-card-list li::before{content:'';position:absolute;left:0;top:6px;width:12px;height:12px;background:var(--blue-3);clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%)}
.univers-card:nth-child(2) .univers-card-list li::before{background:var(--orange)}
.univers-card-footer{font-size:.92rem;line-height:1.55;color:var(--grey);margin:0;padding-top:18px;border-top:1px solid rgba(255,255,255,0.08)}

/* === SECTION RESTAURANT === */
.apropos-resto{padding:90px 6vw;background:var(--navy);position:relative;overflow:hidden}
.apropos-resto::before{content:'';position:absolute;top:-200px;left:-150px;width:500px;height:500px;background:radial-gradient(circle,rgba(242,100,25,0.06) 0%,transparent 60%);pointer-events:none}
.apropos-resto-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center}
.apropos-resto-text .section-title{margin-bottom:22px}
.apropos-resto-text p{font-size:1.02rem;line-height:1.7;color:var(--off-white);margin:0 0 18px 0}
.apropos-resto-text p strong{color:var(--orange)}
.apropos-resto-list{list-style:none;padding:0;margin:24px 0 0 0;display:flex;flex-direction:column;gap:10px}
.apropos-resto-list li{position:relative;padding-left:28px;font-size:.98rem;color:var(--off-white);line-height:1.5}
.apropos-resto-list li::before{content:'';position:absolute;left:0;top:6px;width:14px;height:14px;background:var(--orange);clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%)}
.apropos-resto-quote{position:relative;padding:48px 36px 36px;background:linear-gradient(135deg,var(--navy-card) 0%,var(--navy-mid) 100%);border:1px solid rgba(242,100,25,0.25);border-radius:18px}
.quote-mark{position:absolute;top:-10px;left:24px;font-family:'Rajdhani',sans-serif;font-size:5rem;font-weight:700;color:var(--orange);line-height:1;opacity:.7}
.apropos-resto-quote p{font-family:'Rajdhani',sans-serif;font-size:1.3rem;line-height:1.45;color:var(--white);font-weight:500;font-style:italic;margin:0 0 20px 0}
.quote-author{display:block;font-family:'Barlow Condensed',sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--blue-3);padding-top:18px;border-top:1px solid rgba(0,153,255,0.18)}

/* === SECTION EQUIPE === */
.apropos-team{padding:90px 6vw;background:var(--navy-mid)}
.apropos-team-inner{max-width:1100px;margin:0 auto;text-align:center}
.apropos-team-inner .section-eyebrow{margin:0 auto 14px}
.apropos-team-inner .section-title{margin-bottom:18px}
.apropos-team-inner .section-intro{margin:0 auto 50px;color:var(--off-white)}
.apropos-team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;text-align:center}
.team-card{padding:28px 22px;background:var(--navy-card);border:1px solid rgba(0,153,255,0.15);border-radius:14px;transition:transform .25s,border-color .25s}
.team-card:hover{transform:translateY(-4px);border-color:var(--blue-3)}
.team-avatar{width:80px;height:80px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--blue-1),var(--blue-3));border-radius:50%;font-family:'Rajdhani',sans-serif;font-size:2rem;font-weight:700;color:var(--white)}
.team-card:nth-child(2) .team-avatar{background:linear-gradient(135deg,var(--orange),var(--blue-3))}
.team-card:nth-child(3) .team-avatar{background:linear-gradient(135deg,var(--blue-2),var(--blue-4))}
.team-card:nth-child(4) .team-avatar{background:linear-gradient(135deg,var(--blue-1),var(--orange))}
.team-card h3{font-family:'Rajdhani',sans-serif;font-size:1.2rem;font-weight:700;color:var(--white);margin:0 0 6px 0}
.team-role{font-family:'Barlow Condensed',sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--grey);margin:0}

/* === BANDEAU CTA FINAL === */
.apropos-cta-band{padding:90px 6vw;background:linear-gradient(135deg,var(--navy-card) 0%,var(--navy-mid) 100%);position:relative;overflow:hidden}
.apropos-cta-band::before{content:'';position:absolute;top:-150px;right:-150px;width:500px;height:500px;background:radial-gradient(circle,rgba(0,153,255,0.18) 0%,transparent 60%);pointer-events:none}
.apropos-cta-band-inner{position:relative;z-index:2;max-width:780px;margin:0 auto;text-align:center}
.apropos-cta-band-inner h2{font-family:'Rajdhani',sans-serif;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;color:var(--white);margin:0 0 14px 0}
.apropos-cta-band-inner p{font-size:1.08rem;line-height:1.65;color:var(--off-white);margin:0 0 28px 0}
.apropos-cta-band-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* === RESPONSIVE === */
@media(max-width:1024px){
  .apropos-concept-inner{grid-template-columns:1fr;gap:48px}
  .apropos-univers-grid{grid-template-columns:1fr}
  .apropos-resto-inner{grid-template-columns:1fr;gap:40px}
  .apropos-team-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .apropos-concept,.apropos-univers,.apropos-resto,.apropos-team,.apropos-cta-band{padding:60px 5vw}
  .apropos-concept-stats{grid-template-columns:1fr 1fr;gap:14px}
  .apropos-stat{padding:24px 16px}
  .apropos-stat-val{font-size:2.2rem}
  .univers-card{padding:32px 24px}
  .apropos-resto-quote{padding:42px 28px 28px}
  .apropos-resto-quote p{font-size:1.1rem}
}