/* Studio Ilona – huisstijl-aanvullingen bij Elementor.
   Kleuren en lettertypes zelf stel je in bij Elementor > Site-instellingen (zie handleiding). */
:root{
  --si-creme:#F7F2EA; --si-zand:#E8DCCD; --si-zand-licht:#F0E7DC;
  --si-taupe:#574535; --si-taupe-zacht:#6E5A49; --si-knop:#80674F; --si-brons:#B58F72; --si-lijn:#D6C4B1;
}
body{background-color:var(--si-creme);color:var(--si-taupe);
  background-image:repeating-linear-gradient(0deg,rgba(87,69,53,.025) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(87,69,53,.02) 0 1px,transparent 1px 4px)}
.si-opening{background:var(--si-zand);color:var(--si-taupe);text-align:center;padding:.7rem 16px;font-size:.95rem;border-bottom:1px solid var(--si-lijn)}
.si-opening strong{font-weight:500}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--si-knop);outline-offset:3px}
.si-label{font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:var(--si-taupe-zacht)}
.si-noot{font-style:italic;color:var(--si-taupe-zacht)}

/* Prijzen: tabellen in een Teksteditor-widget met CSS-klasse si-prijzen */
.si-prijzen table{width:100%;border-collapse:collapse;border:0;margin:0}
.si-prijzen td{border:0;border-bottom:1px dotted var(--si-lijn);padding:.55rem 0;font-family:"Cormorant Garamond",Garamond,serif;font-size:1.3rem;color:var(--si-taupe);background:none;font-variant-numeric:tabular-nums;vertical-align:baseline}
.si-prijzen td:last-child{text-align:right;white-space:nowrap;padding-left:1rem}
.si-prijzen tr:nth-child(even) td{background:none}
.si-prijzen em{display:block;font-size:1rem;color:var(--si-taupe-zacht)}
.si-toeslag{font-family:"Jost",Arial,sans-serif;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--si-brons);color:var(--si-knop);padding:.05rem .45rem;margin-left:.4rem;white-space:nowrap;font-style:normal}

/* Openingstijden-tabel */
.si-tijden table{width:100%;border-collapse:collapse;border:0}
.si-tijden th,.si-tijden td{border:0;border-bottom:1px solid var(--si-lijn);padding:.6rem .3rem;text-align:left;background:none;font-variant-numeric:tabular-nums}
.si-tijden tr:nth-child(even) td{background:none}

/* Lijst met dunne bronsstreepjes (nazorg) */
.si-streepjes ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 3rem}
.si-streepjes li{position:relative;padding-left:1.4rem}
.si-streepjes li::before{content:"";position:absolute;left:0;top:.75em;width:.55rem;height:1px;background:var(--si-brons)}
@media (max-width:767px){.si-streepjes ul{grid-template-columns:1fr}}

/* Zachte crème waas achter hero-tekst */
.si-hero-vlak{background:rgba(247,242,234,.78)!important;border:1px solid rgba(214,196,177,.6)}

/* Geen horizontaal scrollen */
html,body{overflow-x:hidden}

/* Menu: "Maak een afspraak" als knop, Instagram als icoon */
.si-menu-knop > a{background:var(--si-knop);color:#FFFCF8!important;padding:.55rem 1.1rem!important;border-radius:2px;letter-spacing:.08em}
.si-menu-knop > a:hover{background:var(--si-taupe)}
.site-header .site-navigation ul.menu li a, .site-header .site-navigation-dropdown ul.menu li a{color:var(--si-taupe)}
.site-header{border-bottom:1px solid var(--si-lijn)}
/* Elementor-paginasjabloon zonder thema-voettekst dubbel */
.elementor img{height:auto;max-width:100%}
.site-header .site-logo img,.site-header img.custom-logo{width:230px;max-width:60vw;height:auto}
@media (max-width:767px){.site-header .site-logo img,.site-header img.custom-logo{width:180px}}

/* Voettekst: lichte crème op donkerbruin */
.si-voet, .si-voet p, .si-voet .elementor-widget-text-editor{color:#F7F2EA}
.si-voet .elementor-heading-title{color:#E8DCCD}
.si-voet a{color:#F7F2EA;text-decoration:none;border-bottom:1px solid rgba(247,242,234,.35)}
.si-voet a:hover, .si-voet a:focus-visible{color:#FFFFFF;border-bottom-color:#F7F2EA}
.si-voet a:focus-visible{outline:2px solid #F7F2EA;outline-offset:3px}
/* Behandelkaarten: prijs en link op gelijke hoogte */
.si-kaart > .e-con-inner > .elementor-element:nth-child(2), .si-kaart > .elementor-element:nth-child(2){flex-grow:1}