/* basis */ * { box-sizing: border-box; } @font-face { font-family: 'Soleil'; src: url('fonts/SoleilBold.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; } /* body niet meer flex, zodat Eatcard injecties niet stuk gaan */ body { background: #616D38; color: #FFF6DC; font-family: Soleil; font-weight: 700; font-size: clamp(18px, 3vw, 34px); margin: 0; min-height: 100vh; padding: clamp(16px, 4vw, 48px); text-align: center; } /* jouw layout verplaatsen naar .page */ .page { min-height: calc(100vh - (2 * clamp(16px, 4vw, 48px))); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: clamp(14px, 3vw, 32px); } .Pina-logo { width: clamp(240px, 60vw, 620px); height: auto; display: block; color: #FFF6DC; } .logo { display: flex; justify-content: center; } /* alleen nodig bij inline SVG */ .Pina-logo path { fill: currentColor !important; } /* Instagram */ .instagram { width: clamp(44px, 9vw, 72px); height: auto; display: block; } .Insta-box a { display: inline-flex; align-items: center; justify-content: center; } /* adres + email */ .adres, .email { font-size: clamp(16px, 2.4vw, 28px); line-height: 1.35; } .email a { color: #FFF6DC; text-decoration: none; font-weight: 700; } .email a:hover { text-decoration: underline; } .booking-container { margin: 20px 0; text-align: center; } .coupon-button { background-color: #000; color: #fff; padding: 12px 24px; border: none; border-radius: 4px; font-size: 16px; cursor: pointer; transition: background-color 0.3s; } .coupon-button:hover { background-color: #333; } /* --- Eatcard overlay robustness --- */ /* Eatcard plakt .iframe-wrapper-booking in . Zorg dat het boven alles komt */ .iframe-wrapper-booking, .iframe-wrapper-booking.gift-card { position: fixed !important; inset: 0 !important; z-index: 2147483647 !important; margin: 0 !important; max-width: none !important; overflow: visible !important; } .iframe-wrapper-booking iframe { width: 100% !important; height: 100% !important; min-height: 700px !important; border: 0 !important; display: block !important; }