/*
Theme Name:  LUMIY (Kadence child)
Description: Huisstijl-laag voor lumiy.nl volgens LUMIY Brandbook v1.0 — De Ademende Hemel, licht-eerst. Bouwt voort op het Kadence-thema: alle functionaliteit blijft, dit thema bepaalt kleur, typografie, knoppen, header, footer en WooCommerce-styling.
Template:    kadence
Author:      LUMIY
Version:     1.3.0
Text Domain: lumiy
*/

/* ==========================================================
   1. Fonts (gebundeld, geen externe verzoeken — sneller + AVG)
   ========================================================== */
@font-face{
  font-family:'Marcellus';
  src:url('assets/fonts/Marcellus.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Hanken Grotesk';
  src:url('assets/fonts/HankenGrotesk.woff2') format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap;
}

/* ==========================================================
   2. Brandtokens — en Kadence-paletkoppeling
   Kadence leest --global-palette1..9; door ze hier te zetten
   kleurt alles wat je in de customizer hebt gebouwd mee.
   ========================================================== */
:root{
  /* LUMIY tokens */
  --lumiy-maanmelk:#F5F1E8;
  --lumiy-dageraad:#EFE4D2;
  --lumiy-sterrengoud:#CDAB70;
  --lumiy-cappuccino:#A8886A;
  --lumiy-middernacht:#2B2622;
  --lumiy-dagbruin:#4A3F33;
  --lumiy-inkt:#221E1A;
  --lumiy-nevel:#B7B1A6;
  --lumiy-schelp:#FBF8F1;

  /* Kadence globale paletten overschrijven */
  --global-palette1:#4A3F33; /* primair (knoppen, links-hover) */
  --global-palette2:#A8886A; /* accent */
  --global-palette3:#221E1A; /* koppen */
  --global-palette4:#453E35; /* tekst */
  --global-palette5:#8A7F70; /* subtiele tekst */
  --global-palette6:#E2DACA; /* randen */
  --global-palette7:#F5F1E8; /* achtergrond */
  --global-palette8:#EFE4D2; /* achtergrond alt */
  --global-palette9:#FBF8F1; /* wit-vervanger */

  --global-heading-font-family:'Marcellus',serif;
  --global-body-font-family:'Hanken Grotesk',sans-serif;
}

/* ==========================================================
   3. Basis
   ========================================================== */
body{
  background:var(--lumiy-maanmelk);
  color:var(--lumiy-inkt);
  font-family:'Hanken Grotesk',sans-serif;
  font-size:16px;line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,.site-title{
  font-family:'Marcellus',serif !important;
  font-weight:400 !important;
  color:var(--lumiy-dagbruin);
  line-height:1.2;
}
/* Typografieschaal: vier maten, niet dertien */
h1{font-size:clamp(32px,4.5vw,46px);}
h2{font-size:clamp(26px,3.4vw,34px);}
h3{font-size:22px;}
h4{font-size:18px;}
p{margin-bottom:1.1em;}
a{color:var(--lumiy-dagbruin);text-decoration-color:var(--lumiy-cappuccino);text-underline-offset:3px;}
a:hover{color:var(--lumiy-cappuccino);}
::selection{background:var(--lumiy-dageraad);}

/* Focus zichtbaar — WCAG 2.4.7 (stond uit in Kadence) */
a:focus-visible,button:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--lumiy-cappuccino) !important;
  outline-offset:2px !important;
  box-shadow:none !important;
}

/* ==========================================================
   4. Header
   ========================================================== */
.site-header,#masthead,.kadence-sticky-header{
  background:var(--lumiy-maanmelk) !important;
  border-bottom:1px solid #E7DFCF;
}
.site-header .header-navigation a,
.site-header .menu-item a{
  font-family:'Hanken Grotesk',sans-serif;
  font-size:14.5px;letter-spacing:.04em;
  color:var(--lumiy-dagbruin) !important;
  text-decoration:none;
}
.site-header .menu-item a:hover{color:var(--lumiy-cappuccino) !important;}
.site-header .header-cart-wrap .header-cart-button{color:var(--lumiy-dagbruin) !important;}
.custom-logo,.header-logo img{max-height:44px;width:auto;}

/* ==========================================================
   5. Knoppen — één stijl, overal
   ========================================================== */
.button,.wp-block-button__link,button[type=submit],
.single_add_to_cart_button,.checkout-button,
.woocommerce a.button,.woocommerce button.button{
  background:var(--lumiy-dagbruin) !important;
  color:var(--lumiy-maanmelk) !important;
  border:none !important;border-radius:10px !important;
  font-family:'Hanken Grotesk',sans-serif !important;
  font-weight:600 !important;font-size:15px !important;
  letter-spacing:.03em;
  padding:14px 28px !important;
  transition:background .18s ease;
  text-decoration:none !important;
}
.button:hover,.wp-block-button__link:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover,
.single_add_to_cart_button:hover{
  background:var(--lumiy-middernacht) !important;
  color:var(--lumiy-sterrengoud) !important;
}
/* Secundaire knop */
.wp-block-button.is-style-outline .wp-block-button__link{
  background:transparent !important;
  color:var(--lumiy-dagbruin) !important;
  border:1.5px solid var(--lumiy-cappuccino) !important;
}

/* ==========================================================
   6. WooCommerce
   ========================================================== */
.woocommerce ul.products li.product{
  background:var(--lumiy-schelp);
  border:1px solid #E7DFCF;border-radius:14px;
  padding:14px;transition:box-shadow .2s ease;
}
.woocommerce ul.products li.product:hover{box-shadow:0 18px 40px -24px rgba(40,32,24,.35);}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:'Marcellus',serif;font-size:19px;color:var(--lumiy-dagbruin);
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price{
  color:var(--lumiy-inkt) !important;
  font-family:'Hanken Grotesk',sans-serif;font-weight:600;
}
.woocommerce div.product .product_title{color:var(--lumiy-dagbruin);}
.woocommerce-message,.woocommerce-info{
  background:var(--lumiy-dageraad) !important;
  border-top-color:var(--lumiy-sterrengoud) !important;
  color:var(--lumiy-inkt) !important;border-radius:10px;
}
.woocommerce-message::before,.woocommerce-info::before{color:var(--lumiy-cappuccino) !important;}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
input[type=text],input[type=email],input[type=tel],input[type=password],textarea,select{
  background:#fff;border:1px solid #DDD3C0 !important;border-radius:10px !important;
  padding:12px 14px !important;font-family:'Hanken Grotesk',sans-serif !important;
  color:var(--lumiy-inkt) !important;
}
/* Sale/badge in huisstijl */
.woocommerce span.onsale{
  background:var(--lumiy-sterrengoud) !important;color:var(--lumiy-middernacht) !important;
  border-radius:99px;font-family:'Hanken Grotesk',sans-serif;font-weight:600;
  min-height:auto;line-height:1;padding:8px 12px;
}

/* ==========================================================
   7. Footer — het nachtmoment van elke pagina
   ========================================================== */
.site-footer,#colophon{
  background:var(--lumiy-middernacht) !important;
  color:#CFC8BC !important;
}
.site-footer a{color:var(--lumiy-maanmelk) !important;text-decoration:none;}
.site-footer a:hover{color:var(--lumiy-sterrengoud) !important;}
.site-footer .widget-title,.site-footer h2,.site-footer h3{
  color:var(--lumiy-sterrengoud) !important;
  font-family:'Marcellus',serif !important;font-weight:400 !important;
  font-size:15px;letter-spacing:.14em;text-transform:uppercase;
}
/* subtiel sterrenveld bovenin de footer */
.site-footer{position:relative;}
.site-footer::before{
  content:"";position:absolute;inset:0 0 auto 0;height:120px;pointer-events:none;
  background-image:radial-gradient(circle 1.5px at 12% 40%,rgba(205,171,112,.55) 99%,transparent),
    radial-gradient(circle 1px at 28% 66%,rgba(205,171,112,.35) 99%,transparent),
    radial-gradient(circle 2px at 45% 30%,rgba(205,171,112,.5) 99%,transparent),
    radial-gradient(circle 1px at 58% 58%,rgba(205,171,112,.3) 99%,transparent),
    radial-gradient(circle 1.5px at 72% 38%,rgba(205,171,112,.45) 99%,transparent),
    radial-gradient(circle 1px at 86% 62%,rgba(205,171,112,.35) 99%,transparent),
    radial-gradient(circle 2px at 94% 34%,rgba(205,171,112,.4) 99%,transparent);
}
/* Kadence themacredit verbergen (verwijder 'm ook in de customizer) */
.site-footer .footer-html .kadence-credits,
.site-footer a[href*="kadencewp"]{display:none !important;}

/* ==========================================================
   8. Divers
   ========================================================== */
.error404 .page-title{font-size:clamp(28px,4vw,40px);}
hr,.wp-block-separator{border-color:#E2DACA;}
.wp-block-quote{border-left:3px solid var(--lumiy-sterrengoud);font-family:'Marcellus',serif;color:var(--lumiy-dagbruin);}
img{border-radius:0;}
.wp-block-image img,.wp-block-cover{border-radius:14px;}
/* rustige tabellen (maattabellen) */
table{border-collapse:collapse;}
table td,table th{border:1px solid #E7DFCF;padding:10px 14px;}
table th{background:var(--lumiy-dageraad);font-family:'Hanken Grotesk',sans-serif;font-weight:600;}


/* ==========================================================
   9. LUMIY-secties — de "mooie" laag voor homepage & landingspagina's
   Gebruik: geef een Groep-blok de extra CSS-klasse (rechterpaneel →
   Geavanceerd → Extra CSS-klasse(n)). De plakcodes doen dit al.
   ========================================================== */

/* ---- Hero ---- */
.lumiy-hero{
  background:
    radial-gradient(circle 2px at 82% 18%, rgba(205,171,112,.55) 99%, transparent),
    radial-gradient(circle 1.5px at 74% 30%, rgba(205,171,112,.4) 99%, transparent),
    radial-gradient(circle 1px at 88% 34%, rgba(205,171,112,.35) 99%, transparent),
    radial-gradient(circle 1.5px at 66% 14%, rgba(205,171,112,.3) 99%, transparent),
    radial-gradient(circle 1px at 92% 22%, rgba(205,171,112,.45) 99%, transparent),
    radial-gradient(circle 2px at 79% 42%, rgba(205,171,112,.25) 99%, transparent),
    radial-gradient(ellipse 90% 70% at 50% 0%, #FBF6EB 0%, #F3EADA 55%, #EFE4D2 100%);
}
.lumiy-hero h1{
  font-size:clamp(38px,5.2vw,60px);
  letter-spacing:.005em;
  color:#3F362C;
}
.lumiy-hero .lumiy-eyebrow{
  font-family:'Hanken Grotesk',sans-serif;font-weight:600;
  font-size:12px;letter-spacing:.28em;text-transform:uppercase;
  color:var(--lumiy-cappuccino);margin-bottom:14px;
}
.lumiy-hero .wp-block-buttons{margin-top:28px;}
.lumiy-hero .wp-block-button__link{padding:16px 34px !important;font-size:16px !important;}

/* fotokader met diepte */
.lumiy-frame{
  border-radius:18px;overflow:hidden;
  box-shadow:0 40px 80px -36px rgba(43,38,34,.45), 0 12px 28px -18px rgba(43,38,34,.25);
}
.lumiy-frame img{display:block;width:100%;}
.lumiy-frame-placeholder{
  border-radius:18px;
  background:linear-gradient(150deg,#F7EFE0 0%,#E9D9BF 100%);
  box-shadow:inset 0 0 0 1px rgba(168,136,106,.25), 0 40px 80px -36px rgba(43,38,34,.35);
}

/* ---- Kaarten (Zo werkt het / beloftes) ---- */
.lumiy-cards .wp-block-column{
  background:#FFFFFF;
  border:1px solid #EAE2D2;border-radius:18px;
  padding:34px 30px 30px;
  box-shadow:0 24px 50px -38px rgba(43,38,34,.35);
  transition:transform .25s ease, box-shadow .25s ease;
}
.lumiy-cards .wp-block-column:hover{
  transform:translateY(-5px);
  box-shadow:0 34px 60px -36px rgba(43,38,34,.45);
}
.lumiy-num{
  font-family:'Marcellus',serif;font-size:20px;color:var(--lumiy-sterrengoud);
  width:52px;height:52px;border:1px solid rgba(205,171,112,.5);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 18px;
}

/* ---- Sectiekoppen ---- */
.lumiy-sec-kop{text-align:center;max-width:640px;margin:0 auto 44px;}
.lumiy-sec-kop .lumiy-eyebrow{
  font-family:'Hanken Grotesk',sans-serif;font-weight:600;
  font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;
  color:var(--lumiy-cappuccino);margin-bottom:10px;
}
.lumiy-sec-kop h2{margin-bottom:12px;}

/* ---- Nachtsectie met sterrenveld ---- */
.lumiy-night{
  position:relative;
  background:
    radial-gradient(ellipse 120% 90% at 50% 35%, #37302A 0%, #2B2622 55%, #221E1B 100%);
  color:#CFC8BC;
  overflow:hidden;
}
.lumiy-night::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:url('assets/img/sterrenveld.svg');
  background-size:600px;opacity:.5;
}
.lumiy-night > *{position:relative;}
.lumiy-night h2,.lumiy-night h3{color:var(--lumiy-maanmelk);}
.lumiy-night .lumiy-eyebrow{color:var(--lumiy-sterrengoud);}
.lumiy-night a{color:var(--lumiy-sterrengoud);}
.lumiy-night .wp-block-button__link{
  background:var(--lumiy-sterrengoud) !important;color:var(--lumiy-middernacht) !important;
}
.lumiy-night .wp-block-button__link:hover{background:var(--lumiy-maanmelk) !important;}

/* babyfoon-kader */
.lumiy-monitor{
  border-radius:20px;background:#1D1A17;
  border:1px solid rgba(205,171,112,.28);
  box-shadow:0 0 0 6px rgba(205,171,112,.06), 0 44px 90px -40px rgba(0,0,0,.7);
  padding:16px;
}
.lumiy-monitor-inner{
  border-radius:12px;min-height:300px;
  background:
    radial-gradient(circle 1.5px at 30% 40%, rgba(245,241,232,.7) 99%, transparent),
    radial-gradient(circle 1px at 44% 55%, rgba(245,241,232,.5) 99%, transparent),
    radial-gradient(circle 2px at 55% 38%, rgba(245,241,232,.75) 99%, transparent),
    radial-gradient(circle 1px at 62% 60%, rgba(245,241,232,.45) 99%, transparent),
    radial-gradient(circle 1.5px at 70% 45%, rgba(245,241,232,.6) 99%, transparent),
    #262220;
  display:flex;align-items:center;justify-content:center;
}

/* ---- Reviews ---- */
.lumiy-quotes .wp-block-column{
  background:#FFFFFF;border:1px solid #EAE2D2;border-radius:18px;
  padding:30px 28px;box-shadow:0 24px 50px -38px rgba(43,38,34,.3);
}
.lumiy-quotes blockquote{border:none;margin:0;padding:0;font-size:15.5px;}
.lumiy-quotes blockquote p{font-family:'Marcellus',serif;font-size:17px;color:#3F362C;}
.lumiy-quotes cite{font-style:normal;font-size:13px;color:#8A7F70;display:block;margin-top:10px;}
.lumiy-quotes blockquote::before{
  content:"\2726";color:var(--lumiy-sterrengoud);display:block;font-size:18px;margin-bottom:10px;
}

/* ---- FAQ (details) ---- */
.lumiy-faq details{
  border-bottom:1px solid #E2DACA;padding:18px 4px;
}
.lumiy-faq details:first-of-type{border-top:1px solid #E2DACA;}
.lumiy-faq summary{
  font-family:'Marcellus',serif;font-size:18px;color:#3F362C;
  cursor:pointer;list-style:none;position:relative;padding-right:36px;
}
.lumiy-faq summary::-webkit-details-marker{display:none;}
.lumiy-faq summary::after{
  content:"+";position:absolute;right:6px;top:0;
  color:var(--lumiy-cappuccino);font-family:'Hanken Grotesk',sans-serif;font-size:22px;font-weight:300;
  transition:transform .2s ease;
}
.lumiy-faq details[open] summary::after{transform:rotate(45deg);}
.lumiy-faq details p{margin-top:12px;color:#453E35;}

/* ---- Nieuwsbrief ---- */
.lumiy-signup{
  background:linear-gradient(160deg,#F3EADA 0%,#EBDDC6 100%);
  border-radius:0;
}
.lumiy-signup .wpforms-container input[type=email],
.lumiy-signup .wpforms-container input[type=text]{
  background:#fff;border:1px solid #DDD3C0 !important;border-radius:10px !important;padding:14px 16px !important;
}
.lumiy-signup .wpforms-container button[type=submit]{width:100%;margin-top:8px;}

/* ---- Scroll-reveals ---- */
.lumiy-anim .lumiy-fade{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease;}
.lumiy-anim .lumiy-fade.lumiy-in{opacity:1;transform:none;}

/* ---- Divers ---- */
.lumiy-hr-stars{
  border:none;height:22px;background:none;text-align:center;overflow:visible;
}
.lumiy-hr-stars::after{content:"\2726\00a0\00a0\2726\00a0\00a0\2726";color:var(--lumiy-sterrengoud);letter-spacing:6px;font-size:12px;}
@media(max-width:781px){
  .lumiy-cards .wp-block-column{margin-bottom:6px;}
  .lumiy-hero h1{font-size:34px;}
}


/* ==========================================================
   10. v1.2 — structuurfixes + verfijning
   ========================================================== */

/* De "gekke hap": Kadence paginatitel-gebied en de boxed
   content-kaart uitschakelen op pagina's. */
.page .entry-header,
.page .entry-hero-container-inner,
.page .kadence-breadcrumbs{display:none !important;}
.page .content-area{padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;}
.page article.entry,
.page .entry.content-bg,
.page .content-bg{background:transparent !important;box-shadow:none !important;border:none !important;border-radius:0 !important;}
.page .entry-content-wrap{padding:0 !important;}
.page .site-container,.page .content-container{max-width:none !important;}
.page .entry-content > .alignfull:first-child{margin-top:0 !important;}
.page .entry-content{margin-top:0 !important;}

/* Dubbele sitenaam naast het logo verbergen (audit-punt) */
.site-branding .site-title,
.site-branding .site-description{display:none !important;}

/* ---- Hero-verfijning ---- */
.lumiy-hero{position:relative;overflow:hidden;}
.lumiy-hero::after{
  content:"";position:absolute;top:44px;right:5%;
  width:230px;height:92px;
  background:url('assets/img/constellatie_goud.svg') no-repeat center/contain;
  opacity:.4;pointer-events:none;
}
@media(max-width:781px){.lumiy-hero::after{width:150px;height:60px;top:20px;right:4%;opacity:.3;}}
h1,h2,h3{text-wrap:balance;}
html{scroll-behavior:smooth;}

/* Primaire hero-knop met pijl en zachte glans */
.lumiy-hero .wp-block-button:not(.is-style-outline) .wp-block-button__link::after{
  content:"\2192";margin-left:10px;transition:transform .2s ease;display:inline-block;
}
.lumiy-hero .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover::after{transform:translateX(4px);}

/* Fotokaders: rustige zoom bij hover */
.lumiy-frame,.lumiy-frame-placeholder{transition:transform .5s ease, box-shadow .5s ease;}
.lumiy-frame:hover,.lumiy-frame-placeholder:hover{transform:scale(1.012);}

/* Sectieritme: opeenvolgende volle secties niet dubbel laten stapelen */
.entry-content > .alignfull{margin-top:0;margin-bottom:0;}

/* WooCommerce beeld-afronding + nette hover */
.woocommerce ul.products li.product img{border-radius:10px;transition:transform .4s ease;}
.woocommerce ul.products li.product:hover img{transform:scale(1.015);}

/* Mobiel: hero compacter, koppen strakker */
@media(max-width:781px){
  .lumiy-hero{padding-top:64px !important;padding-bottom:64px !important;}
  .lumiy-night{padding-top:64px !important;padding-bottom:64px !important;}
  .lumiy-sec-kop{margin-bottom:28px;}
}

/* Rustige scrollbar (WebKit) */
::-webkit-scrollbar{width:11px;}
::-webkit-scrollbar-track{background:var(--lumiy-maanmelk);}
::-webkit-scrollbar-thumb{background:#D8CDB8;border-radius:8px;border:2px solid var(--lumiy-maanmelk);}
::-webkit-scrollbar-thumb:hover{background:var(--lumiy-cappuccino);}


/* ==========================================================
   11. v1.3 — levende onderdelen uit het designdoel
   ========================================================== */

/* Hero-visual met badge */
.lumiy-heroviz{position:relative;}
.lumiy-herocard{
  border-radius:20px;overflow:hidden;position:relative;
  background:linear-gradient(160deg,#F2E7D3 0%,#E4D2B4 100%);
  box-shadow:0 50px 100px -44px rgba(43,38,34,.5), 0 16px 40px -24px rgba(43,38,34,.3);
  display:flex;align-items:center;justify-content:center;
  aspect-ratio:4/5;
}
.lumiy-herocard::before{
  content:"";position:absolute;width:70%;height:55%;top:-10%;right:-12%;
  background:radial-gradient(circle,rgba(255,243,216,.9),transparent 70%);border-radius:50%;
}
.lumiy-herocard img,.lumiy-herocard svg{position:relative;}
.lumiy-badge{
  position:absolute;bottom:-22px;left:-22px;z-index:3;
  background:var(--lumiy-middernacht);color:var(--lumiy-maanmelk);
  border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:14px;
  box-shadow:0 24px 50px -24px rgba(0,0,0,.5);
}
.lumiy-badge .lumiy-badge-ic{width:44px;height:44px;border-radius:12px;background:#221E1A;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.lumiy-badge b{display:block;font-size:13.5px;font-weight:600;color:var(--lumiy-sterrengoud);}
.lumiy-badge span{font-size:12px;color:#B7AD9E;}
@media(max-width:781px){.lumiy-badge{left:10px;bottom:-16px;padding:12px 14px;}}

/* Levend babyfoonscherm */
.lumiy-monitor-scherm{
  position:relative;border-radius:14px;background:#262220;overflow:hidden;
  aspect-ratio:16/11;display:flex;align-items:center;justify-content:center;
}
.lumiy-monitor-tijd{
  position:absolute;top:14px;right:18px;
  font-family:'Marcellus',serif;color:var(--lumiy-sterrengoud);
  letter-spacing:.16em;font-size:14px;
}
.lumiy-monitor-rec{
  position:absolute;top:16px;left:18px;display:flex;align-items:center;gap:7px;
  font-size:10.5px;letter-spacing:.14em;color:#8F877A;font-family:'Hanken Grotesk',sans-serif;
}
.lumiy-monitor-rec i{width:7px;height:7px;border-radius:50%;background:#A65B41;display:block;animation:lumiy-blink 2s infinite;}
.lumiy-adem{animation:lumiy-adem 4.2s ease-in-out infinite;transform-origin:center;}
@keyframes lumiy-adem{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@keyframes lumiy-blink{0%,100%{opacity:1}50%{opacity:.25}}
@media(prefers-reduced-motion:reduce){.lumiy-adem,.lumiy-monitor-rec i{animation:none;}}

/* USP-kaart iconcirkel */
.lumiy-ic{
  width:56px;height:56px;border-radius:50%;
  border:1px solid rgba(205,171,112,.5);color:var(--lumiy-sterrengoud);
  display:flex;align-items:center;justify-content:center;margin:0 auto 18px;
}

/* Stappen met cirkelnummers (nachtsectie) */
.lumiy-stap{display:flex;gap:18px;margin-bottom:22px;align-items:flex-start;}
.lumiy-stap .n{
  font-family:'Marcellus',serif;color:var(--lumiy-sterrengoud);
  border:1px solid rgba(205,171,112,.5);width:44px;height:44px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:17px;
}
.lumiy-stap b{display:block;color:var(--lumiy-maanmelk);font-weight:600;font-size:15.5px;margin-bottom:2px;}
.lumiy-stap p{font-size:14.5px;color:#B7AD9E;margin:0;}