/* Mockup overrides: every place these renders differ from the plugin's raw output.
   Loaded after the plugin's stylesheets. Keep this list short and explained. */

/* 1. Calendar filters. tee-calendar.css adds padding-top: 8px to Select2's inline search field, which
      Select2 4.1 renders as an 18px-high border-box <textarea>. On a theme that does not restyle
      textareas, that clips the "Filter by ..." placeholder. Let the field grow to fit its padding. */
.select2-container--default .select2-search--inline .select2-search__field { height: 30px; padding-left: 8px; }

/* 2. Admin screens. WordPress uses the visitor's system font, which varies by machine. Render the admin
      views in Inter, a neutral stand-in for a system font, so they look the same wherever they are rendered. */
body.wp-admin, body.wp-admin input, body.wp-admin select, body.wp-admin textarea, body.wp-admin button,
body.wp-admin .button, #wpadminbar .ab-item, #wpadminbar .ab-label, #wpadminbar .display-name, #adminmenu .wp-menu-name, #adminmenu .wp-submenu a {
  font-family: "Inter", system-ui, sans-serif;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

/* 3. Booking wizard background. With a custom colour the plugin paints its wrapper with a translucent tint
      (5% of the accent, GIC_Styling::generate_dynamic_css), which only reads as light on a light page. On
      this dark page it would turn dark and hide its own dark text, so in the light scheme give it the solid
      light surface the tint produces over white. (The dark scheme sets its own surface.) */
html:not(.mk-dark) .gic-booking-wrapper { --gic-background-color: #f5f6f8; background-color: #f5f6f8; }