/* Clara Nartey v1.0.5 — scoped Elementor header + responsive menu isolation.
 * Elementor global palette/link styles can replace the prototype's inherited
 * anchor colors, turning most mobile links white on an almost-white drawer.
 * The fix deliberately targets ONLY the Clara header and navigation, not
 * artwork links, buttons, cards, footer or third-party Elementor widgets.
 */
:where(body.cn-wp) .elementor .site-header .brand,
:where(body.cn-wp) .elementor .site-header .brand:visited,
:where(body.cn-wp) .elementor .site-header .brand-name {
  color: #172629 !important;
  -webkit-text-fill-color: currentColor !important;
}
:where(body.cn-wp) .elementor .site-header .brand-name strong {
  color: #0a9299 !important;
  -webkit-text-fill-color: currentColor !important;
}
:where(body.cn-wp) .elementor .site-header .desktop-nav > a,
:where(body.cn-wp) .elementor .site-header .nav-drop > a,
:where(body.cn-wp) .elementor .site-header .header-contact {
  color: #172629 !important;
  -webkit-text-fill-color: currentColor !important;
}
:where(body.cn-wp) .elementor .site-header .desktop-nav > a:is(:hover, :focus-visible, .active),
:where(body.cn-wp) .elementor .site-header .nav-drop > a:is(:hover, :focus-visible, .active) {
  color: #078f96 !important;
  -webkit-text-fill-color: currentColor !important;
}
:where(body.cn-wp) .elementor .site-header .nav-drop-menu a {
  color: #172629 !important;
  -webkit-text-fill-color: currentColor !important;
}
:where(body.cn-wp) .elementor .site-header .nav-drop-menu a:is(:hover,:focus-visible,.active) {
  color: #078f96 !important;
  -webkit-text-fill-color: currentColor !important;
}
:where(body.cn-wp) .elementor .site-topline a {
  color: #bbf1ed !important;
  -webkit-text-fill-color: currentColor !important;
}
@media (max-width: 990px) {
  /* Override Elementor's `.elementor a` and global palette/link overrides. */
  :where(body.cn-wp) .elementor .mobile-drawer {
    background-color: #f7fbf8;
    color: #172629;
    -webkit-text-fill-color: currentColor;
  }
  :where(body.cn-wp) .elementor .mobile-drawer nav a,
  :where(body.cn-wp) .elementor .mobile-drawer nav a:visited,
  :where(body.cn-wp) .elementor .mobile-drawer nav .drawer-group-head > a,
  :where(body.cn-wp) .elementor .mobile-drawer nav .drawer-group-head > a:visited {
    color: #172629 !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: none;
    font-family: var(--head, 'Arial', sans-serif);
    font-size: clamp(21px, 5.8vw, 26px);
    line-height: 1.2;
    font-weight: 400;
  }
  :where(body.cn-wp) .elementor .mobile-drawer nav a:is(.active, :hover, :focus-visible) {
    color: #038a90 !important;
    -webkit-text-fill-color: currentColor !important;
  }
  :where(body.cn-wp) .elementor .mobile-drawer nav .drawer-sub a,
  :where(body.cn-wp) .elementor .mobile-drawer nav .drawer-sub a:visited {
    color: #4e6264 !important;
    -webkit-text-fill-color: currentColor !important;
    font-family: var(--head, 'Arial', sans-serif);
    font-size: 19px;
    line-height: 1.25;
  }
  :where(body.cn-wp) .elementor .mobile-drawer nav .drawer-sub a:is(.active, :hover, :focus-visible) {
    color: #038a90 !important;
    -webkit-text-fill-color: currentColor !important;
  }
  :where(body.cn-wp) .elementor .mobile-drawer nav .drawer-group-head button {
    color: #172629 !important;
  }
  :where(body.cn-wp) .elementor .mobile-drawer .drawer-bottom {
    color: #566969 !important;
    -webkit-text-fill-color: currentColor !important;
  }
  /* Prevent an Elementor nav SVG reset from making the icons invisible. */
  :where(body.cn-wp) .elementor .mobile-drawer nav a > svg,
  :where(body.cn-wp) .elementor .mobile-drawer nav button > svg {
    display: inline-block;
    width: 19px;
    height: 19px;
    flex: 0 0 auto;
    stroke: currentColor;
  }
}