/*
Theme Name: LOCMESAS
Theme URI: https://arpanetsites-pixel.github.io/locmesas/
Author: LOCMESAS Locações
Description: Tema cinematográfico preto e dourado da LOCMESAS Locações — locação de mesas e cadeiras em Goiânia. Abertura com vídeo que toca na rolagem, ícones 3D, botões de WhatsApp com mensagem pronta e tudo editável em Aparência → Personalizar → LOCMESAS. É só instalar e ativar.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: locmesas
Tags: one-column, custom-menu, custom-logo, dark, landing-page
*/

/* O visual principal está em estilo.css. Aqui ficam só os complementos do WordPress. */

/* Acessibilidade: link "pular para o conteúdo" (aparece só com Tab) */
.pular {
  position: absolute; left: 12px; top: -60px; z-index: 100; padding: 10px 16px; border-radius: 10px;
  background: var(--acento); color: var(--acento-texto); font-weight: 700; text-decoration: none; transition: top .2s;
}
.pular:focus { top: 12px; }

/* Logos com qualquer proporção não deformam */
.marca-logo, .rodape-logo { height: auto; }
.marca-logo { max-height: calc(var(--topo-h) - 14px); object-fit: contain; }

/* Barra preta do administrador (só aparece para quem está logado) */
.admin-bar .topo { top: 32px; }
.admin-bar .cine-palco { top: 32px; height: calc(100svh - 32px); }
@media (max-width: 782px) {
  .admin-bar .topo { top: 46px; }
  .admin-bar .cine-palco { top: 46px; height: calc(100svh - 46px); }
}
@media (max-width: 600px) {
  .admin-bar .topo { top: 0; }  /* no celular a barra rola junto com a página */
  .admin-bar .cine-palco { top: 0; height: 100svh; }
  .admin-bar.lm-inicio #wpadminbar { position: absolute; }
}

/* Menu do topo vindo do WordPress */
.menu a[aria-current="page"] { color: var(--acento); }

/* ── Avaliações ────────────────────────────────────────────────────────── */
.avaliacao { margin: 0; display: flex; flex-direction: column; gap: 14px; }
.avaliacao blockquote { margin: 0; flex: 1; }
.avaliacao blockquote p { color: var(--texto); font-size: 16px; margin: 0; }
.avaliacao figcaption { display: grid; gap: 2px; padding-top: 12px; border-top: 1px solid var(--linha); }
.avaliacao figcaption span { font-size: 13.5px; color: var(--texto-suave); }
.estrelas { display: flex; gap: 3px; color: var(--acento); }
.estrelas svg { width: 18px; height: 18px; }

/* ── Páginas internas (blog, páginas, busca, 404) ─────────────────────── */
.lm-interna .topo { background: rgb(11 9 8 / .92); box-shadow: 0 1px 0 var(--linha); }
.interna { padding: calc(var(--topo-h) + 40px) var(--gutter) 72px; min-height: 70vh; }
.interna-largura { width: 100%; max-width: 820px; margin: 0 auto; display: grid; gap: 18px; }
.interna-titulo { font-size: clamp(30px, 6vw, 52px); margin-bottom: .4em; }
.interna-meta { font-size: 13.5px; color: var(--acento); margin: 0 0 1em; letter-spacing: .04em; }
.interna-capa img { width: 100%; height: auto; border-radius: var(--raio); margin-bottom: 24px; }
.interna-item h2 { font-size: clamp(22px, 4vw, 30px); margin-bottom: .2em; }
.interna-item h2 a { text-decoration: none; }
.interna-item h2 a:hover { color: var(--acento); }
.interna-mais { color: var(--acento); font-weight: 600; text-decoration: none; }
.interna-voltar { margin-top: 24px; display: flex; justify-content: center; }
.interna-voltar .botao { max-width: 420px; }
.interna--404 .painel { display: grid; gap: 12px; justify-items: center; }
.interna--404 .botao { max-width: 380px; }
.botao--contorno { background: transparent; color: var(--texto); border: 1px solid var(--acento); box-shadow: none; }
.botao--contorno:hover { background: rgb(212 175 55 / .1); }

.conteudo { color: var(--texto-suave); font-size: 17px; }
.conteudo > * { margin-top: 0; margin-bottom: 1.1em; }
.conteudo h2, .conteudo h3, .conteudo h4 { color: var(--texto); margin-top: 1.6em; }
.conteudo a { color: var(--acento); }
.conteudo img, .conteudo figure { max-width: 100%; height: auto; border-radius: 12px; }
.conteudo ul, .conteudo ol { padding-left: 1.3em; }
.conteudo blockquote { margin-left: 0; padding: 4px 0 4px 18px; border-left: 3px solid var(--acento); color: var(--texto); }
.conteudo table { width: 100%; border-collapse: collapse; }
.conteudo th, .conteudo td { border: 1px solid var(--linha); padding: 8px 10px; }
.conteudo .alignleft { float: left; margin: 0 1.2em 1em 0; }
.conteudo .alignright { float: right; margin: 0 0 1em 1.2em; }
.conteudo .aligncenter { margin-left: auto; margin-right: auto; }
.conteudo .wp-block-button__link { background: var(--ouro); color: var(--acento-texto); border-radius: 14px; font-weight: 700; }

/* Paginação, busca e comentários */
.interna-paginacao .nav-links { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.interna-paginacao .page-numbers {
  min-width: 44px; height: 44px; padding: 0 12px; display: grid; place-items: center; border-radius: 12px;
  border: 1px solid var(--linha); text-decoration: none; color: var(--texto);
}
.interna-paginacao .page-numbers.current { background: var(--ouro); color: var(--acento-texto); border: 0; }
.search-form { display: flex; gap: 8px; }
.search-form label { flex: 1; }
.search-field, .comment-form input:not([type="submit"]):not([type="checkbox"]), .comment-form textarea {
  width: 100%; min-height: 48px; padding: 10px 14px; border-radius: 12px; font: inherit; color: var(--texto);
  background: rgb(0 0 0 / .35); border: 1px solid var(--linha);
}
.search-submit, .comment-form .submit {
  min-height: 48px; padding: 0 20px; border: 0; border-radius: 12px; font: 700 15px var(--fonte-texto);
  color: var(--acento-texto); background: var(--ouro); background-size: 200% 100%; cursor: pointer;
}
.interna-comentarios { margin-top: 32px; }
.interna-comentarios .comment-list { list-style: none; padding: 0; }
.screen-reader-text {
  border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px;
  overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;
}
.screen-reader-text:focus {
  clip: auto !important; clip-path: none; height: auto; width: auto; left: 8px; top: 8px; z-index: 100000;
  padding: 12px 20px; background: var(--fundo); color: var(--texto);
}

@media (min-width: 700px) {
  .interna { padding-top: calc(var(--topo-h) + 64px); }
}