/*
Theme Name:  MiniShop
Theme URI:   https://minishop.app
Author:      MiniShop
Author URI:  https://minishop.app
Description: Tema oficial do MiniShop. Leve, rápido e otimizado para a loja funcionar em tela cheia. Suporte nativo a analytics (GA4, Meta Pixel, GTM) e integrações futuras.
Version:     1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License:     GPL-2.0+
Text Domain: minishop-theme
Tags:        e-commerce, one-column, full-width-template, custom-colors, custom-logo
*/

/* ================================================================
   RESET MÍNIMO — só o necessário para não interferir no plugin
   O plugin usa prefixo #ms-store para todos os seus estilos.
================================================================ */

*, *::before, *::after { box-sizing: border-box; }

html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: #222;
  background: #fff;
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }

/* ================================================================
   LAYOUT BASE — páginas normais (não-loja)
================================================================ */

.site-header {
  background: #fff;
  border-bottom: 1px solid #eee;
  padding: 0 20px;
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  min-height: 60px;
}

.site-logo img { max-height: 48px; width: auto; }
.site-logo .site-name {
  font-size: 1.2rem;
  font-weight: 700;
  color: #222;
  text-decoration: none;
}

.site-nav { display: flex; gap: 24px; list-style: none; margin: 0; padding: 0; }
.site-nav a { font-size: .9rem; color: #444; text-decoration: none; transition: color .2s; }
.site-nav a:hover { color: #e91e8c; }

.site-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
}

.site-footer {
  background: #f7f7f7;
  border-top: 1px solid #eee;
  text-align: center;
  padding: 20px;
  font-size: .85rem;
  color: #888;
}

/* ================================================================
   TEMPLATE TELA CHEIA — página da loja com [minishop]
   Classe .ms-fullscreen-page adicionada via body_class()
================================================================ */

body.ms-fullscreen-page {
  overflow: hidden; /* o scroll é gerenciado pelo #ms-store interno */
}

/* Remove qualquer espaçamento que o tema pudesse adicionar */
body.ms-fullscreen-page .site-header,
body.ms-fullscreen-page .site-footer,
body.ms-fullscreen-page .site-content > *:not(.ms-fullscreen-wrap) {
  display: none !important;
}

/* Container da loja ocupa 100% do viewport */
body.ms-fullscreen-page .site-content {
  max-width: 100%;
  padding: 0;
  margin: 0;
}

.ms-fullscreen-wrap {
  width: 100%;
  min-height: 100dvh;
  min-height: 100vh; /* fallback */
}

/* Garante que o #ms-store tome 100% da largura */
.ms-fullscreen-wrap #ms-store {
  width: 100%;
  min-height: 100dvh;
  min-height: 100vh;
}

/* ================================================================
   UTILITÁRIOS
================================================================ */

.screen-reader-text {
  position: absolute;
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px);
  white-space: nowrap;
}

/* skip-link removido — não necessário */