/* Your Care Pharmacy palette. Loaded after the template on all site pages. */
/* A white header lets the original blue wordmark sit naturally on the page. */
.site-header.box-header-white .inner-bar {
  color: var(--yc-primary-hover);
  --white: var(--yc-primary-hover);
}
.site-header.box-header-white .header-nav .nav > li > a {
  color: var(--yc-primary-hover);
}
.site-header.box-header-white .header-nav .nav > li.active > a,
.site-header.box-header-white .header-nav .nav > li > a:hover {
  color: var(--yc-primary);
}
.site-header.box-header-white .navicon span {
  background-color: var(--yc-primary-hover);
}
.site-header.box-header-white .w3menu-toggler.navicon {
  background: var(--yc-primary-tint);
}
.site-header.box-header-white.box-header .logo-header {
  border-right: 0;
}
.site-header.box-header-white .logo-header a:has(img[src*="yourcare-logo.png"]) {
  background: transparent;
  padding: 0;
  border-radius: 0;
}

#page-contact-us .page-without-banner { padding-top: 120px; }
#page-contact-us .page-without-banner > section:first-child { padding-top: 30px; }

:root {
  --yc-primary: #046397;
  --yc-primary-hover: #0d4267;
  --yc-primary-tint: #eaf4f9;
  --yc-secondary: #0d4267;
  --yc-secondary-hover: #092f4a;
  --yc-secondary-tint: #eaf4f9;
  --yc-leaf: #129d30;
  --yc-lime: #85bf25;
  --yc-canvas: #f4f8fa;
  --yc-surface: #ffffff;
  --yc-text: #173443;
  --yc-text-muted: #52636b;
  --yc-border: #d4e0e6;
  --yc-control-border: #71858f;
  --yc-error: #b42318;
  --yc-error-tint: #fff1f0;
  --yc-warning: #8a4b08;
  --yc-warning-tint: #fff5e5;
  --yc-focus: #046397;
}

/* Keep the supplied full logo legible in the template's compact logo slots. */
.site-header .logo-header a:has(img[src*="yourcare-logo.png"]),
.site-footer .footer-logo a:has(img[src*="yourcare-logo.png"]) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 5px 9px;
  border-radius: 6px;
  line-height: 1;
}
.site-header .logo-header img[src*="yourcare-logo.png"] {
  display: block;
  width: auto;
  height: 66px;
  max-width: 145px;
  object-fit: contain;
}
.site-footer .footer-logo img[src*="yourcare-logo.png"] {
  display: block;
  width: 180px;
  height: auto;
  max-width: 100%;
}
@media (max-width: 575px) {
  .site-header .logo-header img[src*="yourcare-logo.png"] {
    height: 52px;
    max-width: 110px;
  }
}

/* Match the template selector so its skin cannot override the brand tokens. */
html[data-theme-color] {
  --bs-body-color: var(--yc-text);
  --bs-body-color-rgb: 23, 52, 67;
  --bs-body-bg: var(--yc-surface);
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-heading-color: var(--yc-primary-hover);
  --bs-heading-color-rgb: 13, 66, 103;
  --bs-primary: var(--yc-primary);
  --bs-primary-rgb: 4, 99, 151;
  --bs-secondary: var(--yc-secondary);
  --bs-secondary-rgb: 13, 66, 103;
  --bs-light: var(--yc-canvas);
  --bs-light-rgb: 244, 248, 250;
  --bs-dark: var(--yc-primary-hover);
  --bs-dark-rgb: 13, 66, 103;
  --bs-success: var(--yc-secondary);
  --bs-success-rgb: 13, 66, 103;
  --bs-danger: var(--yc-error);
  --bs-danger-rgb: 180, 35, 24;
  --bs-warning: var(--yc-warning);
  --bs-warning-rgb: 138, 75, 8;
  --bs-link-color: var(--yc-primary);
  --bs-link-color-rgb: 4, 99, 151;
  --bs-link-hover-color: var(--yc-primary-hover);
  --bs-link-hover-color-rgb: 13, 66, 103;
  --bs-secondary-color: var(--yc-text-muted);
  --bs-secondary-color-rgb: 82, 99, 107;
  --bs-tertiary-bg: var(--yc-canvas);
  --bs-primary-text-emphasis: var(--yc-primary-hover);
  --bs-secondary-text-emphasis: var(--yc-secondary-hover);
  --bs-success-text-emphasis: var(--yc-secondary-hover);
  --bs-danger-text-emphasis: var(--yc-error);
  --bs-warning-text-emphasis: var(--yc-warning);
  --bs-light-text-emphasis: var(--yc-text);
  --bs-primary-bg-subtle: var(--yc-primary-tint);
  --bs-secondary-bg-subtle: var(--yc-secondary-tint);
  --bs-success-bg-subtle: var(--yc-secondary-tint);
  --bs-danger-bg-subtle: var(--yc-error-tint);
  --bs-warning-bg-subtle: var(--yc-warning-tint);
  --bs-light-bg-subtle: var(--yc-canvas);
  --bs-primary-border-subtle: var(--yc-border);
  --bs-secondary-border-subtle: var(--yc-border);
  --bs-light-border-subtle: var(--yc-border);
  --bs-border-color: var(--yc-border);
  --border-color: var(--yc-border);
  --bs-primary-btn-hover-bg: var(--yc-primary-hover);
  --bs-primary-btn-hover-border-color: var(--yc-primary-hover);
  --bs-secondary-btn-hover-bg: var(--yc-secondary-hover);
  --bs-secondary-btn-hover-border-color: var(--yc-secondary-hover);
  --bs-light-btn-hover-bg: var(--yc-primary-tint);
  --bs-light-btn-hover-border-color: var(--yc-primary);
  --primary: var(--yc-primary);
  --primary-hover: var(--yc-primary-hover);
  --secondary: var(--yc-secondary);
  --title: var(--yc-primary-hover);
  --gradient: linear-gradient(110deg, var(--yc-primary), var(--yc-primary-hover));
  --gradient-primary: var(--gradient);
  --gradient-sec: linear-gradient(110deg, var(--yc-secondary), var(--yc-secondary-hover));
}

.btn-primary,
.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-color: #fff;
  --bs-btn-disabled-color: #fff;
  color: #fff;
}
.btn-primary {
  --bs-btn-active-bg: var(--yc-primary-hover);
  --bs-btn-active-border-color: var(--yc-primary-hover);
  --bs-btn-disabled-bg: var(--yc-primary);
  --bs-btn-disabled-border-color: var(--yc-primary);
}
.btn-secondary {
  --bs-btn-active-bg: var(--yc-secondary-hover);
  --bs-btn-active-border-color: var(--yc-secondary-hover);
  --bs-btn-disabled-bg: var(--yc-secondary);
  --bs-btn-disabled-border-color: var(--yc-secondary);
}
.btn-outline-primary,
.is-style-outline .wp-block-button__link {
  --bs-btn-color: var(--yc-primary);
  --bs-btn-active-bg: var(--yc-primary-hover);
  --bs-btn-active-border-color: var(--yc-primary-hover);
  --bs-btn-disabled-color: var(--yc-primary);
  --bs-btn-disabled-border-color: var(--yc-primary);
}
.btn-outline-secondary {
  --bs-btn-color: var(--yc-secondary);
  --bs-btn-border-color: var(--yc-secondary);
  --bs-btn-active-bg: var(--yc-secondary-hover);
  --bs-btn-active-border-color: var(--yc-secondary-hover);
  --bs-btn-disabled-color: var(--yc-secondary);
  --bs-btn-disabled-border-color: var(--yc-secondary);
}
.btn-outline-primary,
.btn-outline-secondary,
.btn-light,
.btn-outline-light,
.is-style-outline .wp-block-button__link {
  --bs-btn-hover-color: #fff;
  --bs-btn-active-color: #fff;
}
.btn-light {
  --bs-btn-color: var(--yc-primary-hover);
  --bs-btn-active-bg: var(--yc-primary);
  --bs-btn-active-border-color: var(--yc-primary);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
  color: #fff;
}
.page-content a.btn.btn-primary,
.page-content a.btn.btn-secondary {
  color: #fff;
}

.form-control,
.form-select,
.bootstrap-select > .dropdown-toggle.form-control {
  color: var(--yc-text);
  background-color: var(--yc-surface);
  border: 1px solid var(--yc-control-border);
}
.form-control::placeholder { color: var(--yc-text-muted); }
.form-control:focus,
.form-select:focus {
  color: var(--yc-text);
  background-color: var(--yc-surface);
  border-color: var(--yc-primary);
  box-shadow: 0 0 0 3px var(--yc-primary-tint);
}
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--yc-focus);
  outline-offset: 3px;
  box-shadow: 0 0 0 2px var(--yc-surface);
}

.content-bx.style-1.bg-color1 { background-color: var(--yc-secondary-tint); }
.content-bx.style-1.bg-color2 { background-color: var(--yc-primary-tint); }
.content-bx.style-1.bg-color3 { background-color: var(--yc-canvas); }

/* Replace the active skin's embedded pink SVG decoration. */
html[data-theme-color] .site-header.style-2 .nav > li.menu-item-has-children.active > a:after,
html[data-theme-color] .site-header.style-2 .nav > li.menu-item-has-children:hover > a:after,
html[data-theme-color] .site-header.style-2 .nav > li.sub-menu-down.active > a:after,
html[data-theme-color] .site-header.style-2 .nav > li.sub-menu-down:hover > a:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0L7.69706 4.30294L12 6L7.69706 7.69706L6 12L4.30294 7.69706L0 6L4.30294 4.30294L6 0Z' fill='%23046397'/%3E%3C/svg%3E");
}

.site-footer.footer-dark {
  --bs-heading-color: #fff;
  --bs-body-color: #fff;
  --bs-secondary: var(--yc-primary-hover);
  --bs-secondary-rgb: 13, 66, 103;
  --bs-link-color: #fff;
  --bs-link-hover-color: #fff;
  --white: #fff;
  color: #fff;
  background-color: var(--yc-primary-hover);
  background-blend-mode: multiply;
}
.site-footer.footer-dark :is(h1, h2, h3, h4, h5, h6, p, li, .footer-title),
.site-footer.footer-dark a:not(.btn) {
  color: #fff;
}
.site-footer.footer-dark a:not(.btn):hover {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.btn.btn-white.text-gradient span {
  background-image: var(--gradient);
}
.site-footer.footer-dark .footer-middle .fm-inner {
  border-color: rgba(255, 255, 255, 0.25);
}

/* Compact Services breadcrumb with clearance for the transparent header. */
#page-services .services-breadcrumb {
  padding: 120px 0 20px;
  text-align: center;
  background-color: var(--yc-canvas);
}
@media (max-width: 991px) {
  #page-services .services-breadcrumb {
    padding: 100px 0 16px;
  }
}

/* Staff-uploaded deals on deals.html (see js/deals.js) */
.yc-deal-card {
  height: 100%;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(13, 66, 103, 0.1);
}
.yc-deal-card img {
  display: block;
  width: 100%;
  height: auto;
}
.yc-deal-body { padding: 18px 20px 20px; }
.yc-deal-body h3 { font-size: 1.15rem; margin-bottom: 6px; color: var(--yc-primary-hover); }
.yc-deal-body p { margin: 0; }

/* Slim page banner: just the breadcrumb, clear of the floating header (deals, about, clinic) */
.dz-bnr-inr.style-1.dz-bnr-inr-md.yc-bnr-slim {
  --dz-banner-height: auto;
  height: auto;
  min-height: 0;
}
.page-content .dz-bnr-inr.dz-bnr-inr-md.yc-bnr-slim .dz-bnr-inr-entry {
  height: auto;
  padding: 130px 0 32px;
}