
/*
Theme Name: ALT+F4 Gaming
Theme URI: https://altf4esport.fr/
Author: ALT+F4
Description: Thème vitrine WordPress personnalisé pour ALT+F4 — Bar Gaming & Esport à Nice.
Version: 1.1.0
Text Domain: altf4-gaming
*/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#09070c;color:#f7f4fb;font-family:Inter,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.header{height:78px;position:fixed;z-index:30;top:0;left:0;right:0;display:flex;align-items:center;padding:0 5vw;background:rgba(9,7,12,.76);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;text-decoration:none}.brand img{max-height:55px;width:auto}.brand-fallback{font-family:"Space Grotesk",sans-serif;font-size:28px;font-weight:900;letter-spacing:-.06em;color:#fff}.brand-fallback span{color:#ff39b9}.nav{margin-left:auto;display:flex;gap:30px}.nav a,.footer-links a{color:#d8d1df;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.04em;transition:.2s}.nav a:hover,.footer-links a:hover{color:#ff39b9}.nav-cta{margin-left:30px;border:1px solid #ff39b9;color:#fff;text-decoration:none;padding:11px 16px;font-size:12px;font-weight:800;letter-spacing:.08em}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:25px}.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:130px 8vw 80px;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,7,12,.96) 0%,rgba(9,7,12,.78) 38%,rgba(9,7,12,.25) 75%),linear-gradient(0deg,#09070c 0%,transparent 30%),var(--hero-image,linear-gradient(135deg,#271026,#09070c 65%)) center/cover}.hero:after{content:"";position:absolute;width:700px;height:700px;border-radius:50%;background:#e900a8;filter:blur(180px);opacity:.2;right:-300px;top:-200px}.hero-content{max-width:720px;position:relative;z-index:2}.eyebrow,.kicker{font-size:11px;font-weight:900;letter-spacing:.2em;color:#c9b8d0}.eyebrow span{display:inline-block;width:30px;height:2px;background:#ff39b9;vertical-align:middle;margin-right:9px}.hero h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(70px,10vw,150px);line-height:.78;letter-spacing:-.07em;margin:25px 0 35px;font-weight:700}.hero h1 em{font-style:normal;color:#ff39b9;text-shadow:0 0 50px rgba(255,57,185,.35)}.hero p{font-size:18px;line-height:1.7;color:#d2cbd7;max-width:580px}.hero-actions{display:flex;gap:12px;margin:35px 0}.btn{display:inline-flex;align-items:center;gap:28px;padding:15px 21px;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.08em;border:1px solid transparent;transition:.25s}.btn.primary{background:#ff39b9;color:#10080f}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(255,57,185,.25)}.btn.ghost{border-color:rgba(255,255,255,.2);color:#fff}.btn.ghost:hover{border-color:#fff}.btn.light{background:#fff;color:#111}.hero-meta{display:flex;gap:22px;color:#a89dab;font-size:11px;font-weight:700}.hero-scroll{position:absolute;bottom:35px;right:7vw;font-size:10px;letter-spacing:.18em;color:#958a9a}.hero-scroll span{color:#ff39b9;font-size:18px;margin-left:10px}.ticker{overflow:hidden;white-space:nowrap;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:18px 0;color:#eae4ed;font-family:"Space Grotesk";font-weight:700;letter-spacing:.1em}.ticker div{animation:marquee 25s linear infinite;display:inline-block}.ticker b{color:#ff39b9;margin:0 22px}@keyframes marquee{to{transform:translateX(-25%)}}.section{padding:130px 8vw;position:relative}.section-label{position:absolute;left:3vw;top:135px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.22em;color:#746b79;font-weight:800}.split{display:grid;grid-template-columns:1.05fr .9fr;gap:9vw;align-items:center}.split-copy{grid-column:1}.split-copy h2,.section-heading h2,.schedule-top h2,.food h2,.practical h2{font-family:"Space Grotesk";font-size:clamp(45px,5vw,78px);line-height:.92;letter-spacing:-.055em;margin:18px 0 28px}.split-copy h2 span,.section-heading h2 span,.schedule-top h2 span,.food h2 span,.practical h2 span{color:#ff39b9}.lead{font-size:18px;line-height:1.65;color:#c9c0cc}.split-copy>p:not(.kicker):not(.lead){font-size:14px;color:#918795;line-height:1.8}.text-link{display:inline-block;margin-top:20px;color:#fff;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.08em;border-bottom:1px solid #ff39b9;padding-bottom:8px}.text-link span{color:#ff39b9;margin-left:12px}.concept-photo{position:relative;grid-column:2}.concept-photo img{width:100%;height:590px;object-fit:cover;display:block;filter:saturate(.9)}.photo-tag{position:absolute;bottom:20px;left:20px;background:#0c0910;padding:10px 14px;font-size:9px;letter-spacing:.14em;font-weight:800}.dark-section{background:#0e0a12}.section-heading{text-align:center;margin-bottom:55px}.section-heading .kicker{color:#ff39b9}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.activity-card{min-height:330px;padding:28px;background:#151018;border:1px solid rgba(255,255,255,.08);position:relative;transition:.3s}.activity-card:hover{transform:translateY(-7px);border-color:rgba(255,57,185,.5)}.activity-card.featured{background:linear-gradient(145deg,#271026,#130d16)}.card-number{font-size:10px;color:#7f7483;letter-spacing:.12em}.card-icon{font-size:31px;margin:65px 0 25px;color:#ff39b9}.activity-card h3{font-family:"Space Grotesk";font-size:24px;margin:0 0 10px}.activity-card p{color:#918895;font-size:12px;line-height:1.7}.card-arrow{position:absolute;right:25px;bottom:25px;color:#ff39b9}.schedule{background:#f4f0f5;color:#100d12}.schedule .section-label{color:#9c909d}.schedule-top{display:flex;justify-content:space-between;gap:60px;align-items:end}.schedule-top .kicker{color:#8c1d6d}.schedule-top>p{max-width:360px;color:#736a75;font-size:13px;line-height:1.7}.events-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #d3ccd4;border-bottom:1px solid #d3ccd4;margin:50px 0}.event{padding:28px 18px;min-height:165px;border-right:1px solid #d3ccd4;position:relative;transition:.25s}.event:first-child{border-left:1px solid #d3ccd4}.event:hover,.event.hot{background:#fff}.event-day{font-size:9px;font-weight:900;letter-spacing:.15em;color:#8e8590}.event-title{font-family:"Space Grotesk";font-size:22px;margin:22px 0 8px}.event-info{font-size:11px;color:#817783;line-height:1.5}.event-dot{position:absolute;right:18px;top:29px;width:7px;height:7px;background:#ff39b9;border-radius:50%}.center{text-align:center}.visual-break{height:72vh;position:relative;overflow:hidden}.visual-break img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}.visual-break:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.05) 70%)}.visual-overlay{position:absolute;z-index:2;left:8vw;bottom:8vw;display:flex;flex-direction:column}.visual-overlay span{font-size:12px;letter-spacing:.25em;color:#ff39b9;font-weight:900}.visual-overlay strong{font-family:"Space Grotesk";font-size:clamp(50px,8vw,120px);line-height:.85;letter-spacing:-.06em}.food-layout{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.food-list{margin-top:40px}.food-list>div{display:grid;grid-template-columns:35px 1fr;grid-template-rows:auto auto;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.08)}.food-list b{grid-row:1/3;font-size:19px}.food-list span{font-family:"Space Grotesk";font-weight:700}.food-list small{font-size:10px;color:#857b8a;margin-top:3px}.small-note{font-size:10px;color:#776d7a;margin-top:25px}.food-photo{height:590px;position:relative}.food-photo img{width:100%;height:100%;object-fit:cover}.food-badge{position:absolute;right:-20px;bottom:25px;background:#ff39b9;color:#130b12;width:115px;height:115px;border-radius:50%;display:grid;place-content:center;text-align:center;font-family:"Space Grotesk";font-weight:900;font-size:18px;line-height:.75;transform:rotate(-8deg)}.food-badge span{font-size:11px}.gallery{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:550px;position:relative}.gallery img{width:100%;height:100%;object-fit:cover}.gallery-main,.gallery-side{overflow:hidden}.gallery-caption{position:absolute;bottom:30px;left:5vw;display:flex;flex-direction:column;text-shadow:0 2px 15px #000}.gallery-caption span{font-size:10px;letter-spacing:.22em;font-weight:900}.gallery-caption strong{font-family:"Space Grotesk";font-size:40px;letter-spacing:-.04em}.practical{background:#151018}.practical-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.info-box{border-top:1px solid rgba(255,255,255,.15)}.info-box>div{padding:25px 0;border-bottom:1px solid rgba(255,255,255,.15)}.info-box small{display:block;font-size:9px;color:#807583;letter-spacing:.18em;font-weight:800;margin-bottom:9px}.info-box strong{font-size:14px;line-height:1.7}.info-box a{color:#ff39b9;text-decoration:none}.final-cta{padding:120px 8vw;text-align:center;background:radial-gradient(circle at 50% 40%,#4a1043 0%,#1a0b18 35%,#0c080d 75%);position:relative;overflow:hidden}.final-logo img{width:180px;height:180px;object-fit:contain}.final-cta p{font-size:10px;letter-spacing:.22em;color:#9f91a2;font-weight:900}.final-cta h2{font-family:"Space Grotesk";font-size:clamp(60px,9vw,130px);line-height:.78;letter-spacing:-.07em;margin:25px 0 45px}.final-cta h2 span{color:#ff39b9}footer{padding:35px 5vw;display:flex;align-items:center;gap:35px;border-top:1px solid rgba(255,255,255,.08);background:#070609}.footer-brand{display:flex;align-items:center;gap:14px;margin-right:auto}.footer-brand img{width:70px;height:50px;object-fit:contain}.footer-links{display:flex;gap:20px}.copyright{font-size:9px;color:#625965}.reveal{animation:rise .9s ease both}@keyframes rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.wp-custom-logo .brand img{max-height:55px}.brand .custom-logo-link{display:flex;align-items:center;width:125px;height:58px;overflow:hidden}
.brand .custom-logo{display:block!important;width:auto!important;height:55px!important;max-width:125px!important;max-height:55px!important;object-fit:contain}
.footer-brand .custom-logo-link{display:flex;align-items:center;width:70px;height:50px;overflow:hidden}
.footer-brand .custom-logo{display:block!important;width:auto!important;height:50px!important;max-width:70px!important;max-height:50px!important;object-fit:contain}
.final-logo .custom-logo-link{display:inline-flex;align-items:center;justify-content:center;width:180px;height:180px}
.final-logo .custom-logo{display:block!important;width:180px!important;height:180px!important;max-width:180px!important;max-height:180px!important;object-fit:contain}

@media(max-width:900px){.header{padding:0 5vw}.nav,.nav-cta{display:none}.menu-btn{display:block;margin-left:auto}.header.open .nav{display:flex;position:absolute;top:78px;left:0;right:0;background:#0d0910;padding:25px;flex-direction:column}.hero{padding-left:6vw}.hero h1{font-size:76px}.cards{grid-template-columns:1fr 1fr}.split,.food-layout,.practical-grid{grid-template-columns:1fr;gap:50px}.concept-photo,.split-copy{grid-column:auto}.concept-photo img,.food-photo{height:470px}.events-grid{grid-template-columns:1fr 1fr}.event{border-bottom:1px solid #d3ccd4}.event:first-child{border-left:0}.section-label{position:static;writing-mode:initial;transform:none;margin-bottom:30px}.schedule-top{display:block}.gallery{grid-template-columns:1fr;grid-template-rows:430px 260px}.gallery-caption{bottom:25px}.footer-links{display:none}}
@media(max-width:560px){.brand img{height:48px}.hero{min-height:820px}.hero h1{font-size:64px}.hero p{font-size:15px}.hero-meta{flex-direction:column;gap:7px}.hero-actions{flex-direction:column;align-items:flex-start}.section{padding:90px 7vw}.cards{grid-template-columns:1fr}.activity-card{min-height:270px}.card-icon{margin-top:45px}.events-grid{grid-template-columns:1fr}.event{border-left:1px solid #d3ccd4!important;border-right:1px solid #d3ccd4}.visual-break{height:55vh}.visual-overlay strong{font-size:55px}.food-photo,.concept-photo img{height:380px}.final-cta{padding:90px 7vw}.footer-brand span{display:none}}

/* Internal WordPress pages — same ALT+F4 visual identity */
.inner-page{padding-top:78px;background:#09070c;color:#f7f4fb;min-height:100vh}
.inner-hero{min-height:520px;position:relative;display:flex;align-items:flex-end;padding:90px 8vw 85px;overflow:hidden;background:radial-gradient(circle at 78% 35%,rgba(255,57,185,.22),transparent 30%),linear-gradient(135deg,#171020 0%,#09070c 72%)}
.inner-hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:#e900a8;filter:blur(180px);opacity:.12;right:-220px;top:-150px;pointer-events:none}
.inner-hero-content{position:relative;z-index:2;max-width:900px}
.inner-hero h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(60px,9vw,125px);line-height:.82;letter-spacing:-.07em;margin:25px 0 20px;font-weight:700;text-transform:uppercase}
.inner-hero p{font-size:18px;color:#c9c0cc;margin:0}
.inner-content{background:#0e0a12;min-height:500px}
.inner-content-wrap{max-width:1100px;margin:0 auto}
.page-content{font-size:17px;line-height:1.75;color:#c9c0cc}
.page-content h2,.page-content h3{font-family:"Space Grotesk",sans-serif;color:#fff;letter-spacing:-.04em}
.page-content h2{font-size:clamp(38px,5vw,64px);line-height:.95;margin:0 0 28px}
.page-content h3{font-size:28px;margin:45px 0 12px}
.page-content p{max-width:800px}
.page-content a{color:#ff39b9}
.page-content img{max-width:100%;height:auto;display:block}
.page-content .wp-block-button__link{background:#ff39b9;color:#10080f;text-decoration:none;font-weight:900;border-radius:0}
@media(max-width:560px){.inner-page{padding-top:78px}.inner-hero{min-height:420px;padding:70px 7vw}.inner-hero h1{font-size:62px}.inner-content{padding:80px 7vw}.page-content{font-size:15px}}
