/*
Theme Name: INR Institute
Theme URI: https://inr.institute/
Description: Schoon, minimaal thema voor INR Institute. Rendert uitsluitend de eigen HTML-content, header en footer. Geen ingebouwde header, geen pagina-titel, geen opgelegde content-breedte. Full-width is de standaard; jouw eigen HTML-blokken bepalen zelf hun breedte (via hun eigen .wrap). Geen Elementor, geen Hello Elementor, geen lapwerk.
Author: INR Institute
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
*/

/* Dit thema heeft bewust geen eigen opmaak. Alle styling zit in je eigen
   HTML-blokken (header, footer, paginacontent), die volledig gescopet zijn.
   Het thema levert alleen het kale geraamte van de pagina. */

/* ============================================================================
   INTER-LETTERTYPE (lokaal gehost)
   ----------------------------------------------------------------------------
   Deze @font-face-regels stonden eerder in een apart bestand fonts/inter.css,
   dat los werd ingeladen. Dat maakte de laad-keten een schakel langer:
   HTML -> style.css -> inter.css -> woff2. Door ze hier in style.css te zetten
   verdwijnt de inter.css-schakel en wordt het HTML -> style.css -> woff2; de
   browser ontdekt de fonts dus een stap eerder. PageSpeed "kritieke keten".

   LET OP: de paden zijn nu fonts/... omdat dit bestand in de themaroot staat
   (een map hoger dan de oude inter.css). De woff2-bestanden blijven gewoon in
   /fonts/ staan; alleen het pad in de url() is aangepast.

   font-display:swap houdt tekst meteen zichtbaar met een systeemletter en
   schakelt om zodra Inter geladen is. Geen onzichtbare tekst tijdens het laden.
   ============================================================================ */
/* 300 - Light */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/inter-v20-latin-300.woff2') format('woff2');
}
/* 400 - Regular */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/inter-v20-latin-400.woff2') format('woff2');
}
/* 500 - Medium */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/inter-v20-latin-500.woff2') format('woff2');
}
/* 600 - SemiBold */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/inter-v20-latin-600.woff2') format('woff2');
}
/* 700 - Bold */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/inter-v20-latin-700.woff2') format('woff2');
}
/* 800 - ExtraBold */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('fonts/inter-v20-latin-800.woff2') format('woff2');
}
/* 900 - Black (voor het grote 404-cijfer) */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('fonts/inter-v20-latin-900.woff2') format('woff2');
}

/* Minimale, neutrale basis zodat er geen ongewenste marges of breedtes zijn. */
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}

/* De content-wrapper neemt de volle breedte; jouw blokken regelen hun eigen
   binnenbreedte. Geen opgelegde max-width hier. */
.inr-site,
.inr-content {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
}