/* =====================================================================
   Tema "boteco-classico" — mesmo formato do tema "represa", com cara de
   boteco antigo: parede de azulejos do cardápio, luminárias amarelas e
   balcão de madeira (imagem de fundo), vidro escuro quente, logo em
   círculo branco com aro de latão e botões coloridos em cápsula.
   Só vale para páginas listadas em THEMES (assets/js/config.js).
   ===================================================================== */
.theme-boteco-classico {
  --k-brass: #c9a36a;
  --k-ink: #1c1c1c;
  --k-text: 'Rubik', system-ui, sans-serif;
  --k-title: 'Bebas Neue', Impact, sans-serif;
  --muted: #e6d9c4;
  --ink-2: #efe4d2;
  color: #fff8ee;
  font-family: var(--k-text);
}

/* Fundo: parede de azulejos com luminárias e balcão de madeira */
.theme-boteco-classico.pub-body {
  background: #1d120a url('/assets/img/boteco-fundo.webp') center top / 100% auto no-repeat;
}
@media (min-aspect-ratio: 3/4) {
  .theme-boteco-classico.pub-body { background-size: cover; background-position: center 20%; }
}
.theme-boteco-classico .pub-wrap { position: relative; padding-top: 30px; padding-bottom: 40px; }

/* Cartão: vidro escuro e quente, discreto */
.theme-boteco-classico .pub-card {
  margin-top: 170px;
  padding: 112px 18px 24px;
  background: linear-gradient(180deg, rgba(36, 22, 12, .5), rgba(30, 18, 10, .72));
  -webkit-backdrop-filter: blur(12px) saturate(1.05); backdrop-filter: blur(12px) saturate(1.05);
  border: 1px solid rgba(255, 236, 205, .18);
  border-radius: 30px;
  box-shadow: 0 30px 70px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 236, 205, .1);
}

/* Logo em círculo branco com aro de latão */
.theme-boteco-classico .pub-logo {
  width: 186px; height: 186px; border-radius: 50%;
  background: #fff; color: var(--k-ink);
  font-family: var(--k-title); font-weight: 400; font-size: 64px;
  box-shadow: 0 0 0 2px var(--k-brass), 0 0 0 8px rgba(255, 236, 205, .2), 0 0 0 10px var(--k-brass), 0 22px 44px rgba(0, 0, 0, .55);
}
.theme-boteco-classico .pub-logo.has-img { background: #fff; }
/* A própria imagem é recortada em círculo: no celular com modo escuro forçado
   o logo continua redondo, sem cantos escuros */
.theme-boteco-classico .pub-logo img { width: 100%; height: 100%; padding: 0; object-fit: contain; border-radius: 50%; transform: scale(.94); }

/* Com logotipo, o nome escrito some (o logo já tem o nome); fica só para leitores de tela */
.theme-boteco-classico .pub-logo.has-img + .pub-name { font-size: 0; line-height: 0; color: transparent; margin: 0; }

.theme-boteco-classico .pub-name {
  font-family: var(--k-title); font-weight: 400; text-transform: uppercase; letter-spacing: .03em;
  font-size: clamp(34px, 10vw, 44px); line-height: 1; color: #fff; margin: 4px 0 6px;
}
.theme-boteco-classico .pub-desc { font-family: var(--k-text); font-weight: 500; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: #e6d9c4; }
.theme-boteco-classico .pub-links { margin-top: 14px; gap: 12px; }

/* Botões: cápsulas com as cores aprovadas do BenVindo */
.theme-boteco-classico .pub-link {
  --c: #2457d6; --fg: #fff;
  min-height: 60px; border-radius: 999px; padding: 8px 20px 8px 8px;
  background: var(--c); color: var(--fg); border: 2px solid rgba(0, 0, 0, .55);
  box-shadow: 0 10px 22px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .25), inset 0 -3px 0 rgba(0, 0, 0, .16);
  font-family: var(--k-text); font-weight: 700; font-size: 15px; text-transform: uppercase; letter-spacing: .04em;
}
.theme-boteco-classico .pub-link:hover { transform: translateY(-2px); }
.theme-boteco-classico .pub-link:active { transform: translateY(1px) scale(.99); filter: none; }
.theme-boteco-classico .pub-link:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.theme-boteco-classico .pub-link__icon { width: 44px; height: 44px; border-radius: 50%; background: #fff; color: var(--c); border: 2px dashed var(--c); }
.theme-boteco-classico .pub-link__icon .icon { width: 21px; height: 21px; }
.theme-boteco-classico .pub-link__chev { color: var(--fg); opacity: .85; }

.theme-boteco-classico .t-google_reviews { --c: #2457d6; }
.theme-boteco-classico .t-wifi { --c: #ffb02a; --fg: var(--k-ink); }
.theme-boteco-classico .t-instagram { --c: #c2255c; }
.theme-boteco-classico .t-whatsapp { --c: #13803f; }
.theme-boteco-classico .t-menu { --c: #c43d0b; }
.theme-boteco-classico .t-location { --c: #c92a2a; }
.theme-boteco-classico .t-website { --c: #2f7d6c; }
.theme-boteco-classico .t-facebook { --c: #1c4fbf; }
.theme-boteco-classico .t-tiktok { --c: #1c1c1c; }
.theme-boteco-classico .t-custom { --c: #7048e8; }
.theme-boteco-classico .t-wifi .pub-link__icon { color: var(--k-ink); border-color: var(--k-ink); }
.theme-boteco-classico .t-tiktok .pub-link__icon .icon { filter: none; }

/* Painel do Wi-Fi: vidro escuro */
.theme-boteco-classico .wifi { background: rgba(255, 236, 205, .08); border: 1px dashed rgba(255, 236, 205, .4); border-radius: 22px; font-family: var(--k-text); color: #fff; }
.theme-boteco-classico .wifi__row { border-bottom-color: rgba(255, 236, 205, .18); }
.theme-boteco-classico .wifi__k { color: var(--k-brass); font-weight: 700; letter-spacing: .14em; }
.theme-boteco-classico .wifi__v { color: #fff; font-weight: 700; }
.theme-boteco-classico .wifi__tip { color: #efe4d2; }
.theme-boteco-classico .chip,
.theme-boteco-classico .wifi__qr-btn { font-size: 13px; letter-spacing: .02em; background: rgba(255, 236, 205, .1); border: 1px solid rgba(255, 236, 205, .4); border-radius: 999px; color: #fff; font-family: var(--k-text); font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.theme-boteco-classico .chip.is-done { background: #13803f; border-color: #13803f; color: #fff; }
.theme-boteco-classico .wifi__qr svg { border: 0; border-radius: 16px; background: #fff; padding: 6px; }
.theme-boteco-classico .wifi__qr p { color: #efe4d2; }

/* Mensagens, carregamento e rodapé */
.theme-boteco-classico .pub-retry { background: #fff; color: var(--k-ink); border-radius: 999px; font-family: var(--k-text); }
.theme-boteco-classico .skeleton { background: linear-gradient(90deg, rgba(255, 236, 205, .08) 25%, rgba(255, 236, 205, .16) 50%, rgba(255, 236, 205, .08) 75%); background-size: 200% 100%; }
.theme-boteco-classico .sk-btn { border-radius: 999px; }
.theme-boteco-classico .pub-card--loading .pub-logo { box-shadow: none; }
.theme-boteco-classico .pub-footer { margin-top: 24px; color: rgba(255, 248, 238, .72); font-family: var(--k-text); font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase; }
.theme-boteco-classico .pub-footer .gac-mark { background: none; -webkit-text-fill-color: var(--k-brass); color: var(--k-brass); font-family: var(--k-title); font-size: 18px; letter-spacing: .14em; }

@media (min-width: 720px) {
  .theme-boteco-classico .pub-wrap { justify-content: flex-start; padding-top: 48px; }
}

.theme-boteco-classico .wifi__qr-btn { font-size: 13px; letter-spacing: .02em; }