/**
 * Way To Care - Compatibility Layer
 * Maps wtc-theme variables to our WTC variables
 * License: MIT | Version: 1.0.0 | Date: 2026-01-31
 */

body {
  /* Page text */
  --wtc-theme-page-text-fontfamily: var(--wtc-font-primary);
  --wtc-theme-page-text-fontweight: var(--wtc-font-normal);
  --wtc-theme-page-text-fontweight-style: normal;
  --wtc-theme-page-text-color: var(--wtc-secondary-contrast);
  --wtc-theme-page-text-isuppercase: none;
  --wtc-theme-page-background-color: var(--wtc-white);
  --wtc-theme-desktop-page-text-fontsize: var(--wtc-text-base);
  --wtc-theme-desktop-page-text-letterspacing: 0px;
  --wtc-theme-desktop-page-text-lineheight: var(--wtc-leading-loose);
  --wtc-theme-tablet-page-text-fontsize: var(--wtc-text-base);
  --wtc-theme-tablet-page-text-letterspacing: 0px;
  --wtc-theme-tablet-page-text-lineheight: var(--wtc-leading-loose);
  --wtc-theme-tablet-landscape-page-text-fontsize: var(--wtc-text-base);
  --wtc-theme-tablet-landscape-page-text-letterspacing: 0px;
  --wtc-theme-tablet-landscape-page-text-lineheight: var(--wtc-leading-loose);
  --wtc-theme-mobile-page-text-fontsize: var(--wtc-text-base);
  --wtc-theme-mobile-page-text-letterspacing: 0px;
  --wtc-theme-mobile-page-text-lineheight: var(--wtc-leading-loose);
  
  /* Lead text */
  --wtc-theme-lead-text-fontfamily: inherit;
  --wtc-theme-lead-text-fontweight: var(--wtc-font-normal);
  --wtc-theme-lead-text-fontweight-style: normal;
  --wtc-theme-lead-text-color: var(--wtc-secondary-contrast);
  --wtc-theme-lead-text-isuppercase: none;
  --wtc-theme-desktop-lead-text-fontsize: var(--wtc-text-lg);
  --wtc-theme-desktop-lead-text-letterspacing: 0px;
  --wtc-theme-desktop-lead-text-lineheight: var(--wtc-leading-loose);
  
  /* Small text */
  --wtc-theme-small-text-fontfamily: inherit;
  --wtc-theme-small-text-fontweight: var(--wtc-font-normal);
  --wtc-theme-small-text-fontweight-style: normal;
  --wtc-theme-small-text-color: var(--wtc-secondary-contrast-variant);
  --wtc-theme-small-text-isuppercase: none;
  --wtc-theme-desktop-small-text-fontsize: var(--wtc-text-sm);
  --wtc-theme-desktop-small-text-letterspacing: 0px;
  --wtc-theme-desktop-small-text-lineheight: var(--wtc-leading-loose);
  
  /* Headline 1 */
  --wtc-theme-headline-1-fontfamily: var(--wtc-font-primary);
  --wtc-theme-headline-1-fontweight: var(--wtc-font-medium);
  --wtc-theme-headline-1-fontweight-style: normal;
  --wtc-theme-headline-1-text-color: var(--wtc-secondary-contrast);
  --wtc-theme-headline-1-isuppercase: none;
  --wtc-theme-desktop-headline-1-fontsize: 50px;
  --wtc-theme-desktop-headline-1-letterspacing: 0px;
  --wtc-theme-desktop-headline-1-lineheight: var(--wtc-leading-tight);
  --wtc-theme-tablet-headline-1-fontsize: 39px;
  --wtc-theme-tablet-headline-1-letterspacing: 0px;
  --wtc-theme-tablet-headline-1-lineheight: var(--wtc-leading-tight);
  --wtc-theme-tablet-landscape-headline-1-fontsize: 44px;
  --wtc-theme-tablet-landscape-headline-1-letterspacing: 0px;
  --wtc-theme-tablet-landscape-headline-1-lineheight: var(--wtc-leading-tight);
  --wtc-theme-mobile-headline-1-fontsize: 34px;
  --wtc-theme-mobile-headline-1-letterspacing: 0px;
  --wtc-theme-mobile-headline-1-lineheight: var(--wtc-leading-tight);
  
  /* Headline 2 */
  --wtc-theme-headline-2-fontfamily: inherit;
  --wtc-theme-headline-2-fontweight: var(--wtc-font-medium);
  --wtc-theme-headline-2-fontweight-style: normal;
  --wtc-theme-headline-2-text-color: var(--wtc-secondary-contrast);
  --wtc-theme-headline-2-isuppercase: none;
  --wtc-theme-desktop-headline-2-fontsize: 40px;
  --wtc-theme-desktop-headline-2-letterspacing: 0px;
  --wtc-theme-desktop-headline-2-lineheight: var(--wtc-leading-tight);
  --wtc-theme-tablet-headline-2-fontsize: 31px;
  --wtc-theme-mobile-headline-2-fontsize: 27px;
  
  /* Headline 3-6 */
  --wtc-theme-headline-3-fontfamily: inherit;
  --wtc-theme-headline-3-fontweight: var(--wtc-font-medium);
  --wtc-theme-headline-3-fontweight-style: normal;
  --wtc-theme-headline-3-text-color: var(--wtc-secondary-contrast);
  --wtc-theme-headline-3-isuppercase: none;
  --wtc-theme-desktop-headline-3-fontsize: 24px;
  --wtc-theme-desktop-headline-3-letterspacing: 0px;
  --wtc-theme-desktop-headline-3-lineheight: var(--wtc-leading-tight);
  
  --wtc-theme-headline-4-fontfamily: inherit;
  --wtc-theme-headline-4-fontweight: var(--wtc-font-bold);
  --wtc-theme-headline-4-text-color: var(--wtc-secondary-contrast);
  --wtc-theme-desktop-headline-4-fontsize: 21px;
  
  --wtc-theme-headline-5-fontfamily: inherit;
  --wtc-theme-headline-5-fontweight: var(--wtc-font-bold);
  --wtc-theme-headline-5-text-color: var(--wtc-secondary-contrast);
  --wtc-theme-desktop-headline-5-fontsize: 18px;
  
  --wtc-theme-headline-6-fontfamily: inherit;
  --wtc-theme-headline-6-fontweight: var(--wtc-font-bold);
  --wtc-theme-headline-6-text-color: var(--wtc-secondary-contrast);
  --wtc-theme-desktop-headline-6-fontsize: 16px;
  
  /* Subheadline */
  --wtc-theme-subheadline-fontfamily: inherit;
  --wtc-theme-subheadline-fontweight: var(--wtc-font-semibold);
  --wtc-theme-subheadline-fontweight-style: normal;
  --wtc-theme-subheadline-color: var(--wtc-secondary-contrast);
  --wtc-theme-subheadline-isuppercase: none;
  --wtc-theme-desktop-subheadline-fontsize: var(--wtc-text-lg);
  --wtc-theme-desktop-subheadline-letterspacing: 0px;
  --wtc-theme-desktop-subheadline-lineheight: var(--wtc-leading-loose);
  
  /* Tagline */
  --wtc-theme-tagline-fontfamily: inherit;
  --wtc-theme-tagline-fontweight: var(--wtc-font-normal);
  --wtc-theme-tagline-fontweight-style: normal;
  --wtc-theme-tagline-color: var(--wtc-secondary-contrast-variant);
  --wtc-theme-tagline-isuppercase: none;
  --wtc-theme-desktop-tagline-fontsize: var(--wtc-text-sm);
  --wtc-theme-desktop-tagline-letterspacing: 0px;
  --wtc-theme-desktop-tagline-lineheight: var(--wtc-leading-tight);
  
  /* Quotes */
  --wtc-theme-quotes-fontfamily: var(--wtc-font-secondary);
  --wtc-theme-quotes-fontweight: var(--wtc-font-semibold);
  --wtc-theme-quotes-fontweight-style: normal;
  --wtc-theme-quotes-color: var(--wtc-secondary-contrast);
  --wtc-theme-quotes-isuppercase: none;
  --wtc-theme-desktop-quotes-fontsize: var(--wtc-text-2xl);
  --wtc-theme-desktop-quotes-letterspacing: 0px;
  --wtc-theme-desktop-quotes-lineheight: var(--wtc-leading-normal);
  
  /* Links */
  --wtc-theme-link-text-color: var(--wtc-primary);
  --wtc-theme-link-active-text-color: var(--wtc-primary-variant);
  
  /* Buttons - Theme blue colors */
  --wtc-theme-button-fontfamily: var(--wtc-font-primary);
  --wtc-theme-button-fontweight: 600;
  --wtc-theme-button-fontweight-style: normal;
  --wtc-theme-button-isuppercase: uppercase;
  --wtc-theme-button-background-color: #0057a8;
  --wtc-theme-button-text-color: #ffffff;
  --wtc-theme-button-hover-color: #1e88e5;
  --wtc-theme-button-border-radius: 50px;
  --wtc-theme-desktop-button-fontsize: var(--wtc-text-base);
  --wtc-theme-desktop-button-letterspacing: 0px;
  --wtc-theme-desktop-button-lineheight: var(--wtc-leading-normal);
  
  /* Header & Navigation */
  --wtc-theme-header-background-color: var(--wtc-white);
  --wtc-theme-header-position: sticky;
  --wtc-theme-scrolling-background-color: var(--wtc-white);
  --wtc-theme-navigation-height: 80px;
  --wtc-theme-navigation-visible: visible;
  --wtc-theme-navigation-scrolling: auto;
  --wtc-theme-navigation-transition: all 0.3s ease;
  --wtc-theme-navigation-hamburger-display: none;
  --wtc-theme-navigation-hamburger-background-color: var(--wtc-transparent);
  
  /* Hamburger menu */
  --wtc-theme-hamburger-background-color: var(--wtc-transparent);
  --wtc-theme-hamburger-line-color: var(--wtc-secondary-contrast);
  --wtc-theme-hamburger-active-background-color: var(--wtc-primary);
  --wtc-theme-hamburger-active-line-color: var(--wtc-white);
  
  /* Navigation Level 1 */
  --wtc-theme-navigation-1-fontfamily: var(--wtc-font-primary);
  --wtc-theme-navigation-1-fontweight: var(--wtc-font-medium);
  --wtc-theme-navigation-1-fontweight-style: normal;
  --wtc-theme-navigation-1-isuppercase: none;
  --wtc-theme-navigation-1-text-color: var(--wtc-secondary-contrast);
  --wtc-theme-navigation-1-active-text-color: var(--wtc-primary);
  --wtc-theme-navigation-1-active-background-color: var(--wtc-transparent);
  --wtc-theme-navigation-1-line-color: var(--wtc-primary);
  --wtc-theme-desktop-navigation-1-fontsize: var(--wtc-text-base);
  --wtc-theme-desktop-navigation-1-letterspacing: 0px;
  --wtc-theme-desktop-navigation-1-lineheight: var(--wtc-leading-normal);
  
  /* Navigation Level 2 */
  --wtc-theme-navigation-2-fontfamily: var(--wtc-font-primary);
  --wtc-theme-navigation-2-fontweight: var(--wtc-font-normal);
  --wtc-theme-navigation-2-fontweight-style: normal;
  --wtc-theme-navigation-2-isuppercase: none;
  --wtc-theme-navigation-2-text-color: var(--wtc-secondary-contrast);
  --wtc-theme-navigation-2-background-color: var(--wtc-white);
  --wtc-theme-navigation-2-active-text-color: var(--wtc-primary);
  --wtc-theme-navigation-2-active-background-color: var(--wtc-secondary);
  --wtc-theme-desktop-navigation-2-fontsize: var(--wtc-text-sm);
  
  /* Navigation Level 3 */
  --wtc-theme-navigation-3-fontfamily: var(--wtc-font-primary);
  --wtc-theme-navigation-3-fontweight: var(--wtc-font-normal);
  --wtc-theme-navigation-3-text-color: var(--wtc-secondary-contrast-variant);
  --wtc-theme-navigation-3-background-color: var(--wtc-white);
  --wtc-theme-navigation-3-active-text-color: var(--wtc-primary);
  --wtc-theme-navigation-3-active-background-color: var(--wtc-secondary);
  --wtc-theme-desktop-navigation-3-fontsize: var(--wtc-text-sm);
  
  /* Logo */
  --wtc-theme-logo-size: contain;
  --wtc-theme-logo-size-width: auto;
  --wtc-theme-logo-size-height: 50px;
  
  /* Layout widths */
  --wtc-theme-wide-width: 1200px;
  --wtc-theme-desktop-navigation-width: 100%;
  --wtc-theme-desktop-logo-navigation-presets: row;
  --wtc-theme-tablet-logo-navigation-presets: row;
  --wtc-theme-tablet-landscape-logo-navigation-presets: row;
  --wtc-theme-mobile-logo-navigation-presets: row;
}

/* Base body styling */
body {
  font-family: var(--wtc-font-primary);
  font-size: var(--wtc-text-base);
  font-weight: var(--wtc-font-normal);
  line-height: var(--wtc-leading-loose);
  color: var(--wtc-secondary-contrast);
  background-color: var(--wtc-white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Print styles */
@media print {
  :root {
    --wtc-primary: #000000;
    --wtc-primary-variant: #333333;
  }
  body { font-size: 12pt; line-height: 1.5; }
  header { box-shadow: none; }
}


/* ============================================
   Accordion Fix
   ============================================ */
.wtc-accordion-content.expanded {
  height: auto !important;
  overflow: visible !important;
}

.wtc-accordion-button-symbol.rotate {
  transform: rotate(45deg);
}

.wtc-accordion-button-symbol {
  transition: transform 0.3s ease;
}

.wtc-accordion-content {
  transition: height 0.3s ease, opacity 0.3s ease;
}

/* Accordion Base State - Collapsed by default */
.wtc-accordion-content:not(.expanded) {
  height: 0 !important;
  overflow: hidden !important;
  opacity: 0;
}

.wtc-accordion-content.expanded {
  opacity: 1;
}

/* ============================================
   Active Menu Item Indicator
   ============================================ */
/* Desktop Navigation - Current Page Highlight with Border Box */
.wtc-theme-navigation-main__menu .current-menu-item > a,
.wtc-theme-navigation-main__menu .current_page_item > a {
  color: var(--wtc-theme-navigation-1-active-text-color, #0057a8) !important;
  border: 2px solid var(--wtc-theme-navigation-1-active-text-color, #0057a8);
  border-radius: 4px;
  padding: 8px 16px !important;
}

/* Mobile Navigation - Current Page Highlight */
.wtc-theme-navigation-mobile-drawer__menu .current-menu-item > a,
.wtc-theme-navigation-mobile-drawer__menu .current_page_item > a {
  color: var(--wtc-theme-navigation-1-active-text-color, var(--wtc-primary)) !important;
  font-weight: 600;
  border-left: 3px solid var(--wtc-theme-navigation-1-active-text-color, var(--wtc-primary));
  padding-left: 12px;
  margin-left: -3px;
}