/* =================================================================
   CLINTY — Base Styles (base.css)
   Reset, tipografia base, e estilos fundamentais.
   Carregado APÓS vendors.min.css e style.min.css
   ================================================================= */

/* ─── Google Fonts — Preload via link, sem @import ─── */
/* Removidos os @import bloqueantes de style.css.
   As fontes agora são carregadas via <link> no HTML com font-display: swap */

/* ─── Reset Adicional ─── */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  font-family: var(--font-body);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

img {
  max-width: 100%;
  height: auto;
}

/* ─── Semântica ─── */
main {
  display: block; /* IE11 */
}

/* ─── Links ─── */
a {
  transition: color var(--transition-base);
}

a:focus-visible {
  outline: 2px solid var(--clinty-orange);
  outline-offset: 2px;
}

/* ─── Headings Clinty ─── */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
}

/* ─── Display (Bebas Neue) para textos decorativos grandes ─── */
.alt-font.fs-350, .alt-font.xl-fs-300, .alt-font.lg-fs-250,
.alt-font.fs-300, .alt-font.xl-fs-180, .alt-font.sm-fs-150,
.alt-font.fs-200,
.alt-font.fs-180, .alt-font.xs-fs-120 {
  font-family: var(--font-display) !important;
}

/* ─── Texto base color override ─── */
.text-base-color {
  color: var(--clinty-orange) !important;
}

.bg-base-color {
  background-color: var(--clinty-orange) !important;
}

/* ─── Seleção de texto ─── */
::selection {
  background-color: var(--clinty-orange);
  color: var(--clinty-white);
}

::-moz-selection {
  background-color: var(--clinty-orange);
  color: var(--clinty-white);
}

/* ─── Skip Link (acessibilidade) ─── */
.skip-link {
  position: absolute;
  top: -100%;
  left: 50%;
  transform: translateX(-50%);
  background: var(--clinty-orange);
  color: var(--clinty-white);
  padding: var(--space-xs) var(--space-sm);
  z-index: 100000;
  font-weight: 600;
  border-radius: var(--radius-sm);
  transition: top var(--transition-fast);
}

.skip-link:focus {
  top: var(--space-xs);
}

/* ─── Utility: última paragraph sem margin ─── */
.last-paragraph-no-margin p:last-of-type {
  margin-bottom: 0;
}

/* ─── Utility: light opacity text ─── */
.text-light-opacity {
  opacity: 0.65;
}