/* Gegenereerd door de conversie van het originele Nura-design.
   Bevat uitsluitend CSS die Elementor's atomic style-schema niet dekt:
   keyframes, transitions, pseudo-elementen, scroll-snap en de scrollbar.
   Layout, kleuren, spacing en typografie staan in Elementor zelf. */

/* ---- het cursieve serif-accent in de koppen ---- */
.nura-serif { font-family: "Instrument Serif", serif; font-weight: 400; font-style: italic; letter-spacing: 0; }

/* ---- animaties uit het origineel ---- */
@keyframes nura-rise { to { opacity: 1; transform: none; } }
@keyframes nura-cover-rise { to { transform: scaleY(0); } }
@keyframes nura-scroll-cue { 0% { transform: translateY(-100%); } 60%, 100% { transform: translateY(100%); } }

/* de woorden van de hero-kop komen één voor één op */
.nura-word { display: inline-block; opacity: 0; transform: translateY(40px); animation: nura-rise 1s var(--ease) forwards; padding: 0 .03em .06em; }
.nura-word:nth-child(1) { animation-delay: .10s; }
.nura-word:nth-child(2) { animation-delay: .18s; }
.nura-word:nth-child(3) { animation-delay: .26s; }
.nura-word:nth-child(5) { animation-delay: .34s; }
.nura-word:nth-child(6) { animation-delay: .42s; }
.nura-word:nth-child(7) { animation-delay: .50s; }

.nura-fade-1 { opacity: 0; animation: nura-rise 1s var(--ease) .70s forwards; }
.nura-fade-2 { opacity: 0; animation: nura-rise 1s var(--ease) .85s forwards; }
.nura-fade-3 { opacity: 0; animation: nura-rise 1s var(--ease) 1.05s forwards; }

/* het zwarte gordijn dat van de hero-foto's afrolt */
.nura-cell::after { content: ""; position: absolute; inset: 0; background: var(--ink, #0a0a0a); transform-origin: top; animation: nura-cover-rise 1.1s var(--ease) forwards; }
.nura-cell:nth-child(1)::after { animation-delay: .30s; }
.nura-cell:nth-child(2)::after { animation-delay: .40s; }
.nura-cell:nth-child(3)::after { animation-delay: .50s; }
.nura-cell:nth-child(4)::after { animation-delay: .60s; }
.nura-cell:hover img { transform: scale(1.1); }

/* het lopende streepje bij 'Scroll' */
.nura-scroll-line::after { content: ""; position: absolute; inset: 0; background: var(--ink, #0a0a0a); animation: nura-scroll-cue 1.9s var(--ease) infinite; }

/* scroll-reveal; 'is-in' wordt door reveal.js gezet */
.nura-reveal { opacity: 0; transform: translateY(24px); transition: opacity .9s var(--ease), transform .9s var(--ease); }
.nura-reveal.is-in { opacity: 1; transform: none; }
.nura-reveal-img { opacity: 0; transform: translateY(18px); transition: opacity 1s var(--ease), transform 1s var(--ease); }
.nura-reveal-img.is-in { opacity: 1; transform: none; }

.nura-chef:hover img { transform: scale(1.04); }

.nura-dot { font-size: 8px; }

/* de horizontale strip in 'In de keuken' */
.nura-gallery::-webkit-scrollbar { height: 4px; }
.nura-gallery::-webkit-scrollbar-thumb { background: var(--ink, #0a0a0a); border-radius: 99px; }
.nura-gallery::-webkit-scrollbar-track { background: rgba(10, 10, 10, .06); }

.nura-tile-label { text-shadow: 0 1px 4px rgba(0, 0, 0, .4); opacity: 0; transform: translateY(6px); transition: opacity .4s var(--ease), transform .4s var(--ease); }
.nura-tile:hover .nura-tile-label { opacity: .95; transform: none; }
.nura-tile:hover img { transform: scale(1.05); }

/* de streep die onder het e-mailadres uitrolt */
.nura-biglink::after { content: ""; display: block; height: 1.5px; background: currentColor; width: 100%; transform: scaleX(0); transform-origin: left; transition: transform .5s var(--ease); margin-top: 6px; }
.nura-biglink:hover::after { transform: scaleX(1); }

/* de pijl in de knop schuift mee bij hover */
.nura-btn-arrow svg { width: 14px; height: 14px; display: block; transition: transform .3s var(--ease); }
.nura-btn:hover .nura-btn-arrow svg { transform: translateX(4px); }

/* ---- per element, uit de conversie ---- */

/* ---- navigatie ----
   De compacte toestand van de balk wordt door nav.js aangezet ('is-scrolled').
   Dat is een JS-klasse, geen Elementor-status, dus die opmaak staat hier.
   Verander je de padding van de balk in Elementor, pas 'm dan hier ook aan. */
.nura-nav.is-scrolled { padding: 14px 32px; background: rgba(244, 242, 237, .92); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-block-end-color: var(--line, rgba(10,10,10,.12)); }
.nura-nav.is-scrolled .nura-brand img { height: 18px; }
@media (max-width: 960px) { .nura-nav.is-scrolled { padding: 12px 20px; } }

.nura-navlink::after { content: ""; position: absolute; inset-inline-start: 0; inset-block-end: 2px; height: 1px; width: 0; background: currentColor; transition: width .4s var(--ease); }
.nura-navlink:hover::after, .nura-navlink.is-active::after { width: 100%; }

.nura-navcta-arrow { display: inline-block; transition: transform .3s var(--ease); }
.nura-navcta:hover .nura-navcta-arrow { transform: translateX(4px); }

/* het hamburgermenu vouwt open tot een kruis */
.nura-burger { border: none; cursor: pointer; }
.nura-burger-bar { transition: transform .4s var(--ease), opacity .3s, background .3s; }
.nura-burger.is-open .nura-burger-bar { background: var(--paper, #f4f2ed); }
.nura-burger.is-open .nura-burger-bar:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.nura-burger.is-open .nura-burger-bar:nth-child(2) { opacity: 0; }
.nura-burger.is-open .nura-burger-bar:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

/* het volledige schermmenu komt als cirkel open vanuit de knop */
.nura-menu { clip-path: circle(0% at calc(100% - 50px) 40px); transition: clip-path .8s var(--ease); pointer-events: none; }
.nura-menu.is-open { clip-path: circle(160% at calc(100% - 50px) 40px); pointer-events: auto; }

.nura-footlink:hover { opacity: .7; }
.elementor .e-n00001-s{flex-shrink:0}
.elementor .e-n00008-s{transition:transform .3s var(--ease),background .3s var(--ease)}
.elementor .e-n0000a-s{transition:gap .3s var(--ease)}
.elementor .e-n00010-s{transform:scale(1.04);transition:transform 1.4s var(--ease)}
.elementor .e-n00012-s{transform:scale(1.04);transition:transform 1.4s var(--ease)}
.elementor .e-n00014-s{transform:scale(1.04);transition:transform 1.4s var(--ease)}
.elementor .e-n00016-s{transform:scale(1.04);transition:transform 1.4s var(--ease)}
.elementor .e-n0001b-s{flex-shrink:0}
.elementor .e-n00021-s{transition:transform 1.2s var(--ease)}
.elementor .e-n00027-s{transition:transform 1.2s var(--ease)}
.elementor .e-n00032-s{flex-shrink:0}
.elementor .e-n00038-s{flex-shrink:0}
.elementor .e-n0003f-s{transition:transform 1.2s var(--ease)}
.elementor .e-n00045-s{flex:1 1 auto}
.elementor .e-n00047-s{transition:transform 1.2s var(--ease)}
.elementor .e-n0004d-s{flex:1 1 auto}
.elementor .e-n0004f-s{transition:transform 1.2s var(--ease)}
.elementor .e-n00055-s{flex:1 1 auto}
.elementor .e-n00057-s{transition:transform 1.2s var(--ease)}
.elementor .e-n0005d-s{flex:1 1 auto}
.elementor .e-n00064-s{flex-shrink:0}
.elementor .e-n0006a-s{position:absolute;inset:0;transition:transform 1s var(--ease)}
.elementor .e-n0006c-s{flex:0 0 auto;scroll-snap-align:start}
.elementor .e-n0006d-s{position:absolute;inset:0;transition:transform 1s var(--ease)}
.elementor .e-n0006f-s{flex:0 0 auto;scroll-snap-align:start}
.elementor .e-n00070-s{position:absolute;inset:0;transition:transform 1s var(--ease)}
.elementor .e-n00072-s{flex:0 0 auto;scroll-snap-align:start}
.elementor .e-n00073-s{position:absolute;inset:0;transition:transform 1s var(--ease)}
.elementor .e-n00075-s{flex:0 0 auto;scroll-snap-align:start}
.elementor .e-n00076-s{position:absolute;inset:0;transition:transform 1s var(--ease)}
.elementor .e-n00078-s{flex:0 0 auto;scroll-snap-align:start}
.elementor .e-n00079-s{position:absolute;inset:0;transition:transform 1s var(--ease)}
.elementor .e-n0007b-s{flex:0 0 auto;scroll-snap-align:start}
.elementor .e-n0007c-s{position:absolute;inset:0;transition:transform 1s var(--ease)}
.elementor .e-n0007e-s{flex:0 0 auto;scroll-snap-align:start}
.elementor .e-n0007f-s{position:absolute;inset:0;transition:transform 1s var(--ease)}
.elementor .e-n00081-s{flex:0 0 auto;scroll-snap-align:start}
.elementor .e-n00082-s{position:absolute;inset:0;transition:transform 1s var(--ease)}
.elementor .e-n00084-s{flex:0 0 auto;scroll-snap-align:start}
.elementor .e-n00085-s{position:absolute;inset:0;transition:transform 1s var(--ease)}
.elementor .e-n00087-s{flex:0 0 auto;scroll-snap-align:start}
.elementor .e-n00088-s{position:absolute;inset:0;transition:transform 1s var(--ease)}
.elementor .e-n0008a-s{flex:0 0 auto;scroll-snap-align:start}
.elementor .e-n0008b-s{position:absolute;inset:0;transition:transform 1s var(--ease)}
.elementor .e-n0008d-s{flex:0 0 auto;scroll-snap-align:start}
.elementor .e-n0008e-s{overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--ink, #0a0a0a) transparent}
.elementor .e-n00090-s{object-position:center bottom;opacity:.04;pointer-events:none;z-index:0}
.elementor .e-n00091-s{flex-shrink:0}
.elementor .e-n00099-s{word-break:break-word}
.elementor .e-n0009b-s{word-break:break-word}
.elementor .e-n000bd-s{transition:height .4s var(--ease)}
.elementor .e-n000c1-s{white-space:nowrap;transition:transform .3s var(--ease),background .3s var(--ease)}
.elementor .e-n000c2-s{transition:padding .4s var(--ease),background .4s var(--ease),border-color .4s var(--ease)}
.elementor .e-n000d3-s{transition:opacity .3s var(--ease)}
.elementor .e-n000d5-s{transition:opacity .3s var(--ease)}