/* Shared stylesheet for index.html, facturen.html and account.html.
   Some rules only apply to a subset of pages (e.g. the two different bilingual
   toggle class-name pairs below) — that's fine, unused selectors are harmless. */

html { font-family: 'Inter', system-ui, sans-serif; }
.font-serif { font-family: 'Playfair Display', Georgia, serif; }
body { background: #faf7f0; }

/* Language toggle — default EN, body.show-nl for Dutch, body.show-pt for Portuguese.
   In PT mode we render translated content through the .en/.en-l spans. */
.nl { display: none; }
body.show-nl .en { display: none; }
body.show-nl .nl { display: revert; }
body.show-pt .en { display: revert; }
body.show-pt .nl { display: none; }

.pt { display: none; }
body.show-pt .pt { display: none; }

.nl-l { display: none; }
body.show-nl .en-l { display: none; }
body.show-nl .nl-l { display: revert; }
body.show-pt .en-l { display: revert; }
body.show-pt .nl-l { display: none; }

.pt-l { display: none; }
body.show-pt .pt-l { display: none; }

/* About Lígia bio carousel — hides the native scroll bar so the CSS
   scroll-snap track (js/index/about-carousel.js) reads as a carousel, not
   a plain overflowing div. Scrolling/swiping itself needs no JS at all. */
.no-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.no-scrollbar::-webkit-scrollbar { display: none; }

/* Staging environment banner — only visible when built with ENV_LABEL=staging */
#env-banner { display: none; }
body[data-env="staging"] #env-banner { display: block; }
body[data-env="staging"] { padding-top: 28px; }