/* ============================================
   THEME: PETISCARIA
   Palette: Amarelo (dominante), Azul escuro, Vermelho
   ============================================ */

:root {
  --c-yellow:     #FFC93C;
  --c-yellow-2:   #FFB000;
  --c-yellow-dim: #F4A300;
  --c-deep:       #0E1F3D;
  --c-deep-2:     #16305C;
  --c-red:        #E63946;
  --c-red-2:      #C1121F;
  --c-cream:      #FFF8E1;

  --bg: #0E1F3D;
  --bg-gradient:
    radial-gradient(1200px 700px at 80% -10%, rgba(255,201,60,0.30), transparent 60%),
    radial-gradient(900px 700px at 0% 50%, rgba(230,57,70,0.20), transparent 60%),
    radial-gradient(900px 700px at 50% 120%, rgba(22,48,92,0.7), transparent 60%),
    linear-gradient(180deg, #0E1F3D 0%, #08152C 70%, #050E1F 100%);
  --text: var(--c-cream);

  --bubble:        rgba(255, 201, 60, 0.45);
  --bubble-hl:     rgba(255, 255, 255, 0.85);
  --bubble-border: rgba(255, 248, 225, 0.4);

  --mark-bg: linear-gradient(160deg, var(--c-yellow) 0%, var(--c-yellow-2) 100%);
  --mark-border: rgba(255,255,255,0.7);
  --mark-shadow: rgba(255,176,0,0.5);
  --mark-inset: rgba(255,255,255,0.7);
  --mark-ring: rgba(230,57,70,0.7);

  --brand-color: var(--c-yellow);
  --brand-accent: var(--c-red);

  --tag-bg: rgba(230,57,70,0.12);
  --tag-border: rgba(230,57,70,0.35);
  --tag-text: var(--c-yellow);
  --tag-dot: var(--c-red);

  --section-title: rgba(255,201,60,0.7);

  --card-bg: rgba(22,48,92,0.55);
  --card-bg-hover: rgba(22,48,92,0.85);
  --card-border: rgba(255,201,60,0.20);
  --card-border-hover: rgba(255,201,60,0.7);
  --card-shadow: rgba(0,0,0,0.45);
  --card-shadow-hover: rgba(255,176,0,0.4);
  --card-shine: linear-gradient(135deg, transparent 0%, rgba(255,201,60,0.12) 50%, transparent 100%);
  --card-sweep: rgba(255,201,60,0.30);
  --card-text: var(--c-cream);
  --card-title: var(--c-cream);
  --card-sub: rgba(255,248,225,0.6);

  --icon-bg: linear-gradient(160deg, var(--c-red) 0%, var(--c-red-2) 100%);
  --icon-border: rgba(255,201,60,0.5);
  --icon-color: var(--c-yellow);

  --arrow-bg: rgba(255,201,60,0.12);
  --arrow-bg-hover: var(--c-yellow);
  --arrow-color: var(--c-yellow);

  --foot-color: rgba(255,201,60,0.45);
  --foot-pill-bg: rgba(255,201,60,0.06);
  --foot-pill-border: rgba(255,201,60,0.20);
  --foot-pill-text: rgba(255,248,225,0.7);
  --foot-pill-bg-hover: rgba(255,201,60,0.25);
  --foot-pill-text-hover: var(--c-cream);
  --foot-pill-bg-current: var(--c-yellow);
  --foot-pill-text-current: var(--c-deep);
}

.petiscaria .card-icon.icon-wa {
  background: linear-gradient(160deg, #25D366 0%, #128C7E 100%);
  color: #fff;
}

.petiscaria .store-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 9px;
  border-radius: 999px;
  background: rgba(230,57,70,0.18);
  border: 1px solid rgba(230,57,70,0.45);
  color: var(--c-red);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 4px;
  align-self: flex-start;
}

.petiscaria .bubble:nth-child(3n) {
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.85), rgba(230,57,70,0.4) 60%, transparent 70%);
  border-color: rgba(230,57,70,0.4);
}