/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* Herstel de basis font-size die door externe scripts wordt verlaagd */
html, body {
    font-size: 16px !important;
}

/* Zorg dat de Tommy widget zelf wel zijn eigen styling behoudt indien nodig */
.tommy-booking-container {
    font-size: initial;
}

/* Reusable animation class for Gutenberg headings */
.hero-reveal-text {


  /* Initial hidden state */
  opacity: 0;
  transform: translateY(32px);

  /* Transition settings */
  transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1),
              transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;

}

/* Triggered state */
.hero-reveal-text.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.menu-cta {
	background-color: var(--global-color-7);
	color: var(--global-color-13)!important;
	border-radius: 0.75rem;
	padding: .2rem;
}

.menu-cta a {
	color: var(--global-color-13)!important;
}

.menu-cta .sub-menu a {
	color: #6A864E!important;
}

/* Target the specific button block with your reveal class */
.blurred.hero-reveal-text {
    /* 1. Force the blur to be present immediately */
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;

    /* 2. Tell the transition to ONLY affect opacity and transform */
    /* This skips the blur, so it doesn't wait for the 0.4s delay */
    transition-property: opacity, transform !important;

    /* 3. Performance boost for 2026 browsers */
    will-change: opacity, transform, backdrop-filter;
}

.no-fill-svg svg {
    fill: none !important;
}

.wp-block-image img {
    border-radius: 10px;
}

ol, ul {
    margin: 0 0 1.5em 1em;
}

.wp-block-file__button {
    background: #6A864E;
    color: #fff;
    text-decoration: none;
}

.wp-block-file__button:hover {
    color: #fff;

}

/* Hoofdknoppen en Primaire Acties */
.tommy-booking-widget .btn-primary,
.tommy-booking-widget button,
.tommy-booking-widget .tommy-step-indicator .active {
    background-color: #6A864E !important;
    border-color: #6A864E !important;
    color: #ffffff !important;
}

/* Hover effecten op knoppen */
.tommy-booking-widget .btn-primary:hover,
.tommy-booking-widget button:hover {
    background-color: #8FC24B !important;
    border-color: #8FC24B !important;
}

/* Kalender selectie en highlights */
.tommy-booking-widget .datepicker td.active,
.tommy-booking-widget .datepicker td.selected {
    background-color: #6A864E !important;
}

.tommy-booking-widget .datepicker td.available:hover {
    background-color: #D2E4C1 !important;
}

/* Lichte accenten (bijv. prijsblokken of geselecteerde items) */
.tommy-booking-widget .tommy-item-selected,
.tommy-booking-widget .summary-block {
    background-color: #D2E4C1 !important;
    border: 1px solid #6A864E;
}

/* Hoofdkleur voor titels en actieve elementen */
.tommy-matrix th,
.tommy-matrix .active,
.tommy-matrix .btn-primary {
    background-color: #6a864e !important;
    border-color: #5a7342 !important;
    color: #ffffff !important;
}

/* Lichtere tint voor hover-effecten en subkoppen */
.tommy-matrix td:hover,
.tommy-matrix .highlight {
    background-color: #8da475 !important; /* Iets lichtere variant van #6a864e */
}

/* Algemene links en iconen binnen de matrix */
.tommy-matrix a,
.tommy-matrix .fa {
    color: #6a864e !important;
}

/* Aanpassing voor specifieke Tommy-widgets zoals de Zoek & Boek */
.tbs-search-and-book .btn,
.tbs-matrix-container .header {
    background-color: #6a864e !important;
}

/* Specifieke selector voor prijscellen en hun links */
.tommy-matrix td.available,
.tommy-matrix td.price,
.tommy-matrix .tbs-matrix-cell a, .matrix-row .fixed-one .fixed-one_text {
    background-color: #6a864e !important;
    color: #ffffff !important;
    border: 1px solid #5a7342 !important;
}

/* De kleur van de tekst (de prijs zelf) in de cel */
.tommy-matrix td .price-amount,
.tommy-matrix td span.price {
    color: #ffffff !important;
}

/* Hover effect voor de prijscellen */
.tommy-matrix td.available:hover,
.tommy-matrix td.price:hover {
    background-color: #5a7342 !important; /* Donkerdere tint groen voor interactie */
}

/* Indien de cellen een blauwe schaduw of gloed hebben */
.tommy-matrix td.available,
.tommy-matrix td.price {
    box-shadow: none !important;
}

.tbs-modal-dialog button.close, input.wpcf7-submit, input.wpcf7-submit:hover  {
	background-color:#6a864e;
}

input.wpcf7-submit {
	border-radius:15px;
}

.site-footer a {
	text-decoration: none
}
/* Forceer Verdana voor alle Tommy Booking elementen */
[class^="tommy-"], [id^="tommy-"], .tommy-booking-container, .tommy-booking-container * {
    font-family: Verdana, Geneva, sans-serif !important;
}

/* Forceer Verdana voor alle koppen binnen de Tommy container */
#TommyBookingSupport h1,
#TommyBookingSupport h2,
#TommyBookingSupport h3,
#TommyBookingSupport h4,
#TommyBookingSupport h5,
#TommyBookingSupport h6,
div[data-widget="boeken"] h1,
div[data-widget="boeken"] h2,
div[data-widget="boeken"] h3,
div[data-widget="boeken"] h4,
div[data-widget="boeken"] h5,
div[data-widget="boeken"] h6 {
    font-family: Verdana, Geneva, sans-serif !important;
}

#TommyBookingSupport h2 {
	font-size:22px!important;
}

#TommyBookingSupport h3 {
	font-size:18px!important;
}

#TommyBookingSupport h4 {
	font-size:16px!important;
}

.wp-block-search__inside-wrapper {
	border-radius:10px;
}

.wp-block-search__input {
	padding: 5px 10px!important;
}

.wp-block-search__inside-wrapper button {
		padding: 5px 10px!important
}

.tommy-zeb-wrapper .tommy-zeb-left {
border-radius:15px!important;
	background-color:var(--global-color-7)!important;
}


.tommy-zeb-wrapper-mini button.tommy-zeb-btn {
	border-radius: 8px!important
}


.tommy-zeb-wrapper-mini button.tommy-zeb-btn:hover {
	background-color:white!important;
	color: var(--global-color-7)!important;
}


.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-person-category-list {
	background-color:var(--global-color-10)!important;
}