/*
Theme Name: De Wezel
Theme URI: https://campingdewezel.nl
Author: Boerderijcamping
Author URI: https://campingdewezel.nl
Description: Compleet op maat gemaakt WordPress thema voor Boerderijcamping De Wezel in Diepenheim - Twente. Inclusief Custom Post Type 'veld' (3 kampeervelden), interactieve SVG campingplattegrond, prijzenlijst 2025 en volledige Tommy Booking Support integratie met AJAX beschikbaarheidscontrole.
Version: 1.0.20261003114736
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dewezel
Tags: camping, boerderijcamping, twente, diepenheim, tommy-booking, tailwind, responsive
*/

:root {
  --wezel-green: #4A7C3F;
  --wezel-green-dark: #3A6331;
  --wezel-sand: #F5F1E8;
  --wezel-sand-dark: #EAE3D2;
  --wezel-orange: #F59E0B;
  --wezel-orange-dark: #D97706;
  --wezel-text: #2D241E;
  --wezel-white: #FFFFFF;
}

html {
  scroll-behavior: smooth;
  background-color: var(--wezel-sand);
  color: var(--wezel-text);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  /* KRITIEK: het Tommy (boeken)widget lekt via bootstrap.min.prefixed.css een
     globale 'html{font-size:10px}'. Tailwind Play-CDN drukt alle utilities in rem
     uit, dus zakt de hele site dan met 62,5% ineen (small/dun, max-w-7xl -> 800px).
     Deze stijl.css laadt als laatste in <head>, dus !important wint altijd. */
  font-size: 16px !important;
}

h1, h2, h3, h4, h5, h6, .font-heading {
  font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 700;
  text-wrap: balance;
}

.wezel-card {
  background: var(--wezel-white);
  border-radius: 24px;
  box-shadow: 0 10px 30px -5px rgba(45, 36, 30, 0.07), 0 4px 12px -2px rgba(45, 36, 30, 0.04);
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.wezel-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 36px -6px rgba(45, 36, 30, 0.12), 0 6px 16px -3px rgba(45, 36, 30, 0.06);
}

.tabular-nums {
  font-variant-numeric: tabular-nums;
}

/* WordPress Core Alignment Classes */
.alignwide {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.alignfull {
  width: 100%;
  max-width: 100%;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

/* ---- Reparatie: het Tommy (boeken)widget plakt Bootstrap 3 CSS vooraan in <head>
   met ongescoperde body-regels (14px Helvetica) die de hele site doen "krimpen".   Deze regels staan later in de cascade en herstellen de theme-typografie. ---- */
body {
  margin: 0;
  background-color: transparent;
  color: var(--wezel-text);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

body h1, body h2, body h3, body h4, body h5, body h6 {
  font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 700;
}

body a {
  color: inherit;
}

/* De widget-layout zelf (tbs/gescoperd) laten we onaangetast, maar laten we het
   wél de volledige breedte van zijn container gebruiken (anders wordt het smalle
   boekingsformulier in de sidebar afgekapt). */
#TommyBookingSupport body,
#TommyBookingSupport {
  font-size: 14px;
}
#TommyBookingSupport,
.wezel-tommy-booking-container,
.wezel-tommy-booking-container > * {
  width: 100% !important;
  max-width: 100% !important;
}