/*
Theme Name: Twenty Twenty-Five Child
Template: twentytwentyfive
Text Domain: twentytwentyfive-child
Version: 1.0.0
*/

/* Hero: iets smaller tekstblok voor ademruimte */
.home-hero .wp-block-cover__inner-container { max-width: 1100px; }

/* Dunne lijn 15–85% breed */
.divider-thin { height:1px; width:70%; margin:2rem auto; background: currentColor; opacity:.25; }

/* Eenvoudige kaartstijl (generiek) */
.card { border:1px solid var(--wp--preset--color--contrast-3); border-radius:16px; }

/* Links: standaard kleur = tekst; visited = merk-kleur; altijd onderstreept */
.entry-content a { color: inherit; text-decoration: underline; }
.entry-content a:visited { color: var(--wp--preset--color--primary); }

/* Sticky header voor TT5 template-part */
/*.wp-site-blocks > .wp-block-template-part:first-child,
.wp-site-blocks > header.wp-block-template-part {
  position: sticky; top: 0; z-index: 1000;
  background: var(--wp--preset--color--background, #fff);
}

/* Adminbar-compensatie (ingelogd) */
.admin-bar .wp-site-blocks > .wp-block-template-part:first-child,
.admin-bar .wp-site-blocks > header.wp-block-template-part { top: 32px; }
@media (max-width: 782px){
  .admin-bar .wp-site-blocks > .wp-block-template-part:first-child,
  .admin-bar .wp-site-blocks > header.wp-block-template-part { top: 46px; }
}

/* Zorg dat niets eroverheen tekent (carrousels e.d.) */
.splide, .swiper, .wp-block-cover { z-index: 1; }

/* Header – logo links, menu rechts (robust) */
header.wp-block-template-part .ce-header-row{
  display: flex;
  align-items: center;
  justify-content: space-between;  /* sleutel */
}

/* Houd de ruimte tussen ítems in het menu zelf klein/constant */
:is(.wp-block-navigation.nav-main, .nav-main .wp-block-navigation) .wp-block-navigation__container{
  gap: clamp(6px, 0.8vw, 12px); /* klein, maar responsief */
}

/* kleine, consistente ruimte tussen menu-items (niet tussen logo en menu) */
:is(.wp-block-navigation.nav-main, .nav-main .wp-block-navigation) .wp-block-navigation__container{
  gap: clamp(6px, 0.8vw, 12px);
}

/* Sticky header – werkt site-breed, ook zonder .wp-site-blocks */
header.wp-block-template-part{
  position: sticky;
  top: 0;                 /* schuif onder adminbar aan via regels hieronder */
  z-index: 1000;
  background: var(--wp--preset--color--background, #fff);
}

/* Adminbar-offset (ingelogd) */
.admin-bar header.wp-block-template-part{ top: 32px; }
@media (max-width: 782px){
  .admin-bar header.wp-block-template-part{ top: 46px; }
}

/* 2) Page subtitle (ACF one_liner) – net groter dan bodytekst */
.project-header .one-liner{
  font-size: clamp(18px, 2.2vw, 24px);
  line-height: 1.4;
  color: var(--wp--preset--color--contrast-2, currentColor);
  margin: .25em 0 0.75em;
}

/* 7) Button anchors – no underline (fallback) */
.wp-block-button__link,
.wp-block-button__link:hover,
a.hero-cta,
a.hero-cta:hover{
  text-decoration: none;
}

/* (optioneel) zelfde 0.5rem radius op je handgemaakte CTA-link */
a.hero-cta{
  display: inline-block;
  border-radius: .5rem;
  padding: .6em 1em;
}

/* Body-tekstlinks, maar géén knoppen/CTA's */
.entry-content a:not(.wp-element-button):not(.wp-block-button__link):not(.button):not(.phc-impact-btn){
  color: var(--wp--preset--color--accent-1);
  text-decoration: underline;
}
.entry-content a:not(.wp-element-button):not(.wp-block-button__link):not(.button):not(.phc-impact-btn):hover{
  text-decoration: underline;
}
.entry-content a:visited:not(.wp-element-button):not(.wp-block-button__link):not(.button):not(.phc-impact-btn){
  color: color-mix(in srgb, var(--wp--preset--color--accent-1), #000 18%);
}

/* Alleen in content, niet in hero */
.entry-content .wp-block-button .wp-block-button__link,
.entry-content .wp-element-button{
  background-color: var(--wp--preset--color--accent-3);
  color: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--accent-3);
  border-radius: .5rem;
  text-decoration: none;
}

/* States in content gelijk houden */
.entry-content .wp-block-button .wp-block-button__link:hover,
.entry-content .wp-block-button .wp-block-button__link:focus,
.entry-content .wp-block-button .wp-block-button__link:active,
.entry-content .wp-block-button .wp-block-button__link:visited,
.entry-content .wp-element-button:hover,
.entry-content .wp-element-button:focus,
.entry-content .wp-element-button:active,
.entry-content .wp-element-button:visited{
  background-color: var(--wp--preset--color--accent-3);
  color: var(--wp--preset--color--base);
  text-decoration: none;
}

/* Tekstlinks (niet-buttons) – optioneel */
/*.entry-content a:not(.wp-element-button):not(.wp-block-button__link):not(.button){
  text-decoration: underline;
}*/

/* Body-tekstlinks, maar géén knoppen/CTA's */
.entry-content a:not(.wp-element-button):not(.wp-block-button__link):not(.button):not(.phc-impact-btn){
  color: var(--wp--preset--color--accent-1);
  text-decoration: underline;
}
.entry-content a:not(.wp-element-button):not(.wp-block-button__link):not(.button):not(.phc-impact-btn):hover{
  text-decoration: underline;
}

/* verberg auth-only items voor niet-ingelogden */
body:not(.logged-in) .gate-auth { display: none !important; }

/* verberg public-only zodra je ingelogd bent */
body.logged-in .gate-public { display: none !important; }