/*
Theme Name: MeetSales
Theme URI: https://meetsales.com.br
Author: MeetSales / Rafael Cassio
Author URI: https://meetsales.com.br
Description: Block theme (FSE) institucional da MeetSales — perfil visual "genlabs" (claro, clean, SaaS/tech, glassmorphism). HTML limpo, rápido e com SEO. Sem Elementor. Transições nativas (View Transitions + Speculation Rules) e hardening de segurança.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: meetsales
Tags: full-site-editing, block-patterns, custom-colors, custom-logo, blog, business, one-column
*/

/* =========================================================
   TRANSIÇÕES DE PÁGINA — View Transitions API (nativo)
   Easing humano (curto/assimétrico), nunca ease 500ms.
   ========================================================= */
@view-transition { navigation: auto; }

::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 280ms;
  animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* Header persiste entre páginas (continuidade = não parece "efeito") */
.ms-header { view-transition-name: ms-header; }

@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) { animation: none !important; }
}

/* =========================================================
   PERFIL GENLABS — superfícies, vidro, gradientes
   (usa as variáveis geradas pelo theme.json)
   ========================================================= */
:root {
  --ms-ink: var(--wp--preset--color--ink, #18181B);
  --ms-accent: var(--wp--preset--color--accent, #FB923C);
  --ms-violet: var(--wp--preset--color--violet, #8B5CF6);
  --ms-indigo: var(--wp--preset--color--indigo, #6366F1);
  --ms-border: var(--wp--preset--color--border, #E5E7EB);
}

body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* Vidro fosco (cards, navbar) */
.ms-glass {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--ms-border);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);
}

/* Navbar sticky em vidro */
.ms-header {
  position: sticky; top: 0; z-index: 50;
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--ms-border);
}

/* Texto em gradiente tech */
.ms-gradient-text {
  background: linear-gradient(135deg, var(--ms-violet), var(--ms-indigo));
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}

/* Badge / pill */
.ms-pill {
  display: inline-flex; align-items: center; gap: .5rem;
  padding: .35rem .9rem; border-radius: 9999px;
  font-size: .8125rem; font-weight: 600; letter-spacing: .02em;
  background: var(--wp--preset--color--accent-soft, #FED7AA);
  color: #7c2d12;
}

/* Hero com glow sutil */
.ms-hero {
  position: relative; overflow: hidden;
  background:
    radial-gradient(60rem 30rem at 70% -10%, rgba(139,92,246,.10), transparent 60%),
    radial-gradient(50rem 25rem at 10% 10%, rgba(251,146,60,.10), transparent 55%),
    var(--wp--preset--color--base, #fff);
}

/* Cards de feature com hover sutil */
.ms-feature {
  border: 1px solid var(--ms-border); border-radius: 1rem;
  background: #fff; transition: transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease;
}
.ms-feature:hover { transform: translateY(-3px); box-shadow: 0 12px 32px rgba(0,0,0,.07); }

/* Seção CTA em gradiente */
.ms-cta {
  background: linear-gradient(135deg, var(--ms-violet), var(--ms-indigo));
  border-radius: 1.5rem; color: #fff;
}
.ms-cta :where(h1,h2,h3,p){ color:#fff; }

/* Imagens com cantos suaves */
.wp-block-image img { border-radius: .75rem; }