/* === YPB Branding === */
/* 1) Font import + basis */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&display=swap');

:root{
  --ypb-gold: #d0b458;
  --ypb-gold-hover: #e2c86a; /* optioneel iets lichter op hover */
}

/* Basis font overal */
html, body, .sb-container, .page-content, .booking-content,
input, textarea, select, button, .modal, .card, .widget, .content,
p, li, a, span {
  font-family: 'Cinzel', serif !important;
  font-weight: 400;
}

/* Headings bold */
h1, h2, h3, h4, h5, h6,
.title, .heading, .sb-title, .section-title,
#events h3, #steps h2, #steps h3, #steps h4, .serviceDetails h2, .serviceDetails h3 {
  font-family: 'Cinzel', serif !important;
  font-weight: 700 !important;
  letter-spacing: .3px;
}

/* 2) Navigatiekleur (desktop & mobiel) */
header a, .header a, nav a,
.menu a, .main-menu a, .navigation a,
.sb-header .nav a, .sb-top-menu a, .sb-menu a,
.menu__link, .nav__link, .navigation-list a {
  color: var(--ypb-gold) !important;
}

/* Hover/active/focus voor navigatie */
header a:hover, .header a:hover, nav a:hover,
.menu a:hover, .main-menu a:hover, .navigation a:hover,
.sb-header .nav a:hover, .sb-top-menu a:hover, .sb-menu a:hover,
.menu__link:hover, .nav__link:hover, .navigation-list a:hover,
header a:focus, .menu a:focus, .nav__link:focus,
header .active > a, nav .active > a, .menu .active > a {
  color: var(--ypb-gold-hover) !important;
  text-decoration: none !important;
}

/* 3) Mobiele menu trigger (hamburger) */
.sb-burger span, .hamburger span, .burger span,
.menu-toggle span, .mobile-menu-toggle span {
  background-color: var(--ypb-gold) !important;
}

/* (Optioneel) algemene links site-breed */
a { color: var(--ypb-gold) !important; }
a:hover, a:focus { color: var(--ypb-gold-hover) !important; }

/* === 4) KNOPTEKST OVERAL WIT === */
/* Buttons kunnen <button>, <input> of <a> met button-classes zijn.
   We targetten breed + forceren states en kinderen. */
button,
input[type="button"],
input[type="submit"],
/* SimplyBook varianten */
.sb-btn, .sb-button, .sb-primary, .sb-secondary,
/* Bootstrap-achtige varianten */
.btn, .btn-primary, .btn-secondary, .btn-success, .btn-default,
/* Booking flow specifieke */
.reserve_time_btn, .selectButton, .selectBtn, .nextBtn, .prevBtn, .book-btn,
/* Ankers die als knop gestyled zijn */
a.sb-btn, a.sb-button, a.btn, a.btn-primary, a.btn-secondary, a.btn-success,
a.btn-default, a.book, a.book-btn, a.btn-with-icon, a.custom,
/* Zorg ook dat eventuele binnen-spans wit zijn */
.btn *, .sb-btn *, .sb-button *, .selectButton *, .nextBtn *, .prevBtn * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important; /* WebKit fallback */
  font-family: 'Cinzel', serif !important;
  font-weight: 700 !important;
  text-transform: uppercase;
}

/* Forceer link-states van anker-knoppen ook wit */
a.btn:link, a.btn:visited, a.btn:hover, a.btn:active,
a.sb-button:link, a.sb-button:visited, a.sb-button:hover, a.sb-button:active,
a.book:link, a.book:visited, a.book:hover, a.book:active,
a.selectButton:link, a.selectButton:visited, a.selectButton:hover, a.selectButton:active,
a.nextBtn:link, a.nextBtn:visited, a.nextBtn:hover, a.nextBtn:active,
a.prevBtn:link, a.prevBtn:visited, a.prevBtn:hover, a.prevBtn:active {
  color: #ffffff !important;
}

/* Optioneel: kleine hover-dim zonder kleurverlies */
button:hover, .btn:hover, .sb-button:hover,
.selectButton:hover, .nextBtn:hover, .prevBtn:hover,
a.btn:hover, a.sb-button:hover, a.book:hover {
  filter: brightness(0.95);
}

/* === 5) Verberg 'Mijn boekingen' / 'My bookings' in het menu === */
/* We proberen verschillende mogelijke selectors/URL-paden.
   Dit laat de flow intact maar verbergt de zichtbare menuknop. */

/* Link op basis van URL-fragmenten die SimplyBook vaak gebruikt */
a[href*="my-bookings"], a[href*="my_bookings"], a[href*="client"],
.sb-menu a[href*="my-bookings"], .navigation a[href*="my-bookings"],
.sb-top-menu a[href*="my-bookings"] {
  display: none !important;
}

/* Als het item een specifieke class heeft */
.my-bookings, li.my-bookings, .sb-my-bookings {
  display: none !important;
}

/* Fallback: als 'Mijn boekingen' de laatste menu-entry is in jouw thema,
   kun je de volgende regels gebruiken. Let op: dit verbergt ALTIJD het laatste item. */
/*
.sb-menu li:last-child,
.navigation-list li:last-child,
.header .menu li:last-child {
  display: none !important;
}
*/

/* Mobiel menu (indien aparte structuur) */
.menu a[href*="my-bookings"], .menu a[href*="my_bookings"], .menu a[href*="client"],
.mobile-menu a[href*="my-bookings"], .mobile-menu a[href*="my_bookings"], .mobile-menu a[href*="client"] {
  display: none !important;
}