/*
  Light "trust" look (Permit Doc > Settings > Look). The hero, the document section and the header
  turn light; the footer and the small dark cards inside sections (recommended plan, country verdict,
  live preview) stay dark, in the ink colour. Loaded after site.css.
*/
:root { --night: var(--wp--preset--color--ink, #0b2545); }

.ipd-section.night:not(.site-footer),
.site-header.night,
.mobile-menu.night {
  --paper: var(--wp--preset--color--paper, #f5f7fb);
  --surface: var(--wp--preset--color--surface, #ffffff);
  --surface-2: var(--wp--preset--color--surface, #ffffff);
  --ink: var(--wp--preset--color--ink, #0b2545);
  --muted: var(--wp--preset--color--muted, #4a5b73);
  --line: var(--wp--preset--color--line, #dce3ec);
  --line-strong: var(--wp--preset--color--line-strong, #c9d4e1);
  --accent: var(--wp--preset--color--accent, #0b7a54);
  --accent-hover: var(--wp--preset--color--accent-hover, #086445);
  --accent-ink: var(--wp--preset--color--accent-ink, #f2fbf6);
  --accent-soft: var(--wp--preset--color--accent-soft, #e3f4ec);
  --warn: var(--wp--preset--color--warn, #7a4e00);
  --warn-soft: var(--wp--preset--color--warn-soft, #fbf0d6);
  --stop: var(--wp--preset--color--stop, #a3321f);
  --stop-soft: var(--wp--preset--color--stop-soft, #f9e5e0);
  --focus: #1f5fd1;
  --shadow-card: 0 1px 0 rgb(255 255 255 / 0.6) inset, 0 24px 48px -32px rgb(11 37 69 / 0.35);
  --shadow-lift: 0 32px 64px -32px rgb(11 37 69 / 0.38);
  color-scheme: light;
}
/* The document section sits on white, so it stands apart from the light sections around it. */
.ipd-section.ipd-inside.night { --paper: var(--wp--preset--color--surface, #ffffff); }

/* Header: white glass. */
.site-header.night { background: color-mix(in oklab, var(--surface) 92%, transparent); }
.site-header.night[data-scrolled="true"] { background: color-mix(in oklab, var(--surface) 84%, transparent); box-shadow: 0 10px 30px -20px rgb(11 37 69 / 0.35); }

/* Security print in blue ink. */
.ipd-section.night .rosette { color: #2f5d9e; }

/* Hero: the picker button in ink, beside the green order button. */
.ipd-hero.night .dest__go { background: var(--ink); color: var(--surface); }
.ipd-hero.night .dest__go:hover { background: color-mix(in oklab, var(--ink), #ffffff 14%); }
.ipd-hero.night .dest__box { background: var(--paper); }

/* Rental logos: a white band, logos in grey ink. */
.ipd-hero.night .partners { background: var(--surface); }
.ipd-hero.night .partners .partner__w { filter: brightness(0); opacity: 0.42; }
.ipd-hero.night .partners .partner__chip { box-shadow: 0 12px 26px -12px rgb(11 37 69 / 0.35); }

/* Hero: the 3D globe floats on the page (no frame); the chips move to the open space on the left. */
.ipd-hero .hero-visual--own .hero-visual__photo { display: none; }
.ipd-hero .hero-visual--own .hero-visual__art { display: block; position: absolute; right: -14%; top: -10%; width: 126%; aspect-ratio: 1; pointer-events: none;
  -webkit-mask-image: radial-gradient(circle at 66% 34%, #000 46%, transparent 70%); mask-image: radial-gradient(circle at 66% 34%, #000 46%, transparent 70%); }
.ipd-hero .hero-visual--own .hero-visual__art img { width: 100%; height: 100%; object-fit: contain; }
.ipd-hero .hero-visual--own .hero-chip--a { left: 0; top: 4%; }
.ipd-hero .hero-visual--own .hero-chip--b { left: 3%; right: auto; top: 21%; }