/*
 * Lojas (PCGBUR-4, 08/11/2026): layout e marcação do Kingdom Sushi (plugin pcg-locations = fork do hyper-wpsl-custom),
 * com a pele da PCG por cima. Ordem de carga: tailwind-wpsl → hyper-wpsl.css (Kingdom) → este arquivo.
 * Aqui só cor, fonte, raio e o CSS que no Kingdom morava inline no tema (hero de /locations/ e "Explore More").
 * Tudo sob body.pcg-lojas (inc/locations.php), para ganhar do Tailwind e do CSS herdado sem tocar neles.
 * Regras do plano: dourado --ouro no acento/CTA, Anton nos títulos, Lato no texto, sem eyebrow, ritmo no celular.
 */

/* ── Base: o fundo é o do site; as classes claras do Kingdom viram escuras ─────────────────────── */
body.pcg-lojas { background: var(--fundo); color: var(--texto); }
body.pcg-lojas main { font-family: var(--f-texto); }
body.pcg-lojas main .bg-white,
body.pcg-lojas main .bg-hyper-cream,
body.pcg-lojas main .store-page-content { background: var(--fundo) !important; }
body.pcg-lojas main .bg-hyper-green { background: var(--superficie) !important; }
body.pcg-lojas main .text-black,
body.pcg-lojas main .text-gray-800,
body.pcg-lojas main .text-gray-700 { color: var(--texto) !important; }
body.pcg-lojas main .text-gray-600,
body.pcg-lojas main .text-gray-500 { color: var(--texto-2) !important; }
body.pcg-lojas main .text-gray-400,
body.pcg-lojas main .text-gray-300 { color: var(--texto-mudo) !important; }
body.pcg-lojas main a:hover { color: var(--ouro-vivo) !important; }
body.pcg-lojas main .border-gray-200,
body.pcg-lojas main .border-gray-100 { border-color: var(--linha) !important; }

/* fontes do Kingdom (Libre Bodoni nos títulos, Poppins no texto) → Anton / Lato */
body.pcg-lojas main [style*="Libre Bodoni"],
body.pcg-lojas main h1,
body.pcg-lojas main .ks-loc-card__title,
body.pcg-lojas main .hyper-store-name {
  font-family: var(--f-display) !important; font-weight: 400 !important; letter-spacing: .01em; text-transform: uppercase;
}
body.pcg-lojas main [style*="Poppins"] { font-family: var(--f-texto) !important; }
body.pcg-lojas main h3.uppercase,
body.pcg-lojas main h2.uppercase.tracking-wider { font-family: var(--f-display); font-weight: 400; letter-spacing: .04em; font-size: 1.5rem; }

/* ── Hero das telas de lista (/locations/, /all-locations/, estado, cidade): o hero padrao do tema
   (template-parts/hero-pagina.php + theme.css, 09/11/2026). Nada dele aqui. ──────────────────────────── */

/* ── Cartões de estado / cidade / unidade (ks-loc-card) ────────────────────────────────────────── */
body.pcg-lojas .ks-loc-card {
  background: var(--superficie); border: 1px solid var(--linha); border-top: 2px solid var(--ouro);
  border-radius: var(--raio); color: var(--texto-2); box-shadow: none;
}
body.pcg-lojas .ks-loc-card:hover { border-color: rgba(202, 165, 95, .55); border-top-color: var(--ouro-vivo); }
body.pcg-lojas .ks-loc-card__title { color: var(--texto); font-size: clamp(1.75rem, 2.4vw, 2.125rem); line-height: 1; }
body.pcg-lojas .ks-loc-card:hover .ks-loc-card__title { color: var(--ouro-vivo); }
body.pcg-lojas .ks-loc-card__meta { color: var(--texto-2); }
body.pcg-lojas .ks-loc-card__foot { border-top-color: var(--linha); }
body.pcg-lojas .ks-loc-card__cta { color: var(--ouro); }
body.pcg-lojas .ks-loc-card__secondary { color: var(--texto); }
body.pcg-lojas .ks-loc-card__secondary:hover,
body.pcg-lojas .ks-loc-card__secondary:focus { color: var(--ouro-vivo); }
body.pcg-lojas .ks-loc-card__link:focus-visible::after { outline-color: var(--ouro); box-shadow: none; }

/* status Open/Closed e selo Coming Soon */
body.pcg-lojas .hyper-store-status { font-family: var(--f-texto); }
body.pcg-lojas .hyper-store-status--open { background: rgba(202, 165, 95, .14) !important; color: var(--ouro-vivo) !important; }
body.pcg-lojas .hyper-store-status--open .hyper-status-dot { background: var(--ouro-vivo) !important; }
body.pcg-lojas .hyper-store-status--closed { background: rgba(247, 237, 218, .08) !important; color: var(--texto-2) !important; }
body.pcg-lojas .hyper-store-status--closed .hyper-status-dot { background: var(--texto-mudo) !important; }
body.pcg-lojas .hyper-status-next { color: inherit !important; opacity: .85; }
body.pcg-lojas .hyper-coming-soon-tag {
  background: transparent !important; color: var(--ouro) !important; border: 1px dashed rgba(202, 165, 95, .6) !important;
  box-shadow: none !important; border-radius: var(--raio) !important;
}
body.pcg-lojas .hyper-coming-soon-tag::after { display: none; }
body.pcg-lojas .hyper-coming-soon-tag .hyper-cs-label,
body.pcg-lojas .hyper-coming-soon-tag .hyper-cs-icon { color: var(--ouro) !important; }
body.pcg-lojas .hyper-coming-soon-tag .hyper-cs-dot { background: var(--ouro); box-shadow: none; }

/* ── /locations/: localizador (painel do Kingdom) ──────────────────────────────────────────────── */
body.pcg-lojas .wpsl-container-wrap { max-width: 1400px; margin: 0 auto; padding: clamp(32px, 5vw, 64px) var(--gutter); }
body.pcg-lojas #wpsl-wrap { border: 1px solid var(--linha); border-radius: var(--raio); box-shadow: none; background: var(--superficie); }
body.pcg-lojas #wpsl-left-panel { background: var(--superficie); }
body.pcg-lojas #wpsl-search-header { background: var(--fundo); border-bottom: 2px solid var(--ouro); }
body.pcg-lojas #wpsl-search-header label { font-family: var(--f-display); font-weight: 400; font-size: 1.25rem; letter-spacing: .03em; color: var(--texto); }
body.pcg-lojas #wpsl-search-input { background: var(--superficie); color: var(--texto); border: 1px solid var(--linha); border-radius: var(--raio); }
body.pcg-lojas #wpsl-search-input::placeholder { color: var(--texto-mudo); }
body.pcg-lojas #wpsl-search-input:focus { outline: 2px solid var(--ouro); outline-offset: 1px; }
body.pcg-lojas #hyper-use-location { color: var(--texto-2); }
body.pcg-lojas #ks-type-filter-bar { background: var(--superficie); border-bottom-color: var(--linha); }
body.pcg-lojas .ks-cs-toggle { background: transparent; color: var(--ouro); border: 1px dashed rgba(202, 165, 95, .6); border-radius: var(--raio); }
body.pcg-lojas .ks-cs-toggle--active { background: var(--ouro); color: var(--fundo); border-style: solid; }
body.pcg-lojas .ks-cs-toggle-dot { background: currentColor; }
body.pcg-lojas #ks-type-no-results { color: var(--texto-2); }
body.pcg-lojas #wpsl-wrap #wpsl-result-list ul li { border-bottom: 1px solid var(--linha) !important; }
body.pcg-lojas #wpsl-wrap #wpsl-result-list ul li.pcg-loc-ativa { box-shadow: inset 3px 0 0 var(--ouro); }
body.pcg-lojas #wpsl-stores li.pcg-oculta { display: none !important; }
body.pcg-lojas .hyper-store-name,
body.pcg-lojas .hyper-store-number,
body.pcg-lojas .hyper-store-distance { color: var(--texto) !important; }
body.pcg-lojas .hyper-store-name { font-size: 1.625rem; line-height: 1; }
body.pcg-lojas a.hyper-store-name:hover { color: var(--ouro-vivo) !important; }
body.pcg-lojas .hyper-store-address,
body.pcg-lojas .hyper-store-address-link,
body.pcg-lojas .hyper-store-phone,
body.pcg-lojas .hyper-store-phone-link,
body.pcg-lojas .hyper-store-type-item { color: var(--texto-2) !important; font-size: .9375rem; }
body.pcg-lojas .hyper-store-address svg,
body.pcg-lojas .hyper-store-phone svg { color: var(--ouro); fill: var(--ouro); }
body.pcg-lojas .hyper-store-address svg path,
body.pcg-lojas .hyper-store-phone svg path { fill: var(--ouro); }
/* ── Cartão da lista, compacto (PCGBUR-24, 11/11/2026): cliente achou grande. Respiros de 12px viram 4–6px, endereço
   e telefone em corpo menor, e as ações numa linha só: Pickup (dourado) | Delivery (contorno), metade cada. ───── */
body.pcg-lojas #wpsl-wrap #wpsl-result-list ul li { padding-bottom: 0; }
body.pcg-lojas .hyper-store-body { padding: 14px 6px 16px; margin: 0; }
body.pcg-lojas .hyper-store-new-header { margin-bottom: 6px; align-items: baseline; }
body.pcg-lojas .hyper-store-name { font-size: 1.5rem; }
body.pcg-lojas .hyper-store-distance { margin-top: 0; }
body.pcg-lojas .hyper-store-distance svg { fill: var(--ouro); } /* vinha fill="#000" no SVG: sumia no fundo escuro */
body.pcg-lojas .hyper-store-status,
body.pcg-lojas .hyper-coming-soon-tag { margin-bottom: 8px; }
body.pcg-lojas .hyper-store-phone,
body.pcg-lojas .hyper-store-address,
body.pcg-lojas .hyper-store-types { margin-bottom: 4px; }
body.pcg-lojas .hyper-store-address,
body.pcg-lojas .hyper-store-address-link,
body.pcg-lojas .hyper-store-phone,
body.pcg-lojas .hyper-store-phone-link,
body.pcg-lojas .hyper-store-type-item { font-size: .875rem; line-height: 1.35; }
body.pcg-lojas .hyper-store-type-item svg { width: 16px; height: 16px; }
body.pcg-lojas .hyper-store-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; }
body.pcg-lojas .hyper-btn-order,
body.pcg-lojas .hyper-btn-delivery {
  display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 0 12px;
  border-radius: var(--raio) !important; font: 700 .75rem/1 var(--f-texto); letter-spacing: .06em; text-transform: uppercase;
  text-decoration: none !important; transition: background-color .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease);
}
body.pcg-lojas .hyper-btn-order { background: var(--ouro) !important; border: 1px solid var(--ouro) !important; color: var(--fundo) !important; }
body.pcg-lojas .hyper-btn-order:hover { background: var(--ouro-vivo) !important; border-color: var(--ouro-vivo) !important; color: var(--fundo) !important; }
body.pcg-lojas .hyper-btn-delivery { background: transparent; border: 1px solid rgba(202, 165, 95, .6); color: var(--texto) !important; }
body.pcg-lojas .hyper-btn-delivery:hover { border-color: var(--ouro-vivo); color: var(--ouro-vivo) !important; }
@media (max-width: 767px) {
  body.pcg-lojas .hyper-btn-order,
  body.pcg-lojas .hyper-btn-delivery { min-height: 40px; } /* toque: um pouco mais alto que os 34px do desktop */
}
/* sem chave do Maps: o embed gratuito ocupa o lugar do mapa da API */
body.pcg-lojas #wpsl-gmap #pcg-loc-embed { display: block; width: 100%; height: 100%; min-height: 560px; border: 0; filter: grayscale(.35) contrast(1.05); }
body.pcg-lojas #wpsl-wrap.pcg-sem-chave #hyper-use-location { display: none; }
body.pcg-lojas #wpsl-wrap.pcg-sem-chave #wpsl-stores li { cursor: pointer; }
@media (max-width: 768px) {
  body.pcg-lojas #wpsl-gmap #pcg-loc-embed { min-height: 320px; }
}

/* ── /locations/: "Coming Soon" (no Kingdom, "Explore More") ──────────────────────────────────── */
body.pcg-lojas .explore-more-section { padding: clamp(48px, 7vw, 96px) var(--gutter); background: var(--fundo); border-top: 1px solid var(--linha); }
body.pcg-lojas .explore-more-section .main_title { text-align: center; margin-bottom: clamp(28px, 4vw, 48px); }
body.pcg-lojas .explore-more-section .main_title em { display: block; width: 60px; height: 2px; margin: 0 auto 18px; background: var(--ouro); }
body.pcg-lojas .explore-more-section h2 { font: 400 clamp(2.5rem, 5vw, 3.5rem)/1 var(--f-display); text-transform: uppercase; letter-spacing: .01em; color: var(--texto); margin: 0; }
body.pcg-lojas .explore-more-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: clamp(16px, 2.5vw, 32px); max-width: 1200px; margin: 0 auto; }
body.pcg-lojas .coming-soon-card {
  flex: 1 1 320px; max-width: 380px; display: flex; flex-direction: column; overflow: hidden;
  background: var(--superficie); border: 1px dashed rgba(202, 165, 95, .45); border-radius: var(--raio);
}
body.pcg-lojas .coming-soon-card .card-image-wrap img { display: block; width: 100%; height: 240px; object-fit: cover; }
body.pcg-lojas .coming-soon-card .card-content { padding: clamp(24px, 3vw, 32px); text-align: center; }
body.pcg-lojas .coming-soon-card h3 { font: 400 clamp(2rem, 3vw, 2.5rem)/1 var(--f-display); text-transform: uppercase; color: var(--texto); margin: 0 0 14px; }
body.pcg-lojas .coming-soon-card h3 a { color: inherit; text-decoration: none; }
body.pcg-lojas .coming-soon-card h3 a:hover { color: var(--ouro-vivo) !important; }
body.pcg-lojas .coming-soon-card .card-label { display: block; font-weight: 700; color: var(--ouro); margin-bottom: 6px; }
body.pcg-lojas .coming-soon-card p { margin: 0; color: var(--texto-2); line-height: 1.6; }
body.pcg-lojas .coming-soon-card p a { color: inherit; }

/* ── Página da unidade (single-wpsl_stores) ────────────────────────────────────────────────────── */
body.pcg-lojas .store-page-content nav[aria-label="Breadcrumb"] { color: var(--texto-mudo) !important; }
body.pcg-lojas .store-page-content nav[aria-label="Breadcrumb"] a { color: var(--texto-2); }
.pcg-loja-h1 { color: var(--texto) !important; font-size: clamp(3rem, 6vw, 5.25rem) !important; line-height: .92 !important; }
.pcg-loja-h1__marca { display: block; color: var(--ouro); font-size: .5em; letter-spacing: .03em; margin-bottom: .18em; }
.pcg-loja-topo--sem-foto { max-width: 820px; }
/* foto destacada da loja: inteira em 4:3 ate o lg; 420px de altura no desktop, ao lado dos dados (PCGBUR-41) */
.pcg-loja-foto { aspect-ratio: 4 / 3; }
@media (min-width: 1024px) { .pcg-loja-foto { aspect-ratio: auto; height: 420px; } }
/* botões do topo: Get Directions = contorno, Order Now = dourado (o Kingdom tinha .btn-red no CSS do tema dele) */
body.pcg-lojas .store-page-content .btn-red,
body.pcg-lojas .store-page-content a.bg-hyper-red {
  display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 22px;
  border-radius: var(--raio) !important; font: 700 .875rem/1 var(--f-texto); letter-spacing: .08em; text-transform: uppercase; text-decoration: none;
}
body.pcg-lojas .store-page-content .btn-red { border: 1px solid rgba(202, 165, 95, .7); color: var(--texto) !important; background: transparent; }
body.pcg-lojas .store-page-content .btn-red:hover { border-color: var(--ouro-vivo); color: var(--ouro-vivo) !important; }
body.pcg-lojas .store-page-content a.bg-hyper-red { background: var(--ouro) !important; color: var(--fundo) !important; border: 1px solid var(--ouro); }
body.pcg-lojas .store-page-content a.bg-hyper-red:hover { background: var(--ouro-vivo) !important; color: var(--fundo) !important; }
body.pcg-lojas .store-page-content .rounded-3xl,
body.pcg-lojas .store-page-content .rounded-xl { border-radius: var(--raio) !important; }
body.pcg-lojas .store-page-content a[href^="tel:"] { color: var(--texto); text-decoration-color: var(--ouro); text-underline-offset: 4px; }
.pcg-a-anunciar { color: var(--texto-mudo); font-size: .9375rem; }

/* horários: hoje = faixa dourada */
body.pcg-lojas .hyper-h-table th,
body.pcg-lojas .hyper-h-table td,
body.pcg-lojas .hyper-h-table table { color: var(--texto-2) !important; background: transparent !important; font-family: var(--f-texto); }
body.pcg-lojas .hyper-h-table tr:nth-child(even) th { background: transparent !important; }
body.pcg-lojas .hyper-h-table tr.hyper-today-row th,
body.pcg-lojas .hyper-h-table tr.hyper-today-row td { background: var(--ouro) !important; color: var(--fundo) !important; }
body.pcg-lojas .hyper-h-table tr.hyper-today-row th *,
body.pcg-lojas .hyper-h-table tr.hyper-today-row td * { color: var(--fundo) !important; } /* o <time> do horario ficava branco no dourado, 2,3:1 (PCGBUR-6) */
body.pcg-lojas .ks-cs-status-display { font-family: var(--f-display); font-weight: 400; color: var(--texto); text-transform: uppercase; }
body.pcg-lojas .ks-cs-status-display em { color: var(--ouro); font-style: normal; }
body.pcg-lojas .ks-cs-status-body { color: var(--texto-2); }

/* faixa Rewards (só onde há app) */
.pcg-loja-app { border-top: 1px solid var(--linha); border-bottom: 1px solid var(--linha); }
/* centrado em toda largura (padrao do site): o template poe titulo a esquerda e lojas de app a direita no md+ */
.pcg-loja-app .container > div { flex-direction: column !important; justify-content: center !important; text-align: center !important; } /* Tailwind do plugin vem com !important */
.pcg-loja-app h2 { font-family: var(--f-display) !important; font-weight: 400 !important; text-transform: uppercase; color: var(--texto) !important; }
.pcg-loja-app__loja {
  display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding: 0 18px;
  border: 1px solid rgba(247, 237, 218, .4); border-radius: 10px; color: var(--texto) !important; text-decoration: none;
}
.pcg-loja-app__loja span { display: flex; flex-direction: column; font: 700 1.0625rem/1.1 var(--f-texto); }
.pcg-loja-app__loja small { font-weight: 400; font-size: .6875rem; letter-spacing: .04em; color: var(--texto-2); }
.pcg-loja-app__loja:hover { border-color: var(--ouro-vivo); }

/* mapa da unidade e "Explore Other Locations" */
body.pcg-lojas .pcg-loja-mapa iframe { filter: grayscale(.35) contrast(1.05); }
body.pcg-lojas .pcg-loja-mapa .shadow-lg { box-shadow: none !important; border: 1px solid var(--linha); }
body.pcg-lojas main .bg-hyper-green.p-8 { border: 1px solid var(--linha) !important; border-top: 2px solid var(--ouro) !important; border-radius: var(--raio) !important; }
body.pcg-lojas main a.inline-block.bg-hyper-red {
  background: var(--ouro) !important; color: var(--fundo) !important; border-radius: var(--raio) !important; box-shadow: none !important;
}
body.pcg-lojas main a.inline-block.bg-hyper-red:hover { background: var(--ouro-vivo) !important; color: var(--fundo) !important; }

/* FAQ (quando houver, gerado no admin) e modais */
body.pcg-lojas main details { text-align: left; background: var(--superficie) !important; border-color: var(--linha) !important; color: var(--texto) !important; }
/* resposta e hover do FAQ: o render do plugin traz bg-gray-50 (quase branco) sob o texto creme */
body.pcg-lojas main details > summary:hover,
body.pcg-lojas main details > div { background: transparent !important; }
body.pcg-lojas main details > div { color: var(--texto-mudo) !important; font-size: 1rem; }
body.pcg-lojas main details > div.text-black a { color: var(--ouro) !important; }
body.pcg-lojas main details > div.text-black a:hover { color: var(--ouro-vivo) !important; }
body.pcg-lojas main details[open] > summary { color: var(--ouro) !important; }
body.pcg-lojas #promoModalContent { background: var(--superficie); }
body.pcg-lojas .lp-nav-btn { background: var(--ouro) !important; color: var(--fundo) !important; }

@media (max-width: 767px) {
  .pcg-loja-h1 { font-size: clamp(2.5rem, 12vw, 3.25rem) !important; }
}

/* links dentro de .text-black (o hyper-wpsl.css força #000 com !important) e título dos cartões numa linha */
body.pcg-lojas main .text-black a { color: var(--texto) !important; }
body.pcg-lojas main .text-black a:hover { color: var(--ouro-vivo) !important; }
body.pcg-lojas .ks-loc-card__title { font-size: clamp(1.5rem, 1.9vw, 1.75rem); }

/* ── Balão do pin no mapa (info window do Google, template pcg_custom_info_window_template do plugin) ──────────
 * Escuro, como o painel ao lado e o próprio pin: sobre o mapa claro do Google ele lê como peça da marca, não como
 * pop-up do Maps. Tudo com #wpsl-gmap no seletor para ganhar do CSS do WPSL (max-width 225px !important vindo da
 * opção infowindow_width, span {display:block}, p {margin}, e o box-sizing: content-box !important em #wpsl-gmap *). */
body.pcg-lojas #wpsl-gmap .gm-style-iw-c {
  padding: 0 !important; background: var(--fundo); color: var(--texto-2);
  border: 1px solid rgba(202, 165, 95, .35); border-top: 2px solid var(--ouro); border-radius: var(--raio);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .45) !important;
}
/* o Google limita o balão a (mapa - 126px) x (mapa - 167px): no mapa de 320px do celular isso virava uma janelinha com
 * rolagem. Sem o limite, o balão mede o conteúdo e o autopan do Maps o encaixa. */
body.pcg-lojas #wpsl-gmap .gm-style-iw-c { max-width: none !important; max-height: none !important; }
body.pcg-lojas #wpsl-gmap .gm-style-iw-d { overflow: visible !important; max-height: none !important; padding: 0 !important; }
body.pcg-lojas #wpsl-gmap .gm-style-iw-tc::after { background: var(--fundo); }
/* fechar: 44px, ícone claro, foco dourado; flutua no canto e o título reserva o espaço */
body.pcg-lojas #wpsl-gmap .gm-style-iw-chr { position: absolute; top: 2px; right: 2px; z-index: 2; }
body.pcg-lojas #wpsl-gmap .gm-ui-hover-effect { width: 44px !important; height: 44px !important; opacity: 1; border-radius: var(--raio) !important; }
body.pcg-lojas #wpsl-gmap .gm-ui-hover-effect span { margin: 10px !important; background-color: var(--texto-2) !important; }
body.pcg-lojas #wpsl-gmap .gm-ui-hover-effect:hover span { background-color: var(--ouro-vivo) !important; }
body.pcg-lojas #wpsl-gmap .gm-ui-hover-effect:focus-visible { outline: 2px solid var(--ouro-vivo); outline-offset: -4px; }

body.pcg-lojas #wpsl-gmap .pcg-iw,
body.pcg-lojas #wpsl-gmap .pcg-iw * { box-sizing: border-box !important; }
body.pcg-lojas #wpsl-gmap .pcg-iw {
  width: min(310px, calc(100vw - 64px)); max-width: none !important; padding: 14px 14px 12px;
  font: 400 .9375rem/1.45 var(--f-texto); color: var(--texto-2); text-align: left;
}
body.pcg-lojas #wpsl-gmap .pcg-iw p { margin: 0; }
body.pcg-lojas #wpsl-gmap .pcg-iw__titulo {
  display: block; margin: 0 36px 6px 0; color: var(--texto) !important; text-decoration: none;
  font: 400 1.5rem/1 var(--f-display); letter-spacing: .01em; text-transform: uppercase; text-wrap: balance;
}
body.pcg-lojas #wpsl-gmap a.pcg-iw__titulo:hover { color: var(--ouro-vivo) !important; }

/* status: uma linha de texto, sem pílula (a pílula do Kingdom quebrava em duas colunas) */
body.pcg-lojas #wpsl-gmap .pcg-iw .pcg-iw__status {
  display: block; margin: 0 0 8px; padding: 0; background: none !important; border-radius: 0;
  font-size: .75rem; font-weight: 700; white-space: nowrap; /* uma linha so, como na lista */ letter-spacing: 0; color: var(--texto) !important;
}
body.pcg-lojas #wpsl-gmap .pcg-iw .pcg-iw__status.hyper-store-status--open { color: var(--ouro-vivo) !important; }
body.pcg-lojas #wpsl-gmap .pcg-iw__status .hyper-status-dot {
  display: inline-block; width: 7px; height: 7px; margin: 0 7px 1px 0; vertical-align: middle;
}
body.pcg-lojas #wpsl-gmap .pcg-iw__status .hyper-status-next { display: inline; font-size: inherit; font-weight: 400; color: var(--texto-2); opacity: 1; }
body.pcg-lojas #wpsl-gmap .pcg-iw__breve {
  display: inline-block; margin: 0 0 10px; padding: 3px 10px; border: 1px dashed rgba(202, 165, 95, .6); border-radius: var(--raio);
  font: 700 .75rem/1.4 var(--f-texto); letter-spacing: .08em; text-transform: uppercase; color: var(--ouro);
}
body.pcg-lojas #wpsl-gmap .pcg-iw__especial { margin: -4px 0 10px; font-size: .8125rem; color: var(--ouro); }

/* telefone e endereço: linhas de 44px de alvo, ícone dourado alinhado à primeira linha */
body.pcg-lojas #wpsl-gmap .pcg-iw__dados { list-style: none; margin: 0; padding: 6px 0 2px; border-top: 1px solid var(--linha); font-size: .875rem; line-height: 1.35; }
body.pcg-lojas #wpsl-gmap .pcg-iw__dados li { display: flex; align-items: flex-start; gap: 10px; margin: 0; }
body.pcg-lojas #wpsl-gmap .pcg-iw__dados svg { flex: none; margin-top: 4px; fill: var(--ouro); }
body.pcg-lojas #wpsl-gmap .pcg-iw__dados a,
body.pcg-lojas #wpsl-gmap .pcg-iw__dados span { display: block; padding: 3px 0; color: var(--texto) !important; text-decoration: none; overflow-wrap: anywhere; }
body.pcg-lojas #wpsl-gmap .pcg-iw__dados a:hover { color: var(--ouro-vivo) !important; text-decoration: underline; text-underline-offset: 3px; }
/* tipos com o icone da lista (pcg_loc_tipos(), o mesmo SVG) */
body.pcg-lojas #wpsl-gmap .pcg-iw__tipos { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 4px 0 0; font-size: .8125rem; color: var(--texto-2); }
body.pcg-lojas #wpsl-gmap .pcg-iw__tipos span { display: inline-flex; align-items: center; gap: 6px; }
body.pcg-lojas #wpsl-gmap .pcg-iw__tipos svg { flex: none; width: 16px !important; height: 16px !important; margin: 0 !important; color: var(--ouro); fill: var(--ouro); }

/* ações = as da lista (PCGBUR-24): Pickup (dourado) e Delivery (contorno), metade cada */
body.pcg-lojas #wpsl-gmap .pcg-iw__acoes { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
body.pcg-lojas #wpsl-gmap .pcg-iw__btn {
  flex: 1 1 110px; display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 0 10px;
  border: 1px solid rgba(202, 165, 95, .6); border-radius: var(--raio); background: transparent;
  font: 700 .75rem/1 var(--f-texto); letter-spacing: .05em; text-transform: uppercase; white-space: nowrap;
  color: var(--texto) !important; text-decoration: none !important; transition: background-color .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease);
}
body.pcg-lojas #wpsl-gmap .pcg-iw__btn:hover { border-color: var(--ouro-vivo); color: var(--ouro-vivo) !important; }
body.pcg-lojas #wpsl-gmap .pcg-iw__btn--principal { background: var(--ouro); border-color: var(--ouro); color: var(--fundo) !important; }
body.pcg-lojas #wpsl-gmap .pcg-iw__btn--principal:hover { background: var(--ouro-vivo); border-color: var(--ouro-vivo); color: var(--fundo) !important; }
body.pcg-lojas #wpsl-gmap .pcg-iw a:focus-visible { outline: 2px solid var(--ouro-vivo); outline-offset: 2px; }
/* celular: o mapa tem 320px e o cartão da loja logo abaixo já traz telefone e endereço; o balão fica com
 * o essencial (qual loja, se está aberta, e as ações) para caber sem rolagem */
@media (max-width: 767px) {
  body.pcg-lojas #wpsl-gmap .pcg-iw { width: min(300px, calc(100vw - 80px)); padding: 16px; }
  body.pcg-lojas #wpsl-gmap .pcg-iw__titulo { font-size: 1.5rem; }
  body.pcg-lojas #wpsl-gmap .pcg-iw__dados,
  body.pcg-lojas #wpsl-gmap .pcg-iw__tipos { display: none; }
  body.pcg-lojas #wpsl-gmap .pcg-iw__acoes { margin-top: 4px; }
  body.pcg-lojas #wpsl-gmap .pcg-iw__btn { padding: 0 6px; min-height: 40px; }
  body.pcg-lojas #wpsl-gmap .pcg-iw .pcg-iw__status { font-size: .75rem; }
}
@media (max-width: 379.98px) {
  body.pcg-lojas #wpsl-gmap .pcg-iw .pcg-iw__status { white-space: normal; } /* balao de 280px: a linha nao cabe, quebra em vez de vazar */
}

/* ── Foco (PCGBUR-6) ───────────────────────────────────────────────────────────────────────────── */
/* lista do localizador: o CSS do WPSL zerava o anel dos links e botões dos cartões */
body.pcg-lojas #wpsl-wrap a:focus-visible,
body.pcg-lojas #wpsl-wrap button:focus-visible { outline: 2px solid var(--ouro-vivo) !important; outline-offset: 3px; }
/* dentro do mapa do Google o fundo é claro: o dourado dava 1,4:1. Anel escuro com borda clara, legível nos dois */
/* #wpsl-wrap no seletor: a regra dos links acima tem id e venceria (revisao). O balao .pcg-iw e escuro: fica com o dourado */
body.pcg-lojas #wpsl-wrap .gm-style :focus-visible:not(.pcg-iw *) { outline: 3px solid var(--fundo) !important; outline-offset: -3px !important; box-shadow: inset 0 0 0 5px #fff !important; }
/* FAQ da loja: o cartão tem overflow escondido e cortava 2 a 3 lados do anel da pergunta: anel por dentro */
body.pcg-lojas main details > summary:focus-visible { outline: 2px solid var(--ouro-vivo); outline-offset: -4px; }

/* Fachada do mapa (PSI, 11/11/2026): imagem leve no lugar do mapa ate o Google Maps carregar apos o load; some quando ha mapa. */
body.pcg-lojas #wpsl-gmap { position: relative; }
body.pcg-lojas #wpsl-gmap > #pcg-mapa-fachada { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; filter: grayscale(.35) contrast(1.05); }