/* Reisvoorstel-aanvraagflow (page-reis-aanvragen.php) — waarden 1:1 uit
   `Aanvraag Definitief.dc.html` (A1/A2/A3, desktop 880px / mobiel 390px). De afgeschermde pagina
   heeft een eigen document zonder site-chrome; het frame se #FAFAF7-kaart is hier de pagina zelf:
   witte topbar + sticky prijsbalk over de volle breedte, content in een 880px-kolom. */

.amerikanu-aanvraag-body {
	margin: 0;
	background: var(--bg);
	color: var(--navy);
	font-family: var(--font);
	-webkit-font-smoothing: antialiased;
}

.amerikanu-aanvraag {
	min-height: 100vh;
	/* Ruimte voor de vaste prijsbalk onderaan (eigen document, geen Kadence-wrapper — een
	   gewone fixed balk + reserve, zelfde aanpak als de PDP-CTA-onderbalk). */
	padding-bottom: 108px;
}

/* -- Topbar: alleen logo + stapindicator (afgeschermd, geen menu) -- */
.amerikanu-aanvraag__top {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 14px 24px;
	background: var(--card);
	border-bottom: 1px solid rgba(30, 46, 90, 0.08);
}
.amerikanu-aanvraag__top--midden {
	justify-content: center;
}
.amerikanu-aanvraag__logo {
	height: 26px;
	width: auto;
	display: block;
	margin: 0 auto;
}
.amerikanu-aanvraag__terug {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 700;
	color: var(--navy);
	text-decoration: none;
	white-space: nowrap;
}
/* Stap 1 in het frame toont "Terug" gedempt; de link blijft werken (terug naar de reispagina). */
[data-aanvraag-stand='1'] .amerikanu-aanvraag__terug {
	color: #c7ccd8;
}
.amerikanu-aanvraag__staptekst {
	font-size: 12px;
	font-weight: 700;
	color: var(--body);
	white-space: nowrap;
}

/* -- Contentkolom + voortgang -- */
.amerikanu-aanvraag__wrap {
	max-width: 880px;
	margin: 0 auto;
	padding: 0 24px;
}
.amerikanu-aanvraag__voortgang {
	display: flex;
	gap: 6px;
	padding-top: 12px;
}
.amerikanu-aanvraag__voortgang span {
	flex: 1;
	height: 5px;
	border-radius: var(--radius-pill);
	background: rgba(30, 46, 90, 0.14);
}
.amerikanu-aanvraag__voortgang .is-vol,
.amerikanu-aanvraag__voortgang [data-aanvraag-segment].is-vol {
	background: var(--navy);
}

.amerikanu-aanvraag__fout {
	margin: 16px 0 0;
	padding: 12px 16px;
	border-radius: var(--radius-klein);
	background: #fbe9ef;
	border: 1px solid rgba(230, 44, 107, 0.35);
	color: var(--navy);
	font-size: 14px;
	font-weight: 600;
}

.amerikanu-aanvraag__stap {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding-top: 20px;
}
.amerikanu-aanvraag__stap[hidden] {
	display: none;
}

/* -- Intro-kaart (compact — eerste veld boven de vouw) -- */
.amerikanu-aanvraag__intro {
	display: flex;
	align-items: center;
	gap: 16px;
	background: var(--card);
	border: 1px solid var(--rand-kaart);
	border-radius: 18px;
	padding: 12px;
	box-shadow: 0 8px 22px -14px rgba(30, 46, 90, 0.28);
}
.amerikanu-aanvraag__intro-foto {
	width: 100px;
	height: 74px;
	border-radius: 12px;
	object-fit: cover;
	flex: none;
	display: block;
}
.amerikanu-aanvraag__intro-tekst {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.amerikanu-aanvraag__eyebrow {
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--magenta);
}
.amerikanu-aanvraag__eyebrow--roze {
	color: var(--roze);
}
.amerikanu-aanvraag__intro-naam {
	font-size: 20px;
	font-weight: 800;
	letter-spacing: -0.01em;
	line-height: 1.2;
}
.amerikanu-aanvraag__intro-sub {
	font-size: 13px;
	font-weight: 600;
	color: var(--muted);
}
.amerikanu-aanvraag__intro--compact {
	border-radius: 14px;
	padding: 9px 14px 9px 9px;
	gap: 14px;
	box-shadow: none;
}
.amerikanu-aanvraag__intro-foto--compact {
	width: 58px;
	height: 44px;
	border-radius: 9px;
}
.amerikanu-aanvraag__intro-naam--compact {
	font-size: 15px;
}
.amerikanu-aanvraag__intro-prijs {
	text-align: right;
	flex: none;
	display: flex;
	flex-direction: column;
}
.amerikanu-aanvraag__intro-prijs span {
	font-size: 16px;
	font-weight: 800;
}
.amerikanu-aanvraag__intro-prijs em {
	font-style: normal;
	font-size: 11px;
	font-weight: 600;
	color: var(--muted);
}

/* -- Kop per stap -- */
.amerikanu-aanvraag__kop h1 {
	margin: 4px 0;
	font-size: 26px;
	font-weight: 800;
	letter-spacing: -0.02em;
}
.amerikanu-aanvraag__kop p {
	margin: 0;
	font-size: 14.5px;
	line-height: 1.55;
	color: var(--body);
}

/* -- Witte formulierkaarten -- */
.amerikanu-aanvraag__kaart {
	background: var(--card);
	border: 1px solid var(--rand-kaart);
	border-radius: 18px;
	padding: 22px 24px;
}
.amerikanu-aanvraag__kaartkop {
	display: block;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--muted);
	margin-bottom: 16px;
}
.amerikanu-aanvraag__kaartkop-rij {
	display: flex;
	align-items: baseline;
	gap: 12px;
}
.amerikanu-aanvraag__kaartkop-rij .amerikanu-aanvraag__kaartkop {
	margin-bottom: 2px;
}
.amerikanu-aanvraag__klasse-actueel {
	margin-left: auto;
	font-size: 13px;
	font-weight: 700;
}
.amerikanu-aanvraag__klasse-sub {
	color: var(--muted);
	font-weight: 600;
}
.amerikanu-aanvraag__kaartsub {
	margin: 0 0 8px;
	font-size: 13px;
	color: var(--muted);
}

/* -- Steppers (reisgezelschap + duur) -- */
.amerikanu-aanvraag__telrij {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 12px 0;
	border-bottom: 1px solid rgba(30, 46, 90, 0.07);
}
.amerikanu-aanvraag__telrij--laatste {
	border-bottom: 0;
	padding-bottom: 4px;
}
.amerikanu-aanvraag__telrij-tekst {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.amerikanu-aanvraag__telrij-titel {
	font-size: 15.5px;
	font-weight: 700;
}
.amerikanu-aanvraag__telrij-sub {
	font-size: 12.5px;
	color: var(--muted);
}
.amerikanu-aanvraag__stepper {
	display: flex;
	align-items: center;
	gap: 14px;
}
.amerikanu-aanvraag__stepper button,
.amerikanu-aanvraag__duur button {
	width: 36px;
	height: 36px;
	border-radius: var(--radius-pill);
	border: 1.5px solid rgba(30, 46, 90, 0.2);
	background: var(--card);
	color: var(--navy);
	font-size: 19px;
	font-weight: 700;
	cursor: pointer;
	font-family: inherit;
	line-height: 1;
	display: grid;
	place-items: center;
	padding: 0;
}
/* Hogere specificiteit dan de generieke input-styling van het Kadence-parentthema (die via
   wp_head ook op dit eigen document meekomt): het frame toont kale, vette cijfers zonder box. */
.amerikanu-aanvraag .amerikanu-aanvraag__stepper input[type='number'],
.amerikanu-aanvraag .amerikanu-aanvraag__duur-waarde input[type='number'] {
	width: 40px;
	border: 0;
	background: transparent;
	box-shadow: none;
	outline: none;
	text-align: center;
	font-family: inherit;
	font-size: 18px;
	font-weight: 800;
	color: var(--navy);
	-moz-appearance: textfield;
	appearance: textfield;
	padding: 0;
}
.amerikanu-aanvraag__stepper input::-webkit-outer-spin-button,
.amerikanu-aanvraag__stepper input::-webkit-inner-spin-button,
.amerikanu-aanvraag__duur-waarde input::-webkit-outer-spin-button,
.amerikanu-aanvraag__duur-waarde input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.amerikanu-aanvraag__leeftijden {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	padding: 14px 0 4px;
}
.amerikanu-aanvraag__leeftijd {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.amerikanu-aanvraag__leeftijd span {
	font-size: 12px;
	font-weight: 700;
	color: var(--body);
}
.amerikanu-aanvraag__leeftijd select {
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 12px;
	border: 1.5px solid var(--rand-input);
	background: var(--card);
	color: var(--navy);
	border-radius: 11px;
	outline: none;
	cursor: pointer;
}

/* -- Wanneer & hoe lang -- */
.amerikanu-aanvraag__wanneer {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
}
.amerikanu-aanvraag__veld {
	display: flex;
	flex-direction: column;
	gap: 7px;
}
.amerikanu-aanvraag__veld > span {
	font-size: 13px;
	font-weight: 700;
	color: var(--body);
}
.amerikanu-aanvraag__veld > span em {
	font-style: normal;
	font-weight: 500;
	color: var(--muted);
}
.amerikanu-aanvraag__veld input[type='date'],
.amerikanu-aanvraag__veld input[type='text'],
.amerikanu-aanvraag__veld input[type='tel'],
.amerikanu-aanvraag__veld input[type='email'],
.amerikanu-aanvraag__veld textarea {
	font-family: inherit;
	font-size: 15px;
	font-weight: 500;
	padding: 13px 16px;
	border: 1.5px solid var(--rand-input);
	background: var(--card);
	color: var(--navy);
	border-radius: 12px;
	outline: none;
	box-sizing: border-box;
	width: 100%;
}
.amerikanu-aanvraag__veld input:focus-visible,
.amerikanu-aanvraag__veld textarea:focus-visible {
	border-color: var(--navy);
}
.amerikanu-aanvraag__veld input[type='date'] {
	font-weight: 600;
}
.amerikanu-aanvraag__veld textarea {
	resize: vertical;
	min-height: 92px;
}
.amerikanu-aanvraag__duur {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 6px 14px 6px 18px;
	border: 1.5px solid var(--rand-input);
	border-radius: 12px;
	height: 49px;
	box-sizing: border-box;
}
.amerikanu-aanvraag__duur button {
	width: 32px;
	height: 32px;
	font-size: 17px;
}
.amerikanu-aanvraag__duur-waarde {
	flex: 1;
	font-size: 16px;
	font-weight: 800;
	display: flex;
	align-items: baseline;
	gap: 4px;
}
.amerikanu-aanvraag .amerikanu-aanvraag__duur-waarde input[type='number'] {
	width: 34px;
	text-align: left;
	font-size: 16px;
}
.amerikanu-aanvraag__duur-waarde span {
	font-size: 13px;
	font-weight: 600;
	color: var(--muted);
}

/* -- Checkbox (we zijn flexibel) -- */
.amerikanu-aanvraag__flex {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 16px;
	cursor: pointer;
}
.amerikanu-aanvraag__flex input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}
.amerikanu-aanvraag__vinkje {
	width: 22px;
	height: 22px;
	flex: none;
	border-radius: 7px;
	border: 1.5px solid rgba(30, 46, 90, 0.25);
	background: var(--card);
	display: grid;
	place-items: center;
	color: #fff;
	box-sizing: border-box;
}
.amerikanu-aanvraag__vinkje svg {
	opacity: 0;
}
.amerikanu-aanvraag__flex input:checked + .amerikanu-aanvraag__vinkje {
	background: var(--magenta);
	border-color: var(--magenta);
}
.amerikanu-aanvraag__flex input:checked + .amerikanu-aanvraag__vinkje svg {
	opacity: 1;
}
.amerikanu-aanvraag__flex input:focus-visible + .amerikanu-aanvraag__vinkje {
	outline: 2px solid var(--navy);
	outline-offset: 2px;
}
.amerikanu-aanvraag__flex-tekst {
	font-size: 14px;
	font-weight: 600;
	color: var(--body);
}
.amerikanu-aanvraag__flex-tekst strong {
	color: var(--navy);
}
.amerikanu-aanvraag__flex-tekst em {
	font-style: normal;
	font-weight: 500;
	color: var(--muted);
}

/* -- Hotelklasse-keuze: de klassetabs uit componenten.css (.amerikanu-hotels__tabs--aanvraag), sinds 07-09 hetzelfde component als op de PDP. -- */

/* -- Klasse-detail (uitleg + naamloze sfeerfoto's) -- */
.amerikanu-aanvraag__klasse-detail {
	margin-top: 22px;
	border-top: 1px solid rgba(30, 46, 90, 0.08);
	padding-top: 18px;
}
.amerikanu-aanvraag__klasse-detailkop {
	display: flex;
	align-items: baseline;
	gap: 10px;
	margin-bottom: 4px;
}
.amerikanu-aanvraag__klasse-detailnaam {
	font-size: 16px;
	font-weight: 800;
}
.amerikanu-aanvraag__klasse-sterren {
	font-weight: 600;
	color: var(--muted);
}
.amerikanu-aanvraag__klasse-meer {
	margin-left: auto;
	font-size: 13px;
	font-weight: 700;
	color: var(--magenta);
}
.amerikanu-aanvraag__klasse-uitleg {
	margin: 0 0 14px;
	font-size: 13.5px;
	line-height: 1.5;
	color: var(--body);
}
/* Zelfde naamloze kaartvorm als de PDP-accommodatiesectie (reis.css .amerikanu-hotels__kaart):
   rand, radius 16px, foto 140px, tekstblok met label/sublabel eronder. */
.amerikanu-aanvraag__klasse-fotos {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}
/* Losse-puntenfix 02-09 (David: "alle hotelklasse-foto's staan onder elkaar"): de rij van een
   niet-gekozen klasse krijgt het attribuut hidden, maar display: grid hierboven wint van de
   browserregel voor [hidden]. Zelfde patroon als __stap[hidden] en __balk-knop[hidden]. */
.amerikanu-aanvraag__klasse-fotos[hidden] {
	display: none;
}
.amerikanu-aanvraag__klasse-kaart {
	border: 1px solid var(--rand-kaart);
	border-radius: 16px;
	overflow: hidden;
	background: var(--card);
}
.amerikanu-aanvraag__klasse-foto {
	display: block;
	width: 100%;
	height: 140px;
	object-fit: cover;
}
.amerikanu-aanvraag__klasse-kaart-tekst {
	padding: 12px 14px;
}
.amerikanu-aanvraag__klasse-kaart-titel {
	font-size: 14px;
	font-weight: 700;
	color: var(--navy);
}
.amerikanu-aanvraag__klasse-kaart-sub {
	margin-top: 2px;
	font-size: 12px;
	color: var(--muted);
}
/* Dots onder de mobiele foto-slider (aanvraag.js) — buiten de media query zodat de tokens overal
   bestaan, zelfde patroon als reis.css .amerikanu-hotels__dots. */
/* Verborgen dots-rij (klassewissel, aanvraag.js) mag niet door display:flex hieronder weer
   zichtbaar worden: [hidden] verloor die strijd, waardoor op mobiel na een klassewissel een
   tweede dots-rij bóven de foto's stond (gezien 07-09). */
.amerikanu-aanvraag__dots[hidden] {
	display: none;
}
.amerikanu-aanvraag__dots {
	display: flex;
	justify-content: center;
	gap: 6px;
	padding-top: 10px;
}
.amerikanu-aanvraag__dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--rand-knop);
	transition: background var(--motion);
}
.amerikanu-aanvraag__dot.is-actief {
	background: var(--magenta);
}
.amerikanu-aanvraag__klasse-voorbeeldnoot {
	font-size: 12px;
	color: var(--muted);
	margin: 10px 0 0;
}
.amerikanu-aanvraag__indicatie {
	display: flex;
	align-items: center;
	gap: 10px;
	background: var(--beige);
	border-radius: 13px;
	padding: 12px 16px;
	margin-top: 18px;
	font-size: 13px;
	font-weight: 600;
	color: var(--body);
}
.amerikanu-aanvraag__indicatie-i {
	display: inline-grid;
	place-items: center;
	width: 18px;
	height: 18px;
	flex: none;
	border-radius: var(--radius-pill);
	border: 1.5px solid var(--muted);
	font-size: 11px;
	font-weight: 700;
	color: var(--muted);
	font-style: normal;
}

/* -- Stap 2: contactvelden -- */
.amerikanu-aanvraag__gegevens {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}
.amerikanu-aanvraag__veld--vol {
	margin-top: 14px;
}
/* Zelfde kleine-tekst-stijl als .amerikanu-capture__privacy (componenten.css): één toelichtende
   zin i.p.v. een apart opt-in-vakje (besluit David 04-09). */
.amerikanu-aanvraag__privacy {
	margin: 14px 0 0;
	font-size: 12px;
	color: var(--muted);
}
/* -- Sticky prijsbalk onderaan -- */
.amerikanu-aanvraag__balk {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--card);
	border-top: 1px solid var(--rand-kaart);
	box-shadow: 0 -10px 28px -18px rgba(30, 46, 90, 0.4);
	z-index: 20;
}
.amerikanu-aanvraag__balk-binnen {
	max-width: 880px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 16px 28px;
}
.amerikanu-aanvraag__balk-prijs {
	display: flex;
	flex-direction: column;
}
.amerikanu-aanvraag__balk-prijslabel {
	font-size: 11px;
	font-weight: 700;
	color: var(--muted);
}
.amerikanu-aanvraag__balk-bedrag {
	font-size: 23px;
	font-weight: 800;
	letter-spacing: -0.01em;
}
.amerikanu-aanvraag__balk-bedrag--aanvraag {
	font-size: 18px;
}
.amerikanu-aanvraag__balk-bedrag em {
	font-style: normal;
	font-size: 13px;
	font-weight: 600;
	color: var(--body);
}
.amerikanu-aanvraag__balk-knop {
	margin-left: auto;
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	background: var(--magenta);
	color: #fff;
	border: none;
	padding: 15px 28px;
	border-radius: var(--radius-pill);
	cursor: pointer;
	transition: background var(--motion);
}
.amerikanu-aanvraag__balk-knop:hover {
	background: var(--magenta-hover);
}
.amerikanu-aanvraag__balk-knop[hidden] {
	display: none;
}
.amerikanu-aanvraag__balk-knop-kort {
	display: none;
}

/* -- Bevestiging (A3) -- */
.amerikanu-aanvraag__wrap--klaar {
	max-width: 784px;
	padding-top: 44px;
	padding-bottom: 40px;
}
.amerikanu-aanvraag__klaar-kop {
	text-align: center;
	max-width: 560px;
	margin: 0 auto 30px;
}
.amerikanu-aanvraag__vink {
	width: 72px;
	height: 72px;
	margin: 0 auto 20px;
	border-radius: var(--radius-pill);
	background: #e9f3ee;
	display: grid;
	place-items: center;
	color: #2e7d5b;
}
.amerikanu-aanvraag__klaar-kop h1 {
	margin: 0 0 12px;
	font-size: 32px;
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.1;
}
.amerikanu-aanvraag__klaar-kop p {
	margin: 0;
	font-size: 16px;
	line-height: 1.6;
	color: var(--body);
}
.amerikanu-aanvraag__klaar-kop strong {
	color: var(--navy);
}
.amerikanu-aanvraag__klaar-reis {
	background: var(--card);
	border: 1px solid var(--rand-kaart);
	border-radius: var(--radius-card);
	overflow: hidden;
	box-shadow: 0 12px 30px -18px rgba(30, 46, 90, 0.25);
	margin-bottom: 26px;
}
.amerikanu-aanvraag__klaar-beeld {
	position: relative;
	height: 168px;
	background: var(--navy);
}
.amerikanu-aanvraag__klaar-beeld img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.amerikanu-aanvraag__klaar-beeld::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(30, 46, 90, 0) 40%, rgba(30, 46, 90, 0.6) 100%);
}
.amerikanu-aanvraag__klaar-beeldtekst {
	position: absolute;
	left: 22px;
	bottom: 16px;
	color: #fff;
	z-index: 1;
	display: flex;
	flex-direction: column;
}
.amerikanu-aanvraag__klaar-reisnaam {
	font-size: 24px;
	font-weight: 800;
	letter-spacing: -0.015em;
	text-shadow: 0 1px 10px rgba(30, 46, 90, 0.5);
}
.amerikanu-aanvraag__klaar-feiten {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 16px 22px;
	font-size: 13.5px;
	font-weight: 700;
	color: var(--body);
	flex-wrap: wrap;
}
.amerikanu-aanvraag__scheider {
	color: rgba(30, 46, 90, 0.18);
}
.amerikanu-aanvraag__klaar-prijs {
	color: var(--navy);
}
.amerikanu-aanvraag__klaar-prijs em {
	font-style: normal;
	font-weight: 600;
	color: var(--muted);
}
.amerikanu-aanvraag__contactkaarten {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	margin-bottom: 28px;
}
.amerikanu-aanvraag__contactkaart {
	display: flex;
	align-items: center;
	gap: 14px;
	background: var(--card);
	color: var(--navy);
	text-decoration: none;
	border: 1.5px solid rgba(30, 46, 90, 0.16);
	border-radius: 16px;
	padding: 18px 20px;
	transition: border-color var(--motion), background var(--motion);
}
.amerikanu-aanvraag__contactkaart:hover {
	border-color: var(--navy);
}
.amerikanu-aanvraag__contactkaart--navy {
	background: var(--navy);
	color: var(--bg);
	border-color: var(--navy);
}
.amerikanu-aanvraag__contactkaart--navy:hover {
	background: var(--navy-donker);
}
.amerikanu-aanvraag__contact-icoon {
	flex: none;
	color: var(--roze);
	display: inline-flex;
}
.amerikanu-aanvraag__contact-icoon--magenta {
	color: var(--magenta);
}
.amerikanu-aanvraag__contact-sub {
	display: block;
	font-size: 12px;
	color: var(--muted);
}
.amerikanu-aanvraag__contactkaart--navy .amerikanu-aanvraag__contact-sub {
	color: var(--lichtblauw-2);
}
.amerikanu-aanvraag__contact-groot {
	display: block;
	font-size: 17px;
	font-weight: 800;
}
.amerikanu-aanvraag__socials {
	text-align: center;
	border-top: 1px solid rgba(30, 46, 90, 0.08);
	padding-top: 24px;
	display: flex;
	flex-direction: column;
}
.amerikanu-aanvraag__socials-kop {
	font-size: 15px;
	font-weight: 800;
	margin-bottom: 4px;
}
.amerikanu-aanvraag__socials-sub {
	font-size: 13.5px;
	color: var(--muted);
	margin-bottom: 14px;
}
.amerikanu-aanvraag__socials-rij {
	display: flex;
	gap: 12px;
	justify-content: center;
}
.amerikanu-aanvraag__socials-rij a {
	width: 44px;
	height: 44px;
	border-radius: var(--radius-pill);
	background: var(--beige);
	display: grid;
	place-items: center;
	color: var(--navy);
}

/* -- Geen reis-context -- */
.amerikanu-aanvraag__leeg-knoppen {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}
.amerikanu-aanvraag__leeg-advies {
	font-size: 14px;
	font-weight: 700;
	color: var(--navy);
	text-decoration: underline;
	text-decoration-color: var(--magenta);
	text-underline-offset: 3px;
}
.amerikanu-aanvraag__leeg-advies:hover,
.amerikanu-aanvraag__leeg-advies:focus-visible {
	color: var(--magenta);
}

/* ============ Mobiel (frame 390px) ============ */
@media (max-width: 700px) {
	.amerikanu-aanvraag {
		padding-bottom: 92px;
	}
	.amerikanu-aanvraag__top {
		padding: 12px 16px;
		gap: 12px;
	}
	.amerikanu-aanvraag__logo {
		height: 22px;
	}
	.amerikanu-aanvraag__wrap {
		padding: 0 14px;
	}
	.amerikanu-aanvraag__stap {
		gap: 14px;
		padding-top: 14px;
	}
	.amerikanu-aanvraag__intro {
		gap: 12px;
		border-radius: 14px;
		padding: 9px;
	}
	.amerikanu-aanvraag__intro-foto {
		width: 64px;
		height: 50px;
		border-radius: 10px;
	}
	.amerikanu-aanvraag__intro-naam {
		font-size: 16px;
	}
	.amerikanu-aanvraag__intro-sub {
		font-size: 11.5px;
	}
	.amerikanu-aanvraag__kop h1 {
		font-size: 20px;
	}
	.amerikanu-aanvraag__kop p {
		font-size: 13.5px;
	}
	.amerikanu-aanvraag__kaart {
		border-radius: 16px;
		padding: 16px;
	}
	.amerikanu-aanvraag__telrij-titel {
		font-size: 14.5px;
	}
	.amerikanu-aanvraag__leeftijden {
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}
	.amerikanu-aanvraag__wanneer {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	/* Foto-slider zoals op de PDP (reis.css mobiel, feedbackronde 2026-08-11 mobiel punt 3):
	   bijna-schermbrede kaarten met een randje van de volgende kaart als swipe-hint,
	   scroll-snap en dots eronder (aanvraag.js). */
	.amerikanu-aanvraag__klasse-fotos {
		display: flex;
		gap: 12px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		margin: 0 -16px;
		padding: 0 16px 2px;
	}
	.amerikanu-aanvraag__klasse-fotos::-webkit-scrollbar {
		display: none;
	}
	.amerikanu-aanvraag__klasse-kaart {
		flex: 0 0 84%;
		scroll-snap-align: center;
	}
	.amerikanu-aanvraag__klasse-foto {
		height: 200px;
	}
	.amerikanu-aanvraag__gegevens {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	.amerikanu-aanvraag__balk-binnen {
		padding: 12px 16px;
		gap: 12px;
	}
	.amerikanu-aanvraag__balk-bedrag {
		font-size: 19px;
	}
	.amerikanu-aanvraag__balk-knop {
		padding: 13px 18px;
		font-size: 14px;
		white-space: nowrap;
	}
	/* Frame mobiel: korte knoplabels "Verder →" / "Versturen →". */
	.amerikanu-aanvraag__balk-knop-lang {
		display: none;
	}
	.amerikanu-aanvraag__balk-knop-kort {
		display: inline;
	}
	.amerikanu-aanvraag__wrap--klaar {
		padding-top: 28px;
	}
	.amerikanu-aanvraag__klaar-kop h1 {
		font-size: 23px;
	}
	.amerikanu-aanvraag__klaar-beeld {
		height: 130px;
	}
	.amerikanu-aanvraag__klaar-reisnaam {
		font-size: 19px;
	}
	.amerikanu-aanvraag__klaar-feiten {
		gap: 8px;
		padding: 12px 16px;
		font-size: 12.5px;
	}
	.amerikanu-aanvraag__scheider {
		display: none;
	}
	.amerikanu-aanvraag__contactkaarten {
		grid-template-columns: 1fr;
		gap: 10px;
	}
}