/*
Theme Name: Superz Cafe Dark
Theme URI: https://example.com/
Author: Clawdbot
Description: Premium dark coffee-cafe block theme for Superz Cafe (Thane).
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
Version: 1.2.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: superz-cafe-dark
*/

:root{
  --superz-bg:#0E0B09;
  --superz-panel:#14100D;
  --superz-panel2:#1A1410;
  --superz-text:#F5EEE6;
  --superz-muted: rgba(245,238,230,.72);
  --superz-border: rgba(245,238,230,.10);

  --superz-accent:#F39A2B;   /* caramel orange */
  --superz-accent2:#FF7A2F;  /* warm orange */
  --superz-gold:#D9B26A;

  --superz-shadow: 0 18px 46px rgba(0,0,0,.55);
}

body{background:var(--superz-bg); color:var(--superz-text)}
.wp-site-blocks{overflow-x:hidden}

/* Links */
a{color: var(--superz-text)}
a:hover{color: rgba(245,238,230,.9)}

/* Header */
.superz-header{position:sticky; top:0; z-index:40}
.superz-header__bar{
  background: rgba(14,11,9,.72);
  border-bottom: 1px solid var(--superz-border);
  backdrop-filter: blur(10px);
}
.superz-brand{letter-spacing:.02em}
.superz-badge{display:inline-flex; gap:8px; align-items:center; padding:6px 10px; border-radius:999px; background: rgba(245,238,230,.06); font-size:12px; color:var(--superz-muted)}

/* Buttons */
.superz-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding: 10px 14px; border-radius: 999px;
  border: 1px solid rgba(245,238,230,.14);
  background: rgba(255,255,255,.06);
  color: var(--superz-text);
  text-decoration:none;
  font-weight:600;
}
.superz-btn--primary{
  background: linear-gradient(180deg, var(--superz-accent), #D97910);
  border-color: rgba(0,0,0,.18);
  color: #16110E;
}
.superz-btn--primary:hover{filter: brightness(1.03)}
.superz-btn:hover{transform: translateY(-1px)}

/* Hero */
.superz-hero{
  position:relative;
  border-radius: 34px;
  overflow:hidden;
  background:
    radial-gradient(900px 520px at 78% 20%, rgba(243,154,43,.22), transparent 60%),
    radial-gradient(800px 520px at 20% 30%, rgba(217,178,106,.16), transparent 58%),
    linear-gradient(180deg, #1A1410, #0E0B09);
  box-shadow: var(--superz-shadow);
}
.superz-hero__inner{padding: clamp(44px, 6vw, 92px); position:relative; z-index:2}
.superz-hero__kicker{letter-spacing:.22em; font-size:12px; color: var(--superz-muted)}
.superz-hero__title{margin:10px 0 12px; font-size: clamp(40px, 6vw, 74px); line-height:1.02}
.superz-hero__sub{max-width: 62ch; color: var(--superz-muted); font-size: 16px; line-height:1.65}

.superz-hero__chips{display:flex; gap:10px; flex-wrap:wrap; margin-top:16px}
.superz-chip{display:inline-flex; gap:8px; align-items:center; padding:8px 10px; border-radius:999px; background: rgba(255,255,255,.06); border:1px solid rgba(245,238,230,.10); color: var(--superz-muted); font-size:12px}

.superz-hero__art{position:absolute; inset:0; pointer-events:none; opacity:.95; z-index:1}
.superz-beans{position:absolute; right:-160px; top: -30px; width: 720px; height: 420px; transform: rotate(-10deg);
  background:
    radial-gradient(circle at 12% 28%, #6b442b 0 7px, transparent 8px),
    radial-gradient(circle at 18% 58%, #5b3a25 0 7px, transparent 8px),
    radial-gradient(circle at 22% 40%, #704a30 0 7px, transparent 8px),
    radial-gradient(circle at 30% 18%, #5e3c26 0 7px, transparent 8px),
    radial-gradient(circle at 36% 52%, #6b442b 0 7px, transparent 8px),
    radial-gradient(circle at 44% 32%, #5b3a25 0 7px, transparent 8px),
    radial-gradient(circle at 52% 58%, #704a30 0 7px, transparent 8px),
    radial-gradient(circle at 60% 26%, #5e3c26 0 7px, transparent 8px),
    radial-gradient(circle at 68% 50%, #6b442b 0 7px, transparent 8px),
    radial-gradient(circle at 76% 18%, #5b3a25 0 7px, transparent 8px),
    radial-gradient(circle at 84% 40%, #704a30 0 7px, transparent 8px),
    radial-gradient(circle at 90% 60%, #5e3c26 0 7px, transparent 8px);
  filter: drop-shadow(0 18px 40px rgba(0,0,0,.55));
}

/* Cards */
.superz-card{border-radius: 26px; background: rgba(255,255,255,.04); border: 1px solid rgba(245,238,230,.10); box-shadow: 0 16px 40px rgba(0,0,0,.30)}
.superz-card--pad{padding:20px}

/* Menu cards (Pinterest-like) */
.superz-menu{display:grid; grid-template-columns: repeat(12, 1fr); gap:18px}
.superz-menu__item{grid-column: span 4; overflow:hidden}
.superz-menu__img{aspect-ratio: 4/3; width:100%; object-fit:cover; display:block; border-bottom:1px solid rgba(245,238,230,.08)}
.superz-menu__body{padding:18px}
.superz-price{display:flex; gap:10px; align-items:baseline; justify-content:space-between}
.superz-price strong{color: var(--superz-text)}
.superz-price span{color: var(--superz-accent)}

@media (max-width: 980px){
  .superz-beans{right:-260px; top: -40px; transform: rotate(-8deg) scale(.95)}
  .superz-menu__item{grid-column: span 12}
}