/*
Theme Name: GAW Demo 08 — Nightlife / Cocktail Bar
Theme URI: https://gaw.agency/waas/
Author: GAW Digital Solutions
Author URI: https://gaw.agency
Description: Demo WaaS GAW per cocktail bar, club e locali notturni. Block theme Gutenberg-native, dark neon magenta/ciano (Public Sans + Inter), layout poster stack con lista eventi a righe. Stack GAW bundled. Tutto personalizzabile da pannello. Demo noindex.
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 8.0
Version: 2.1.1
License: Proprietario GAW
Text Domain: gaw-demo-08
Tags: full-site-editing, block-patterns, one-page, nightlife, bar
*/

/* Design nei token theme.json + queste component-class. Layout: poster stack neon, lista eventi a righe. */

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

.gaw-eyebrow {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 800; font-size: 0.72rem; letter-spacing: 0.3em; text-transform: uppercase;
	color: var(--wp--preset--color--accent); margin: 0;
	text-shadow: 0 0 12px rgba(34,224,224,.6);
}

/* ============ HERO poster stack neon ============ */
.gaw-hero8 { position: relative; overflow: hidden; }
.gaw-hero8::before { content:""; position:absolute; top:-20%; left:-10%; width:60vw; height:60vw; border-radius:50%;
	background: radial-gradient(closest-side, rgba(255,45,120,.28), transparent 70%); pointer-events:none; }
.gaw-hero8::after { content:""; position:absolute; bottom:-25%; right:-10%; width:55vw; height:55vw; border-radius:50%;
	background: radial-gradient(closest-side, rgba(34,224,224,.18), transparent 70%); pointer-events:none; }
.gaw-hero8 > * { position: relative; z-index: 1; }
.gaw-hero8__title { font-family: var(--wp--preset--font-family--display); font-weight: 800; text-transform: uppercase;
	font-size: clamp(3rem,12vw,9rem); line-height: 0.86; letter-spacing: -0.03em; color: var(--wp--preset--color--ink);
	text-shadow: 0 0 30px rgba(255,45,120,.55), 0 0 60px rgba(255,45,120,.25); }
.gaw-hero8__title .cy { color: var(--wp--preset--color--accent); text-shadow: 0 0 30px rgba(34,224,224,.6); display:block; }
.gaw-hero8__lead { max-width: 42ch; color: var(--wp--preset--color--ink-soft); font-size: clamp(1.05rem,1rem + 0.4vw,1.25rem); }

/* ============ Eventi — lista a righe (firma) ============ */
.gaw-ev { display:grid; grid-template-columns: 92px 1fr auto; gap: 1.2rem; align-items:center;
	padding: 20px 0; border-bottom: 1px solid var(--wp--preset--color--line); transition: background .2s ease; }
.gaw-ev:first-of-type { border-top: 1px solid var(--wp--preset--color--line); }
.gaw-ev:hover { background: rgba(255,45,120,.05); }
.gaw-ev__d { font-family: var(--wp--preset--font-family--display); font-weight:800; text-align:center; line-height:1; }
.gaw-ev__d b { display:block; font-size:1.9rem; color: var(--wp--preset--color--primary); font-variant-numeric: tabular-nums; }
.gaw-ev__d span { display:block; font-size:.66rem; letter-spacing:.16em; text-transform:uppercase; color: var(--wp--preset--color--ink-soft); margin-top:4px; }
.gaw-ev__h { font-family: var(--wp--preset--font-family--display); font-weight:800; font-size:1.3rem; text-transform:uppercase; color: var(--wp--preset--color--ink); }
.gaw-ev__p { color: var(--wp--preset--color--ink-soft); font-size:.9rem; margin-top:3px; }
.gaw-ev__cta { font-family: var(--wp--preset--font-family--display); font-weight:800; font-size:.75rem; letter-spacing:.12em; text-transform:uppercase;
	color: var(--wp--preset--color--accent); border:1px solid var(--wp--preset--color--accent); border-radius:100px; padding:8px 16px; white-space:nowrap; text-decoration:none; }
.gaw-ev__cta:hover { background: var(--wp--preset--color--accent); color: var(--wp--preset--color--paper); }
@media (prefers-reduced-motion: reduce){ .gaw-ev { transition:none; } }

/* ============ Cocktail ============ */
.gaw-ck { display:flex; align-items:baseline; gap:1rem; padding:16px 0; border-bottom:1px dashed var(--wp--preset--color--line); }
.gaw-ck__n { font-family: var(--wp--preset--font-family--display); font-weight:800; text-transform:uppercase; font-size:1.15rem; color: var(--wp--preset--color--ink); white-space:nowrap; }
.gaw-ck__d { color: var(--wp--preset--color--ink-soft); font-size:.9rem; flex:1; }
.gaw-ck__p { font-family: var(--wp--preset--font-family--display); font-weight:800; color: var(--wp--preset--color--primary); font-variant-numeric: tabular-nums; }

/* ============ Resident DJ ============ */
.gaw-dj { text-align:center; }
.gaw-dj__ph { aspect-ratio:1; border-radius:14px; border:1px solid var(--wp--preset--color--line); overflow:hidden;
	background: linear-gradient(150deg, rgba(255,45,120,.35), rgba(34,224,224,.2)); display:grid; place-items:center;
	font-family: var(--wp--preset--font-family--display); font-weight:800; font-size:2rem; color:#fff; }
.gaw-dj h3 { font-family: var(--wp--preset--font-family--display); font-weight:800; text-transform:uppercase; font-size:1.05rem; margin:14px 0 0; color: var(--wp--preset--color--ink); }
.gaw-dj p { color: var(--wp--preset--color--accent); font-size:.8rem; letter-spacing:.1em; text-transform:uppercase; margin:3px 0 0; }

/* ============ Galleria neon ============ */
.gaw-gal8 { display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:150px; gap:10px; }
.gaw-gal8 span { border-radius:8px; border:1px solid var(--wp--preset--color--line); background: linear-gradient(150deg,#1a1030,#0c0c16); }
.gaw-gal8 span:nth-child(1){ grid-column:span 2; grid-row:span 2; background:linear-gradient(150deg,#2a1030,#0c0c16); }
.gaw-gal8 span:nth-child(4){ background:linear-gradient(150deg,#102a2a,#0c0c16); }

/* ============ Tavoli / VIP ============ */
.gaw-tbl { background: var(--wp--preset--color--paper-2); border:1px solid var(--wp--preset--color--line); border-radius:16px; transition: border-color .2s ease, transform .2s; }
.gaw-tbl:hover { transform: translateY(-4px); border-color: var(--wp--preset--color--primary); }
.gaw-tbl.feat { border-color: var(--wp--preset--color--primary); box-shadow: 0 0 30px -10px rgba(255,45,120,.5); }
.gaw-tbl__amt { font-family: var(--wp--preset--font-family--display); font-weight:800; font-size:2.4rem; color: var(--wp--preset--color--ink); font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce){ .gaw-tbl { transition:none; } .gaw-tbl:hover { transform:none; } }

@media (max-width: 820px){
	.gaw-ev { grid-template-columns: 70px 1fr; }
	.gaw-ev__cta { grid-column: 2; justify-self:start; margin-top:6px; }
	.gaw-gal8 { grid-template-columns:repeat(2,1fr); }
}
@media (prefers-reduced-motion: reduce){ * { transition:none !important; } }

/* --- foto reali (Pexels) --- */
.gaw-gal8 span{background:#12121c center/cover no-repeat!important}
.gaw-gal8 span:nth-child(1){background-image:url(assets/images/club.jpg)!important}
.gaw-gal8 span:nth-child(2){background-image:url(assets/images/bancone.jpg)!important}
.gaw-gal8 span:nth-child(3){background-image:url(assets/images/dj.jpg)!important}
.gaw-gal8 span:nth-child(4){background-image:url(assets/images/neon.jpg)!important}
.gaw-gal8 span:nth-child(5){background-image:url(assets/images/pista.jpg)!important}
.gaw-gal8 span:nth-child(6){background-image:url(assets/images/cocktail.jpg)!important}