/*
Theme Name: Escala Comercial Fundadora
Theme URI: https://escalacomercialfundadora.com.br
Author: Daniele Siqueira
Description: Tema WordPress do blog Escala Comercial Fundadora, adaptado a partir do projeto React/Tailwind original (Lovable). Cores extraídas da logo (roxo + verde).
Version: 0.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: escala-comercial-fundadora
*/

:root {
  /* Valores oficiais da página 17 do Manual da Marca ("Paleta de cores").
     Preto Institucional não veio com hex impresso no manual (só o nome do
     swatch), o valor abaixo é estimativa visual a partir do fundo escuro
     usado no restante do documento, ainda vale conferir. */
  --color-background: #FAF8F5;
  --color-foreground: #05141F;
  --color-primary: #7B3AED;
  --color-primary-foreground: #FFFFFF;
  --color-accent: #0DB14B;
  --color-accent-light: #39D26D;
  --color-muted: #F0EDE7;
  --color-muted-foreground: #6B6B6B;
  --color-border: #E6E6E6;
  --color-card: #FFFFFF;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background-color: var(--color-background);
  color: var(--color-foreground);
  font-family: 'Inter', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* Tipografia oficial da marca (manual, página 18): Poppins pra títulos,
   Inter pro texto corrido. O projeto original em React usava DM Sans,
   que não é a fonte da marca. */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', system-ui, sans-serif;
}

img {
  max-width: 100%;
  display: block;
}

a {
  color: inherit;
}

.container-blog {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media (min-width: 768px) {
  .container-blog {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only.focus\:not-sr-only:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

/* Modal simples (BookingDialog / NewsletterDialog) */
.ecf-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(26, 11, 46, 0.5);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  z-index: 100;
}

.ecf-modal-overlay.is-open {
  display: flex;
}

.ecf-modal {
  background: var(--color-card);
  border-radius: 1rem;
  max-width: 28rem;
  width: 100%;
  padding: 2rem;
  position: relative;
}

.ecf-modal-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.25rem;
  line-height: 1;
  color: var(--color-muted-foreground);
}

/* Formulário do MailPoet (classes geradas pelo próprio plugin, fora do
   alcance das classes Tailwind do tema, o Preflight do Tailwind zera a
   aparência padrão de input/button, então precisam de estilo manual aqui). */
.mailpoet_form .mailpoet_text,
.mailpoet_form .mailpoet_email,
.mailpoet_form input[type="email"],
.mailpoet_form input[type="text"] {
  display: block;
  width: 100% !important;
  height: 3rem;
  padding: 0 1rem;
  margin-bottom: 0.75rem;
  border: 1px solid var(--color-border) !important;
  border-radius: 0.375rem;
  background: var(--color-background);
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.875rem;
  box-sizing: border-box;
}

.mailpoet_form .mailpoet_text:focus,
.mailpoet_form input[type="email"]:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.mailpoet_form .mailpoet_submit,
.mailpoet_form input[type="submit"],
.mailpoet_form button[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: 3rem;
  padding: 0 1.5rem;
  border: none !important;
  border-radius: 0.375rem;
  background: var(--color-primary) !important;
  color: var(--color-primary-foreground) !important;
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  cursor: pointer;
  box-sizing: border-box;
}

.mailpoet_form .mailpoet_submit:hover,
.mailpoet_form input[type="submit"]:hover {
  opacity: 0.9;
}

.mailpoet_form .mailpoet_paragraph {
  margin: 0;
}