/*
Theme Name: Vanta Bar
Theme URI: https://vantabar.com
Author: OpenAI
Description: Dark cinematic cocktail-bar theme for Vanta Bar Barcelona.
Version: 1.0.0
Text Domain: vanta-bar
*/
:root{
  --bg:#050507;--panel:#0b0b10;--panel2:#101018;--text:#f7f5fb;--muted:#b8b3c5;
  --violet:#9d4dff;--magenta:#ef36d8;--blue:#6b78ff;--line:#222230;--amber:#f2a65a;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}
.wrap{width:min(1180px,92vw);margin:auto}
.site-header{position:sticky;top:0;z-index:30;background:rgba(5,5,7,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 0}
.logo img{width:170px;height:auto}
.menu{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.menu a{font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;color:#eee}
.menu a:hover{color:#cfa7ff}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border:1px solid var(--violet);text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:700;transition:.25s}
.btn:hover{background:var(--violet);box-shadow:0 0 28px rgba(157,77,255,.35)}
.btn.primary{background:linear-gradient(90deg,var(--violet),var(--magenta));border:none}
.hero{min-height:76vh;display:grid;align-items:center;background:linear-gradient(90deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.66) 42%,rgba(0,0,0,.14) 72%),url('assets/images/hero-bar.jpg') center/cover no-repeat}
.hero-inner{padding:90px 0}
.kicker{font-size:.78rem;letter-spacing:.34em;text-transform:uppercase;color:#d8d2e2}
.hero h1{font-size:clamp(3.5rem,10vw,7.5rem);line-height:.87;margin:20px 0 12px;letter-spacing:.07em;font-weight:300;text-shadow:0 0 30px rgba(157,77,255,.55)}
.hero h1 span{display:block;font-size:.38em;letter-spacing:.42em;margin-top:.38em}
.hero p{max-width:650px;font-size:1.18rem;color:#ded9e5}
.ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.features{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.feature{padding:28px 24px;text-align:center;border-right:1px solid var(--line)}
.feature:last-child{border-right:0}.feature strong{display:block;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem}.feature span{font-size:1.6rem;color:#c78cff}
.section{padding:90px 0}.section h2{font-size:clamp(2.3rem,5vw,4.6rem);line-height:1;margin:.2em 0 .35em;font-weight:300;letter-spacing:.03em}.section .lede{color:var(--muted);font-size:1.08rem;max-width:760px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.card-img{border:1px solid var(--line);box-shadow:0 18px 70px rgba(0,0,0,.38)}
.pill{display:inline-block;padding:6px 10px;border:1px solid #393244;color:#d7c6ee;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}
.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:35px}
.drink{display:flex;justify-content:space-between;gap:18px;padding:18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0))}
.drink h3{margin:0 0 4px;font-size:1rem}.drink p{margin:0;color:var(--muted);font-size:.9rem}.price{white-space:nowrap;color:#d8baff;font-weight:700}
.happy{background:radial-gradient(circle at 20% 20%,rgba(157,77,255,.18),transparent 36%),linear-gradient(180deg,#0b0b10,#060608);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.happy-box{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:60px 0}.offer{font-size:clamp(2.4rem,5vw,4.8rem);line-height:.95;margin:12px 0}.offer strong{color:#cf8cff}
.gallery{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.gallery img{width:100%;height:520px;object-fit:cover}.gallery img:last-child{height:520px}
.info{display:grid;grid-template-columns:1.2fr .8fr;gap:55px}.hours{border:1px solid var(--line);padding:28px;background:var(--panel)}.hours table{width:100%;border-collapse:collapse}.hours td{padding:10px 0;border-bottom:1px solid var(--line)}.hours td:last-child{text-align:right;color:#ddd}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form input,.contact-form textarea{width:100%;background:#0b0b10;border:1px solid #2a2a34;color:white;padding:14px}.contact-form textarea{grid-column:1/-1;min-height:140px}.contact-form button{grid-column:1/-1;cursor:pointer}
footer{border-top:1px solid var(--line);padding:35px 0;color:#9e98a8;font-size:.86rem}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.small{font-size:.84rem;color:var(--muted)}
@media(max-width:850px){
 .menu{display:none}.features{grid-template-columns:1fr 1fr}.feature:nth-child(2){border-right:0}
 .grid-2,.happy-box,.gallery,.info{grid-template-columns:1fr}.hero{min-height:70vh}.gallery img,.gallery img:last-child{height:360px}.menu-grid{grid-template-columns:1fr}
}