/* Shared identity for main site, funnel, checkout status and protected booking. */
a.manpower-brand { display: inline-flex; align-items: center; gap: 11px; min-width: 0; flex-shrink: 0; color: #f5f2ea; text-decoration: none; font-family: 'Manrope', sans-serif; letter-spacing: 0; line-height: 1.2; }
.manpower-brand .brand-symbol, header .manpower-brand img.brand-symbol, footer .manpower-brand img.brand-symbol { display: block; width: 56px; height: 56px; object-fit: contain; border-radius: 50%; flex-shrink: 0; }
.manpower-brand .brand-wordmark { display: flex; flex-direction: column; gap: 7px; }
.manpower-brand .brand-name { display: flex; gap: .3em; font-size: 15px; font-weight: 700; letter-spacing: .035em; line-height: 1.15; white-space: nowrap; }
.manpower-brand .brand-sub { display: block; margin: 0; color: #d8ba7d; font-size: 8px; font-weight: 500; line-height: 1.4; letter-spacing: .28em; }
.manpower-brand:focus-visible { outline: 2px solid #d8ba7d; outline-offset: 5px; border-radius: 4px; }
.site-header { position: relative; }
.funnel-header .header-promise { font-size: 8px; letter-spacing: 1.4px; text-align: center; }
.booking-header { height: auto; }
.payment-result-card > .manpower-brand { max-width: 100%; margin-bottom: 36px; }
.funnel-footer { align-items: center; }
.funnel-footer > .footer-home { max-width: 75%; line-height: 1.7; }
@media (max-width: 1200px) {
 header .manpower-brand .brand-name { font-size: 13px; }
 header .manpower-brand .brand-symbol { width: 50px; height: 50px; }
 .funnel-header .header-promise { display: none; }
}
@media (max-width: 1050px) {
 .site-header { gap: 18px; }
 .site-header .menu { display: block; border: 1px solid #d8ba7d40; background: transparent; border-radius: 50%; width: 42px; min-width: 42px; height: 42px; padding: 0; font-size: 18px; }
 .site-header .header-cta { margin-left: auto; }
 .site-header nav { display: none; position: absolute; z-index: 25; top: calc(100% - 4px); left: var(--page-inset); right: var(--page-inset); background: #122838; border: 1px solid #d8ba7d40; border-radius: 20px; padding: 8px; box-shadow: 0 15px 40px #0005; gap: 5px; }
 .site-header nav.open { display: flex; flex-direction: column; align-items: stretch; }
 .site-header nav a { font-size: 14px; padding: 13px 20px; min-height: 48px; justify-content: flex-start; }
}
@media (max-width: 700px) {
 a.manpower-brand { gap: 8px; }
 .manpower-brand .brand-symbol, header .manpower-brand img.brand-symbol, footer .manpower-brand img.brand-symbol { width: 47px; height: 47px; }
 .manpower-brand .brand-name, header .manpower-brand .brand-name { flex-direction: column; gap: 2px; font-size: 12px; line-height: 1.15; letter-spacing: .08em; }
 .manpower-brand .brand-wordmark { gap: 5px; }
 .manpower-brand .brand-sub { font-size: 6.5px; letter-spacing: .17em; }
 .funnel-header { min-height: 88px; height: auto; padding-block: 15px; gap: 12px; }
 .funnel-header > .button { font-size: 11px; max-width: 140px; min-height: 44px; line-height: 1.45; padding: 11px 15px; }
 .booking-header { gap: 12px; }
 .booking-language button { font-size: 12px; padding-inline: 10px; }
 .funnel-footer > .footer-home { max-width: 100%; }
 .payment-result-card > .manpower-brand .brand-name { font-size: 14px; }
}
@media (max-width: 520px) {
 .site-header { height: auto; min-height: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 14px 12px; padding-block: 16px; }
 .site-header > .brand { grid-column: 1; grid-row: 1; justify-self: start; }
 .site-header .menu { grid-column: 2; grid-row: 1; }
 .site-header .header-cta { grid-column: 1 / -1; grid-row: 2; width: 100%; margin: 0; font-size: 12px; }
 .funnel-header > .button { max-width: 132px; font-size: 10px; padding-inline: 12px; }
 .booking-header .manpower-brand .brand-symbol { width: 40px; height: 40px; }
 .booking-header .brand-name { font-size: 11px; }
}
@media (max-width: 360px) {
 .funnel-header > .button { max-width: 116px; padding-inline: 10px; }
 .funnel-header .manpower-brand .brand-symbol { width: 40px; height: 40px; }
 .funnel-header .manpower-brand .brand-name { font-size: 11px; }
 .booking-header { width: calc(100% - 32px); }
 .booking-language button { font-size: 11px; padding-inline: 8px; }
}
