/* Welkom Bij — Sprint 12.1
   Nieuwe typografie: Century Gothic
   Alleen visuele wijzigingen; geen functionaliteit of databasewijzigingen.
*/

:root {
  --wb-font-main: "Century Gothic", "Avenir Next", Avenir, "Trebuchet MS", Arial, sans-serif;
}

/* Hoofdtypografie */
html,
body,
button,
input,
select,
textarea,
option {
  font-family: var(--wb-font-main) !important;
  font-synthesis: none;
}

body {
  font-weight: 400;
  letter-spacing: -0.01em;
}

/* Alle klassieke serif-koppen vervangen */
h1, h2, h3, h4, h5, h6,
.v2-title,
.s12-hero h1,
.s12-next-visit h2,
.s12-stat-card strong,
.s12-card-heading h2,
.s12-date-badge strong,
.gift-admin-stats strong,
.gift-editor-card h2,
.gift-admin-list h2,
.gift-admin-item h3,
.public-gift-card h3,
.smart-product-card strong,
.smart-selected-product strong,
.gallery-title,
.guestbook-title,
.pregnancy-title {
  font-family: var(--wb-font-main) !important;
}

/* Grote koppen: strak maar vriendelijk */
h1,
.v2-title,
.s12-hero h1 {
  font-weight: 500 !important;
  letter-spacing: -0.035em;
  line-height: 1.08;
}

h2 {
  font-weight: 500 !important;
  letter-spacing: -0.025em;
  line-height: 1.15;
}

h3, h4, h5, h6 {
  font-weight: 600 !important;
  letter-spacing: -0.015em;
}

/* Navigatie en knoppen iets steviger */
nav,
.sidebar,
.v2-sidebar,
.btn,
button,
.smart-tab,
.public-gift-filters button,
label,
.eyebrow,
.v2-kicker {
  font-family: var(--wb-font-main) !important;
}

.btn,
button,
.smart-tab,
.public-gift-filters button {
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* Kleine labels rustiger */
.eyebrow,
.v2-kicker {
  font-weight: 700 !important;
  letter-spacing: 0.10em !important;
}

/* Dashboardcijfers modern i.p.v. serif */
.s12-stat-card strong,
.gift-admin-stats strong {
  font-weight: 500 !important;
  letter-spacing: -0.04em;
}

/* Openbare babypagina */
.v3s2-public-section h2,
.public-page h1,
.public-page h2,
.public-page h3,
.baby-hero h1,
.baby-name,
.hero-title {
  font-family: var(--wb-font-main) !important;
}

/* Formulieren */
input,
select,
textarea {
  font-size: 15px;
  letter-spacing: -0.01em;
}

/* Mobiel: Century Gothic kan visueel breed zijn, dus koppen iets compacter */
@media (max-width: 650px) {
  h1,
  .v2-title,
  .s12-hero h1 {
    letter-spacing: -0.04em;
  }
}