/* Page wrapper 
   Google Material 3: Blue #1a73e8, Grey 900 #202124, Surface #f8f9fa
*/
.page-wrapper {
  --r-br: #dadce0;           /* Google Grey 300 */
  --r-bg: #ffffff;           /* Clean white surface */
  --r-tx: #202124;           /* Google Grey 900 */
  --r-header-bg: #ffffff;    /* Material headers are typically pure white */
  --r-header-tx: #5f6368;    /* Grey 700 secondary text */
  --r-menu-tx-h: #1a73e8;    /* Google Blue on hover */
  --r-menu-bg-h: #f1f3f4;    /* Subtle grey hover state */
}

/* Heads - Product Blue and High Emphasis Grey */
.page-wrapper h1:not(.page-title-text),
.page-wrapper h2,
.page-wrapper h3,
.page-wrapper h1 a,
.page-wrapper h2 a,
.page-wrapper h3 a,
.page-wrapper h1 a span,
.page-wrapper h2 a span,
.page-wrapper h3 a span,
.page-wrapper .site-name,
.page-wrapper .site-slogan,
.page-wrapper .site-name-link {
  --r-tx: #202124;           /* High emphasis text */
}

/* Link only - Google Blue */
.page-wrapper a:not(.nav__menu-link,
.button,
.site-name-link,
.site-logo,
h1 a,
h2 a,
h3 a) {
  --r-tx: #1a73e8;           /* Google Link Blue */
}

.page-wrapper a:hover:not(.nav__menu-link,
.button,
.site-name-link,
.site-logo,
h1 a,
h2 a,
h3 a) {
  --r-tx: #174ea6;           /* Darker Blue on hover */
}

/* Menu Links - Material Side-nav style */
.page-wrapper .login-button-open,
.page-wrapper .hamburger-icon button,
.page-wrapper .main-navigation-wrapper,
.page-wrapper .main-navigation-wrapper ul,
.page-wrapper .main-navigation-wrapper li,
.page-wrapper .header li.nav__menu-item>a,
.page-wrapper .main-navigation-wrapper li>a,
.page-wrapper .header li.nav__menu-item>button,
.page-wrapper .main-navigation-wrapper li>button {
  --r-br: #e8eaed;
  --r-bg: #ffffff;
  --r-tx: #5f6368;           /* Secondary text grey */
}

.page-wrapper .login-button-open:hover,
.page-wrapper .hamburger-icon button:hover,
.page-wrapper .header ul li.nav__menu-item>*:hover,
.page-wrapper .main-navigation-wrapper li>*:hover {
  --r-tx: #1a73e8;           /* Blue text on hover */
  --r-bg: #f1f3f4;           /* Light grey active state */
}

.page-wrapper ul.tabs.secondary li a:hover,
.page-wrapper ul.tabs.primary li a:hover {
  --r-tx: #1a73e8;
  --r-bg: #e8f0fe;           /* Blue tint hover for tabs */
  background-color: var(--r-bg);
}

/* Sub-menus */
.page-wrapper .navigation-sidebar-hover .navigation__sidebar li.has-sub__menu:hover>a,
.page-wrapper .navigation-sidebar-hover .navigation__sidebar li.has-sub__menu:hover>button,
.page-wrapper .navigation-responsive-hover .navigation__megamenu>li.has-sub__menu:hover>a,
.page-wrapper .navigation-responsive-hover .navigation__megamenu>li.has-sub__menu:hover>button,
.page-wrapper .navigation-responsive-hover .navigation__responsive:not(.navigation__megamenu) li.has-sub__menu:hover>a,
.page-wrapper .navigation-responsive-hover .navigation__responsive:not(.navigation__megamenu) li.has-sub__menu:hover>button {
  --r-tx: #1a73e8;
  --r-bg: #f8f9fa;
}

/* Form Button - Material Primary Button */
.page-wrapper a.button,
.page-wrapper input.button,
.page-wrapper .search-button-close button,
.block-user-login-block form+.item-list ul li a {
  --r-bg: #1a73e8;           /* Primary Blue */
  --r-tx: #ffffff;           /* White text on blue */
}

.page-wrapper a.button:hover,
.page-wrapper input.button:hover,
.page-wrapper .search-button-close button:hover,
.block-user-login-block form+.item-list ul li a:hover {
  --r-tx: #ffffff;
  --r-bg: #174ea6;           /* Hover elevation/darken */
}

/* Regions Light */
.welcome-text,
.main-container .main-box {
  --r-bg: #ffffff;
}

.main-container,
.top-container,
.fixed-search-block,
.popup-login-block-inner {
  --r-br: #dadce0;
  --r-bg: #f8f9fa;           /* Surface 1 */
  background: var(--r-bg);
}

.highlighted {
  --r-bg: #fef7e0;           /* Google Warning/Alert Yellow */
}

.top-container .top-box-inner {
  --r-bg: #ffffff;           /* Elevated surface */
  background: var(--r-bg);
}

/* Regions Dark - Footer (Grey 900) */
header.header,
div.page-title.lone {
  --r-tx: #202124;
  --r-bg: #ffffff;
  background: var(--r-bg);
  border-bottom: 1px solid var(--r-br);
}

.breadcrumb,
.copyright {
  --r-tx: #5f6368;
  --r-bg: #f8f9fa;
  background: var(--r-bg);
}

.bottom-container,
.footer-container,
.footer-menu {
  --r-br: #3c4043;
  --r-tx: #e8eaed;
  --r-bg: #202124;           /* Dark Mode Surface */
  background: var(--r-bg);
}

.bottom-container .bottom-box-inner,
.footer-container .footer-box-inner {
  --r-tx: #bdc1c6;
  --r-bg: #202124;
  background: var(--r-bg);
}

.page-wrapper .bottom-container a,
.page-wrapper .footer-container a,
.page-wrapper .footer-menu a,
.page-wrapper .breadcrumb a,
.page-wrapper .copyright a {
  --r-tx: #8ab4f8;           /* Light blue for accessibility on dark bg */
}

.page-wrapper .bottom-container h1,
.page-wrapper .bottom-container h2,
.page-wrapper .bottom-container h3,
.page-wrapper .footer-container h1,
.page-wrapper .footer-container h2,
.page-wrapper .footer-container h3,
.page-wrapper .footer-menu h1,
.page-wrapper .footer-menu h2,
.page-wrapper .footer-menu h3 {
  --r-tx: #ffffff;
}

/* Social Icons */
.sm-icons .snapchat svg,
.sm-icons .threads svg,
.sm-icons .whatsapp svg,
.sm-icons .tiktok svg,
.sm-icons .reddit svg,
.sm-icons .facebook svg,
.sm-icons .twitter svg,
.sm-icons .bluesky svg,
.sm-icons .pinterest svg,
.sm-icons .linkedin svg,
.sm-icons .instagram svg,
.sm-icons .youtube svg,
.sm-icons .drupal svg,
.sm-icons .mastodon svg,
.sm-icons .telegram svg,
.sm-icons .email svg,
.sm-icons .rss svg {
  fill: #5f6368;
}

/* Inputs & Form Elements */
.page-wrapper .selectify,
.page-wrapper .solo-select,
.page-wrapper .solo-radio,
.page-wrapper .solo-check,
.page-wrapper .solo-input,
.page-wrapper .solo-textarea,
.page-wrapper a.button,
.page-wrapper input.button,
.page-wrapper .search-button-close button {
  --r-br: #dadce0;
}

.page-wrapper .selectify *:hover,
.page-wrapper .solo-select:hover,
.page-wrapper .solo-check:hover,
.page-wrapper .solo-radio:hover,
.page-wrapper .solo-input:hover,
.page-wrapper .solo-textarea:hover,
.page-wrapper .selectify *:focus,
.page-wrapper .solo-select:focus,
.page-wrapper .solo-check:focus,
.page-wrapper .solo-radio:focus,
.page-wrapper .solo-input:focus,
.page-wrapper .solo-textarea:focus {
  --r-br: #1a73e8;           /* Blue focus ring */
}

#fixed-search-block,
.primary-sidebar-menu,
.solo-inner .navigation__responsive,
.page-wrapper .primary-menu.solo-sticky,
.fixed-search-block-inner .fixed-search-wrapper,
.page-wrapper .solo-outer.animate-hover .region-inner.top-box-inner {
  --s-b: 60, 64, 67;         /* RGB for Grey 800 */
}

.page-wrapper .solo-outer.animate-hover .region-inner.bottom-box-inner,
.page-wrapper .solo-outer.animate-hover .region-inner.footer-box-inner {
  --s-b: 248, 249, 250;      /* RGB for Grey 50 */
}

/* Checkbox/Radio Styling with Material tints */
.page-wrapper .selectify-radio,
.page-wrapper .selectify-checkbox,
.page-wrapper .selectify-radio *,
.page-wrapper .selectify-checkbox * {
  --selectify-checkbox-bg: #ffffff;
  --selectify-checkbox-checked-bg: #1a73e8;
  --selectify-checkbox-check-circle: #ffffff;
  --selectify-checkbox-checked-circle: #ffffff;
  --selectify-checkbox-disabled-bg: #f1f3f4;
  --selectify-checkbox-disabled-circle: #dadce0;
}

.page-wrapper .selectify-select,
.page-wrapper .selectify-select * {
  --selectify-select-bg: #ffffff;
  --selectify-select-hover-bg: #f8f9fa;
  --selectify-select-color: #202124;
  --selectify-select-border-color: #dadce0;
  --selectify-select-focus-border-color: #1a73e8;
  --selectify-select-disabled-bg: #f1f3f4;
  --selectify-select-arrow-color: #5f6368;
  --selectify-dropdown-shadow: 0px 4px 6px rgba(60, 64, 67, 0.15);
  --selectify-option-hover-bg: #f1f3f4;
  --selectify-option-active-bg: #e8f0fe;
}