/*
Theme Name: SixNightYNine
Theme URI: https://sixnightynine.com
Author: SixNightYNine
Description: Theme streetwear officiel SixNightYNine
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: sixnightynine
*/

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@400;500;600&display=swap');

:root {
  --black: #08080f;
  --white: #f0eef8;
  --purple: #7c3aed;
  --purple-light: #a855f7;
  --purple-dark: #5b21b6;
  --red: #c8302a;
  --font-display: 'Bebas Neue', sans-serif;
  --font-body: 'DM Sans', sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--black);color:var(--white);font-family:var(--font-body);overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;}

/* NAV */
.site-header{position:sticky;top:0;z-index:100;background:rgba(8,8,15,0.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(124,58,237,0.2);padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:64px;}
.site-logo img{height:42px;width:auto;filter:drop-shadow(0 0 8px rgba(124,58,237,0.4));}
.site-name{font-family:var(--font-display);font-size:1.6rem;letter-spacing:2px;}
.main-nav ul{display:flex;gap:1.8rem;list-style:none;}
.main-nav a{color:rgba(240,238,248,0.6);font-size:0.78rem;letter-spacing:2px;text-transform:uppercase;transition:color 0.2s;}
.main-nav a:hover{color:var(--purple-light);}
.cart-btn{background:var(--purple);color:var(--white);border:none;padding:0.45rem 1.2rem;font-family:var(--font-display);font-size:1rem;letter-spacing:2px;cursor:pointer;transition:background 0.2s;}
.cart-btn:hover{background:var(--purple-dark);}

/* TICKER */
.ticker-bar{background:var(--purple);padding:0.6rem;overflow:hidden;}
.ticker-bar p{font-family:var(--font-display);font-size:0.95rem;letter-spacing:3px;color:rgba(255,255,255,0.9);white-space:nowrap;display:inline-block;animation:ticker 25s linear infinite;}
@keyframes ticker{from{transform:translateX(100vw);}to{transform:translateX(-100%);}}

/* HERO */
.hero-section{position:relative;height:75vh;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;overflow:hidden;}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(124,58,237,0.2) 0%,transparent 65%),linear-gradient(180deg,#08080f 0%,#0e0a1f 100%);z-index:0;}
.hero-grid{position:absolute;inset:0;opacity:0.035;background-image:linear-gradient(rgba(124,58,237,1) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,1) 1px,transparent 1px);background-size:60px 60px;z-index:0;}
.hero-content{position:relative;z-index:2;max-width:700px;}
.hero-logo{width:min(320px,65vw);height:auto;display:block;margin:0 auto 1.5rem;filter:drop-shadow(0 0 20px rgba(124,58,237,0.4));}
.hero-divider{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--purple-light),transparent);margin:0 auto 1rem;}
.hero-tag{font-size:0.7rem;letter-spacing:4px;text-transform:uppercase;color:rgba(240,238,248,0.45);display:block;margin-bottom:0.8rem;}
.hero-title{font-family:var(--font-display);font-size:clamp(2.8rem,6vw,5.5rem);line-height:0.9;letter-spacing:2px;margin-bottom:1rem;}
.hero-title .accent{color:var(--purple-light);}
.hero-desc{font-size:0.9rem;color:rgba(240,238,248,0.5);line-height:1.7;max-width:400px;margin:0 auto 2rem;}
.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}
.btn-primary{background:var(--purple);color:var(--white);border:none;padding:0.85rem 2.2rem;font-family:var(--font-display);font-size:1.2rem;letter-spacing:3px;cursor:pointer;transition:background 0.2s;display:inline-block;}
.btn-primary:hover{background:var(--purple-dark);color:var(--white);}
.btn-outline{background:transparent;color:var(--white);border:1.5px solid rgba(124,58,237,0.4);padding:0.85rem 2.2rem;font-family:var(--font-display);font-size:1.2rem;letter-spacing:3px;cursor:pointer;transition:all 0.2s;display:inline-block;}
.btn-outline:hover{border-color:var(--purple-light);color:var(--purple-light);}

/* PRODUITS */
.section-wrap{padding:4rem 1.5rem;}
.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:2rem;}
.section-title{font-family:var(--font-display);font-size:2.8rem;letter-spacing:2px;}
.see-all{color:var(--purple-light);font-size:0.78rem;letter-spacing:2px;text-transform:uppercase;}
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;}
.product-card{cursor:pointer;transition:transform 0.2s;}
.product-card:hover{transform:translateY(-4px);}
.product-image{aspect-ratio:3/4;overflow:hidden;background:#110f1e;position:relative;display:flex;align-items:center;justify-content:center;}
.product-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s;}
.product-card:hover .product-image img{transform:scale(1.05);}
.product-badge{position:absolute;top:0.7rem;left:0.7rem;color:var(--white);font-size:0.68rem;letter-spacing:2px;text-transform:uppercase;padding:3px 8px;background:var(--purple);}
.product-badge.sale{background:var(--red);}
.product-info{padding:0.8rem 0;}
.product-brand{font-size:0.68rem;letter-spacing:2px;text-transform:uppercase;color:var(--purple-light);margin-bottom:3px;}
.product-name{font-size:0.9rem;font-weight:500;margin-bottom:8px;}
.product-price{font-family:var(--font-display);font-size:1.35rem;}
.product-price del{font-size:0.85rem;color:rgba(240,238,248,0.3);margin-right:5px;font-family:var(--font-body);}
.add-to-cart{background:transparent;border:1px solid rgba(124,58,237,0.35);color:var(--white);padding:0.5rem 0.8rem;font-family:var(--font-display);font-size:0.85rem;letter-spacing:1px;cursor:pointer;width:100%;transition:all 0.2s;margin-top:0.5rem;}
.add-to-cart:hover{background:var(--purple);border-color:var(--purple);}

/* PROMO */
.promo-strip{padding:4rem 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;}
.promo-label{font-size:0.72rem;letter-spacing:4px;text-transform:uppercase;color:rgba(240,238,248,0.4);margin-bottom:0.5rem;display:block;}
.promo-heading{font-family:var(--font-display);font-size:4rem;line-height:0.9;margin-bottom:1rem;}
.promo-heading .accent{color:var(--purple-light);}
.promo-body{color:rgba(240,238,248,0.55);line-height:1.7;margin-bottom:2rem;}
.promo-image-wrap{background:rgba(124,58,237,0.08);border:1px solid rgba(124,58,237,0.2);min-height:260px;display:flex;align-items:center;justify-content:center;padding:2rem;}
.promo-image-wrap img{max-width:70%;height:auto;}
.promo-placeholder{color:rgba(240,238,248,0.2);font-size:0.8rem;text-align:center;line-height:1.6;}

/* TWITCH */
.twitch-section{background:#0d0b1a;padding:4rem 1.5rem;border-top:1px solid rgba(124,58,237,0.15);border-bottom:1px solid rgba(124,58,237,0.15);}
.twitch-inner{display:grid;grid-template-columns:1fr 1.6fr;gap:2.5rem;align-items:center;max-width:1100px;margin:0 auto;}
.twitch-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(145,70,255,0.15);border:1px solid rgba(145,70,255,0.3);padding:0.4rem 1rem;margin-bottom:1.5rem;}
.live-dot{width:8px;height:8px;border-radius:50%;background:#9146ff;animation:pulse 1.5s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}
.twitch-badge span{font-size:0.72rem;letter-spacing:3px;text-transform:uppercase;color:#b78bff;}
.twitch-heading{font-family:var(--font-display);font-size:3rem;letter-spacing:2px;line-height:1;margin-bottom:0.5rem;}
.twitch-heading em{font-style:normal;color:#9146ff;}
.twitch-desc{font-size:0.9rem;color:rgba(240,238,248,0.5);line-height:1.7;margin-bottom:2rem;max-width:340px;}
.twitch-cta{display:inline-flex;align-items:center;gap:10px;background:#9146ff;color:var(--white);border:none;padding:0.9rem 2rem;font-family:var(--font-display);font-size:1.2rem;letter-spacing:2px;cursor:pointer;text-decoration:none;transition:background 0.2s;}
.twitch-cta:hover{background:#7b2ff7;color:var(--white);}
.twitch-embed{border:2px solid rgba(145,70,255,0.4);overflow:hidden;background:#0a0815;}
.twitch-embed iframe{width:100%;display:block;aspect-ratio:16/9;}
.twitch-bar{background:rgba(8,8,15,0.9);padding:0.7rem 1rem;display:flex;align-items:center;justify-content:space-between;}
.twitch-channel{display:flex;align-items:center;gap:10px;}
.twitch-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#9146ff,#5b21b6);display:flex;align-items:center;justify-content:center;font-size:0.85rem;font-weight:600;}
.twitch-live-pill{background:rgba(200,48,42,0.9);color:var(--white);font-size:0.68rem;letter-spacing:2px;text-transform:uppercase;padding:3px 8px;font-weight:600;}

/* FEATURES */
.features-section{background:#0a0818;padding:3rem 1.5rem;}
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(124,58,237,0.08);}
.feature-item{background:#0a0818;padding:2rem;text-align:center;}
.feature-icon{font-size:1.8rem;margin-bottom:0.6rem;}
.feature-title{font-family:var(--font-display);font-size:1rem;letter-spacing:2px;margin-bottom:0.3rem;}
.feature-desc{font-size:0.78rem;color:rgba(240,238,248,0.35);line-height:1.5;}

/* FOOTER */
.site-footer{background:#050410;padding:3rem 1.5rem 1.5rem;border-top:1px solid rgba(124,58,237,0.1);}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;}
.footer-logo{height:46px;width:auto;display:block;margin-bottom:1rem;filter:brightness(0.8);}
.footer-brand p{font-size:0.82rem;color:rgba(240,238,248,0.35);line-height:1.7;max-width:240px;}
.footer-col h4{font-family:var(--font-display);font-size:0.95rem;letter-spacing:2px;color:var(--purple-light);margin-bottom:1rem;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:0.5rem;}
.footer-col ul a{color:rgba(240,238,248,0.38);font-size:0.82rem;transition:color 0.2s;}
.footer-col ul a:hover{color:var(--white);}
.footer-bottom{border-top:1px solid rgba(124,58,237,0.08);padding-top:1.5rem;display:flex;justify-content:space-between;}
.footer-bottom p{font-size:0.72rem;color:rgba(240,238,248,0.2);}

/* ADMIN BAR */
.admin-bar .site-header{top:32px;}

/* RESPONSIVE */
@media(max-width:768px){
  .main-nav{display:none;}
  .products-grid{grid-template-columns:repeat(2,1fr);gap:0.8rem;}
  .features-grid{grid-template-columns:repeat(2,1fr);}
  .promo-strip,.twitch-inner{grid-template-columns:1fr;}
  .promo-image-wrap{display:none;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .footer-bottom{flex-direction:column;gap:0.5rem;}
  .section-wrap{padding:2.5rem 1rem;}
}