/* Site colour theme based on the approved dark-mode concept. */
html[data-milksy-theme="dark"] {
  color-scheme: dark;
  background: #0f1724;
}

html[data-milksy-theme="dark"] body {
  --msh-blue: #6d9af2;
  --msh-sky: #101d2e;
  --msh-cream: #0f1724;
  --msh-text: #faf6ec;
  --mhb-blue: #6d9af2;
  --mhb-cream: #172335;
  --mhb-yellow: #f3d986;
  --mhb-text: #faf6ec;
  --mhb-muted: #acb9cc;
  --msf-primary: #4f80e7;
  --msf-golden: #f3d986;
  --msf-offwhite: #101a29;
  --msf-text: #faf6ec;
  --msf-muted: #b3bfd0;
  background: #0f1724;
  color: #faf6ec;
}

html.milksy-theme-ready body,
html.milksy-theme-ready body .msh,
html.milksy-theme-ready body .msh-top,
html.milksy-theme-ready body .msh-main,
html.milksy-theme-ready body .mhh,
html.milksy-theme-ready body .mhh__card,
html.milksy-theme-ready body .milksy-home-middle,
html.milksy-theme-ready body .milksy-home-middle .choice,
html.milksy-theme-ready body .milksy-home-middle .app-teaser,
html.milksy-theme-ready body .milksy-home-benefits,
html.milksy-theme-ready body .milksy-how-it-works,
html.milksy-theme-ready body .milksy-home-blog,
html.milksy-theme-ready body .msf-main {
  transition: background-color .28s ease, color .28s ease, border-color .28s ease;
}

html[data-milksy-theme="dark"] body .msh {
  background: #0f1724;
  color: #faf6ec;
}

html[data-milksy-theme="dark"] body .msh-top {
  border-bottom: 1px solid rgba(142, 174, 220, .18);
  background: #101d2e;
}

html[data-milksy-theme="dark"] body .msh-socials__label,
html[data-milksy-theme="dark"] body .msh-phone {
  color: #dce6f5;
}

html[data-milksy-theme="dark"] body .msh-phone img {
  filter: brightness(0) invert(1);
}

html[data-milksy-theme="dark"] body .msh-socials a {
  border-color: rgba(255, 255, 255, .12);
  background: #faf6ec;
  color: #172335;
}

html[data-milksy-theme="dark"] body .msh-language {
  border-color: #40536c;
  background: #142135;
  color: #dce6f5;
}

html[data-milksy-theme="dark"] body .msh-language:hover,
html[data-milksy-theme="dark"] body .msh-language[aria-expanded="true"] {
  border-color: #7396c0;
  background: #1b2a40;
}

html[data-milksy-theme="dark"] body .msh-language-menu {
  border-color: #354a66;
  background: #142135;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .38);
}

html[data-milksy-theme="dark"] body .msh-language-option {
  color: #dce6f5;
}

html[data-milksy-theme="dark"] body a.msh-language-option:hover,
html[data-milksy-theme="dark"] body .msh-language-option.is-current {
  background: #203653;
  color: #a9c5ff;
}

html[data-milksy-theme="dark"] body .msh-language-option.is-disabled {
  color: #8998aa;
}

html[data-milksy-theme="dark"] body .msh-language-option__soon {
  background: #263448;
  color: #aeb9c8;
}

html[data-milksy-theme="dark"] body .msh-theme-toggle {
  border-color: #40536c;
  background: #142135;
  color: #dce6f5;
}

html[data-milksy-theme="dark"] body .msh-theme-toggle:hover {
  border-color: #7396c0;
  background: #1b2a40;
}

html[data-milksy-theme="dark"] body .msh-theme-toggle__sun {
  background: transparent;
  color: #f3d986;
  box-shadow: none;
}

html[data-milksy-theme="dark"] body .msh-theme-toggle__moon {
  background: #6d9af2;
  color: #fff;
  box-shadow: 0 3px 10px rgba(51, 98, 183, .38);
}

html[data-milksy-theme="dark"] body .msh-theme-toggle__label--light {
  display: none;
}

html[data-milksy-theme="dark"] body .msh-theme-toggle__label--dark {
  display: inline;
}

html[data-milksy-theme="dark"] body .msh-main {
  border-bottom: 1px solid rgba(142, 174, 220, .1);
  background: #0f1724;
}

html[data-milksy-theme="dark"] body .msh-logo img {
  filter: brightness(1.2) saturate(.9);
}

html[data-milksy-theme="dark"] body .msh-nav__link {
  color: #edf2fa;
}

html[data-milksy-theme="dark"] body .msh-nav__link:hover,
html[data-milksy-theme="dark"] body .msh-nav__link.is-current,
html[data-milksy-theme="dark"] body .msh-nav-item:focus-within > .msh-nav__link,
html[data-milksy-theme="dark"] body .msh-nav-item:hover > .msh-nav__link {
  color: #8db4ff;
}

html[data-milksy-theme="dark"] body .msh-cart,
html[data-milksy-theme="dark"] body .msh-account--outline,
html[data-milksy-theme="dark"] body .msh-icon-button {
  border-color: #38506d;
  background: #121d2d;
  color: #edf2fa !important;
}

html[data-milksy-theme="dark"] body .msh-account--outline {
  color: #8db4ff !important;
}

html[data-milksy-theme="dark"] body .msh-account--filled {
  border-color: #6d9af2;
  background: #6d9af2;
  color: #fff !important;
}

html[data-milksy-theme="dark"] body .msh-mega {
  border-color: #31445d;
  background: #142135;
  box-shadow: 0 20px 42px rgba(0, 0, 0, .34);
}

html[data-milksy-theme="dark"] body .msh-mega__intro h2,
html[data-milksy-theme="dark"] body .msh-mega__all,
html[data-milksy-theme="dark"] body .msh-mega-card {
  color: #faf6ec !important;
}

html[data-milksy-theme="dark"] body .msh-mega__intro > p:not(.msh-mega__eyebrow) {
  color: #acb9cc;
}

html[data-milksy-theme="dark"] body .msh-mega-card {
  border-color: #334761;
  background: #1a2a40;
}

html[data-milksy-theme="dark"] body .msh-mega-card:hover {
  background: #21344e;
}

html[data-milksy-theme="dark"] body .msh-mobile-menu {
  border-color: #31445d;
  background: #142135;
  color: #faf6ec;
}

html[data-milksy-theme="dark"] body .mhh {
  background: #0f1724;
  color: #faf6ec;
}

html[data-milksy-theme="dark"] body .mhh__card {
  border: 1px solid #263a54;
  background: #172335;
  box-shadow: 0 28px 75px rgba(0, 0, 0, .24);
}

html[data-milksy-theme="dark"] body .mhh h1 {
  color: #faf6ec;
}

html[data-milksy-theme="dark"] body .mhh__lead,
html[data-milksy-theme="dark"] body .mhh__trust > p {
  color: #b8c7dc;
}

html[data-milksy-theme="dark"] body .mhh__button--primary {
  border-color: #6d9af2;
  background: #6d9af2;
}

html[data-milksy-theme="dark"] body .mhh__button--primary:hover {
  border-color: #faf6ec;
  background: #faf6ec;
  color: #172335 !important;
}

html[data-milksy-theme="dark"] body .mhh__button--secondary {
  border-color: #6d9af2;
  background: transparent;
  color: #faf6ec !important;
}

html[data-milksy-theme="dark"] body .mhh__button--secondary:hover {
  background: #6d9af2;
}

html[data-milksy-theme="dark"] body .mhh__trust li {
  background: #f3d986;
  color: #182033;
}

html[data-milksy-theme="dark"] body .mhh__photo {
  box-shadow: 0 18px 45px rgba(0, 0, 0, .28);
}

html[data-milksy-theme="dark"] body .mhh__wave {
  background: #0f1724;
  color: #0f1724;
}

html[data-milksy-theme="dark"] body .milksy-home-middle,
html[data-milksy-theme="dark"] body .milksy-home-middle .choice,
html[data-milksy-theme="dark"] body .milksy-home-middle .app-teaser,
html[data-milksy-theme="dark"] body .milksy-home-benefits,
html[data-milksy-theme="dark"] body .milksy-how-it-works,
html[data-milksy-theme="dark"] body .milksy-home-blog {
  background: #0f1724;
  color: #faf6ec;
}

html[data-milksy-theme="dark"] body .milksy-home-middle {
  --mhm-blue: #8db4ff;
  --mhm-blue-pale: #172b42;
  --mhm-cream: #1b2638;
  --mhm-yellow: #f3d986;
  --mhm-ink: #faf6ec;
  --mhm-muted: #acb9cc;
}

html[data-milksy-theme="dark"] body .milksy-home-middle .choice h2,
html[data-milksy-theme="dark"] body .milksy-home-middle .route h3 {
  color: #faf6ec;
}

html[data-milksy-theme="dark"] body .milksy-home-middle .choice__intro > p:last-child,
html[data-milksy-theme="dark"] body .milksy-home-middle .route__body p:not(.route__kicker) {
  color: #acb9cc;
}

html[data-milksy-theme="dark"] body .milksy-home-middle .route {
  border: 1px solid #2c405b;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .16);
}

html[data-milksy-theme="dark"] body .milksy-home-middle .route--small {
  background: #1b2638;
}

html[data-milksy-theme="dark"] body .milksy-home-middle .route--large {
  background: #172b42;
}

html[data-milksy-theme="dark"] body .milksy-home-middle .route--keepsake {
  background: #282630;
}

html[data-milksy-theme="dark"] body .milksy-home-middle .app-teaser__panel {
  background-color: #294f9d;
  background-image: linear-gradient(rgba(20, 39, 76, .22), rgba(20, 39, 76, .22)), url("../images/home/milksy-app-background.webp");
  box-shadow: 0 26px 65px rgba(0, 0, 0, .24);
}

html[data-milksy-theme="dark"] body .milksy-home-benefits .mhb-card {
  border: 1px solid #2b3f58;
  background: #172335;
}

html[data-milksy-theme="dark"] body .milksy-home-benefits .mhb-card__icon {
  border-color: rgba(255, 255, 255, .14);
  color: #172335;
}

html[data-milksy-theme="dark"] body .milksy-home-benefits .mhb-intro h2,
html[data-milksy-theme="dark"] body .milksy-home-benefits .mhb-card h3 {
  color: #faf6ec;
}

html[data-milksy-theme="dark"] body .milksy-home-benefits .mhb-intro p,
html[data-milksy-theme="dark"] body .milksy-home-benefits .mhb-card p {
  color: #acb9cc;
}

html[data-milksy-theme="dark"] body .milksy-home-benefits .mhb-product img {
  border-color: #6d9af2;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .3);
}

html[data-milksy-theme="dark"] body .mhw-shell {
  border: 1px solid #456ba7;
  background: #294f9d;
  box-shadow: 0 26px 65px rgba(0, 0, 0, .22);
}

html[data-milksy-theme="dark"] body .milksy-home-video {
  border-block: 1px solid #263a54;
}

html[data-milksy-theme="dark"] body .mhblog-shell h2,
html[data-milksy-theme="dark"] body .mhblog-grid .mb-card h3,
html[data-milksy-theme="dark"] body .mhblog-grid .mb-card h3 a {
  color: #faf6ec;
}

html[data-milksy-theme="dark"] body .mhblog-grid .mb-card {
  overflow: hidden;
  border: 1px solid #2b3f58;
  border-radius: 22px;
  background: #172335;
}

html[data-milksy-theme="dark"] body .mhblog-grid .mb-card__body {
  padding: 24px;
}

html[data-milksy-theme="dark"] body .mhblog-grid .mb-card__body > p {
  color: #acb9cc;
}

html[data-milksy-theme="dark"] body .mhblog-grid .mb-card__link {
  color: #8db4ff;
}

html[data-milksy-theme="dark"] body .msf {
  color: #faf6ec;
}

html[data-milksy-theme="dark"] body .msf-main {
  background: #101a29;
}

html[data-milksy-theme="dark"] body .msf-main__background {
  opacity: .05;
  filter: saturate(.35);
}

html[data-milksy-theme="dark"] body .msf-logo img {
  filter: brightness(1.24) saturate(.9);
}

html[data-milksy-theme="dark"] body .msf-column h3 {
  color: #faf6ec;
}

html[data-milksy-theme="dark"] body .msf-links a,
html[data-milksy-theme="dark"] body .msf-contact li,
html[data-milksy-theme="dark"] body .msf-contact a,
html[data-milksy-theme="dark"] body .msf-contact address {
  color: #b3bfd0;
}

html[data-milksy-theme="dark"] body .msf-newsletter {
  border-color: #6d9af2;
  background: #172335;
}

html[data-milksy-theme="dark"] body .msf-newsletter input.widget_subscribe {
  color: #faf6ec;
}

html[data-milksy-theme="dark"] body .msf-newsletter input.widget_subscribe::placeholder {
  color: #93a3b9;
}

html[data-milksy-theme="dark"] body .msf-socials a {
  color: #172335;
}

html[data-milksy-theme="dark"] body .msf-bottom {
  border-color: #2b3f58;
  color: #93a3b9;
}

@media (min-width: 600px) and (max-width: 820px) {
  html[data-milksy-theme="dark"] body .mhh__card {
    padding: 42px;
    grid-template-columns: 1fr;
    gap: 32px;
  }

  html[data-milksy-theme="dark"] body .mhh__content {
    padding: 0;
  }

  html[data-milksy-theme="dark"] body .mhh__visual,
  html[data-milksy-theme="dark"] body .mhh__photo {
    height: 420px;
    min-height: 420px;
    max-height: none;
  }

  html[data-milksy-theme="dark"] body .mhh__photo {
    object-position: center 55%;
  }

  html[data-milksy-theme="dark"] body .mhh__care {
    left: -22px;
  }

  html[data-milksy-theme="dark"] body .mhh__seal {
    right: -20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.milksy-theme-ready body,
  html.milksy-theme-ready body * {
    transition-duration: .01ms !important;
  }
}

/* Shared non-home surfaces. This stylesheet is enqueued after page-specific
   CSS, so the saved preference remains visible throughout the whole site. */
html[data-milksy-theme="dark"] body:not(.home) {
  --milksy-cream: #0f1724;
  --milksy-white: #172335;
  --milksy-text: #faf6ec;
  --milksy-muted: #acb9cc;
  --milksy-border: #334761;
  background: #0f1724;
  color: #faf6ec;
}

html.milksy-theme-ready body:not(.home),
html.milksy-theme-ready body:not(.home) .milksy-site-main,
html.milksy-theme-ready body:not(.home) .milksy-content-shell,
html.milksy-theme-ready body:not(.home) .milksy-woocommerce-main {
  transition: background-color .28s ease, color .28s ease, border-color .28s ease;
}

html[data-milksy-theme="dark"] body:not(.home) .milksy-site-main,
html[data-milksy-theme="dark"] body:not(.home) .milksy-content-shell,
html[data-milksy-theme="dark"] body:not(.home) .milksy-woocommerce-main,
html[data-milksy-theme="dark"] body:not(.home) .milksy-page-content {
  background: #0f1724;
  color: #dce6f5;
}

html[data-milksy-theme="dark"] body:not(.home) h1,
html[data-milksy-theme="dark"] body:not(.home) h2,
html[data-milksy-theme="dark"] body:not(.home) h3,
html[data-milksy-theme="dark"] body:not(.home) h4,
html[data-milksy-theme="dark"] body:not(.home) h5,
html[data-milksy-theme="dark"] body:not(.home) h6,
html[data-milksy-theme="dark"] body:not(.home) legend,
html[data-milksy-theme="dark"] body:not(.home) label {
  color: #faf6ec;
}

html[data-milksy-theme="dark"] body:not(.home) input,
html[data-milksy-theme="dark"] body:not(.home) select,
html[data-milksy-theme="dark"] body:not(.home) textarea {
  border-color: #40536c;
  background: #142135;
  color: #f3f6fb;
}

html[data-milksy-theme="dark"] body:not(.home) input::placeholder,
html[data-milksy-theme="dark"] body:not(.home) textarea::placeholder {
  color: #8fa0b5;
}

html[data-milksy-theme="dark"] body:not(.home) .milksy-listing-card,
html[data-milksy-theme="dark"] body:not(.home) .milksy-content-card,
html[data-milksy-theme="dark"] body:not(.home) .milksy-legal-card,
html[data-milksy-theme="dark"] body:not(.home) .mcf__form,
html[data-milksy-theme="dark"] body:not(.home) .mcf__faq,
html[data-milksy-theme="dark"] body:not(.home) .woocommerce-message,
html[data-milksy-theme="dark"] body:not(.home) .woocommerce-info,
html[data-milksy-theme="dark"] body:not(.home) .woocommerce-error {
  border-color: #334761;
  background: #172335;
  color: #dce6f5;
}

html[data-milksy-theme="dark"] body:not(.home) .milksy-listing-card p,
html[data-milksy-theme="dark"] body:not(.home) .milksy-content-card p,
html[data-milksy-theme="dark"] body:not(.home) .milksy-legal-card p,
html[data-milksy-theme="dark"] body:not(.home) .milksy-legal-card li,
html[data-milksy-theme="dark"] body:not(.home) .woocommerce-product-details__short-description,
html[data-milksy-theme="dark"] body:not(.home) .woocommerce-Tabs-panel {
  color: #acb9cc;
}

html[data-milksy-theme="dark"] body.milksy-soap-product .milksy-woocommerce-main,
html[data-milksy-theme="dark"] body.milksy-freeze-dry-product .milksy-woocommerce-main {
  background: #0f1724;
}

html[data-milksy-theme="dark"] body.milksy-soap-product .product.type-product::before,
html[data-milksy-theme="dark"] body.milksy-freeze-dry-product .product.type-product::before {
  background: #101d2e;
}

html[data-milksy-theme="dark"] body.milksy-soap-product .product.type-product::after,
html[data-milksy-theme="dark"] body.milksy-freeze-dry-product .product.type-product::after {
  filter: brightness(.27) saturate(.7) hue-rotate(174deg);
}

html[data-milksy-theme="dark"] body.milksy-soap-product .summary .product_title,
html[data-milksy-theme="dark"] body.milksy-soap-product .summary .price,
html[data-milksy-theme="dark"] body.milksy-freeze-dry-product .summary .product_title,
html[data-milksy-theme="dark"] body.milksy-freeze-dry-product .woocommerce-variation-price {
  color: #faf6ec;
}

html[data-milksy-theme="dark"] body.milksy-soap-product .msp-option-card,
html[data-milksy-theme="dark"] body.milksy-soap-product .msp-quantity__choices button,
html[data-milksy-theme="dark"] body.milksy-freeze-dry-product .mpw-option-card,
html[data-milksy-theme="dark"] body.milksy-freeze-dry-product .mpw-inline-choices span,
html[data-milksy-theme="dark"] body.milksy-freeze-dry-product .mpw-number-wrap {
  border-color: #40536c;
  background: #142135;
  color: #dce6f5;
}

html[data-milksy-theme="dark"] body.milksy-soap-product .msp-option-card strong,
html[data-milksy-theme="dark"] body.milksy-soap-product .msp-field-title,
html[data-milksy-theme="dark"] body.milksy-soap-product .wc-pao-addon-name,
html[data-milksy-theme="dark"] body.milksy-freeze-dry-product .mpw-option-copy strong,
html[data-milksy-theme="dark"] body.milksy-freeze-dry-product .mpw-field-heading label,
html[data-milksy-theme="dark"] body.milksy-freeze-dry-product .wc-pao-addon-name {
  color: #f3f6fb;
}

html[data-milksy-theme="dark"] body.milksy-soap-product .msp-option-card.is-selected,
html[data-milksy-theme="dark"] body.milksy-soap-product .msp-quantity__choices button.is-selected,
html[data-milksy-theme="dark"] body.milksy-freeze-dry-product .mpw-option-card:has(input:checked),
html[data-milksy-theme="dark"] body.milksy-freeze-dry-product .mpw-inline-choices input:checked + span {
  border-color: #dcbf68;
  background: #29334a;
}

html[data-milksy-theme="dark"] body.milksy-soap-product .msp-order-note,
html[data-milksy-theme="dark"] body.milksy-soap-product .msp-soap-story,
html[data-milksy-theme="dark"] body.milksy-soap-product .msp-soap-steps article,
html[data-milksy-theme="dark"] body.milksy-soap-product .woocommerce-tabs,
html[data-milksy-theme="dark"] body.milksy-freeze-dry-product .woocommerce-tabs {
  border-color: #334761;
  background: #172335;
  color: #dce6f5;
}

html[data-milksy-theme="dark"] body.milksy-soap-product .msp-soap-story__copy > p:not(:first-child),
html[data-milksy-theme="dark"] body.milksy-soap-product .msp-soap-steps article p,
html[data-milksy-theme="dark"] body.milksy-soap-product .msp-description-copy,
html[data-milksy-theme="dark"] body.milksy-soap-product .msp-order-note p {
  color: #acb9cc;
}

html[data-milksy-theme="dark"] body:not(.home) .woocommerce-tabs ul.tabs,
html[data-milksy-theme="dark"] body:not(.home) .woocommerce-tabs ul.tabs li,
html[data-milksy-theme="dark"] body:not(.home) table,
html[data-milksy-theme="dark"] body:not(.home) th,
html[data-milksy-theme="dark"] body:not(.home) td {
  border-color: #334761 !important;
  background: #172335 !important;
  color: #dce6f5;
}