/* Dayi Color Card — approved white and deep-green palette. */
.dayi-color-v22 {
  --cc-paper: #ffffff !important;
  --cc-soft: #f2f7f4 !important;
  --cc-ink: #06271d !important;
  --cc-copy: #3b574e !important;
  --cc-gold: #005538 !important;
  --cc-line: #cfdbd5 !important;
  color: #06271d !important;
  background: #ffffff !important;
}

.dayi-color-v22 .dayi-color-hero {
  background: #ffffff !important;
}

.dayi-color-v22 .dayi-color-kicker,
.dayi-color-v22 .dayi-color-card-category {
  color: #005538 !important;
}

.dayi-color-v22 .dayi-color-display,
.dayi-color-v22 .dayi-color-collection-title,
.dayi-color-v22 .dayi-color-cta h2,
.dayi-color-v22 .dayi-color-inquiry h2,
.dayi-color-v22 .dayi-color-hero-features h3,
.dayi-color-v22 .dayi-color-card-number,
.dayi-color-v22 .dayi-color-benefits h3,
.dayi-color-v22 .dayi-color-form label {
  color: #06271d !important;
}

.dayi-color-v22 .dayi-color-lead,
.dayi-color-v22 .dayi-color-hero-features p,
.dayi-color-v22 .dayi-color-inquiry > p,
.dayi-color-v22 .dayi-color-form small,
.dayi-color-v22 .dayi-color-benefits p,
.dayi-color-v22 .dayi-color-cta p,
.dayi-color-v22 .dayi-color-card-block__note {
  color: #3b574e !important;
}

.dayi-color-v22 .dayi-color-inquiry,
.dayi-color-v22 .dayi-color-toolbar,
.dayi-color-v22 .dayi-color-benefits,
.dayi-color-v22 .dayi-color-pagination,
.dayi-color-v22 .dayi-color-card-block {
  background: #ffffff !important;
  border-color: #cfdbd5 !important;
  box-shadow: 0 18px 48px rgba(6, 39, 29, .08) !important;
}

.dayi-color-v22 .dayi-color-toolbar-section,
.dayi-color-v22 .dayi-color-card-item,
.dayi-color-v22 .dayi-color-cta,
.dayi-color-v22 .dayi-color-empty,
.dayi-color-v22 .dayi-color-page-status {
  background: #f2f7f4 !important;
  border-color: #cfdbd5 !important;
}

.dayi-color-v22 .dayi-color-card-item {
  cursor: zoom-in;
  content-visibility: auto;
  contain-intrinsic-size: 360px 460px;
}

.dayi-color-v22 .dayi-color-card-item img {
  max-width: 100%;
  height: auto;
}

.dayi-color-v22 .dayi-color-card-item:focus-visible {
  outline: 3px solid #005538;
  outline-offset: 4px;
}

.dayi-color-modal {
  position: fixed;
  z-index: 100000;
  inset: 0;
  display: none;
  place-items: center;
  padding: clamp(1rem, 4vw, 4rem);
}

.dayi-color-modal.is-open { display: grid; }
.dayi-color-modal__backdrop { position: absolute; inset: 0; background: rgba(6, 23, 17, .72); backdrop-filter: blur(3px); }
.dayi-color-modal__dialog { position: relative; z-index: 1; width: min(760px, 100%); max-height: min(88vh, 900px); overflow: auto; padding: clamp(1rem, 2vw, 1.5rem); background: #fff; border-radius: 18px; box-shadow: 0 24px 80px rgba(0, 0, 0, .36); }
.dayi-color-modal__close { position: absolute; z-index: 2; top: .5rem; right: .5rem; display: grid; width: 42px; height: 42px; place-items: center; padding: 0; color: #06271d; background: #fff; border: 1px solid #cfdbd5; border-radius: 50%; font-size: 2rem; line-height: 1; cursor: pointer; }
.dayi-color-modal__close:hover,.dayi-color-modal__close:focus-visible { color: #fff; background: #005538; border-color: #005538; outline: 0; }
.dayi-color-modal__card > .dayi-color-card-item { width: 100%; min-height: 0; margin: 0; cursor: default; }
.dayi-color-modal__card .dayi-color-card-block__media img { width: 100%; max-height: 72vh; object-fit: contain; }

.dayi-color-v22 .dayi-color-form input,
.dayi-color-v22 .dayi-color-form textarea,
.dayi-color-v22 .dayi-color-search input,
.dayi-color-v22 .dayi-color-page-input {
  color: #06271d !important;
  background: #ffffff !important;
  border-color: #cfdbd5 !important;
}

.dayi-color-v22 .dayi-color-form input:focus,
.dayi-color-v22 .dayi-color-form textarea:focus,
.dayi-color-v22 .dayi-color-search input:focus,
.dayi-color-v22 .dayi-color-page-input:focus {
  border-color: #005538 !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(0, 85, 56, .1) !important;
}

.dayi-color-v22 .dayi-color-form button,
.dayi-color-v22 .dayi-color-filter.is-active .wp-block-button__link,
.dayi-color-v22 .dayi-color-filter .wp-block-button__link:hover,
.dayi-color-v22 .dayi-color-pagination button:hover:not(:disabled),
.dayi-color-v22 .dayi-color-next,
.dayi-color-v22 .dayi-color-cta .wp-block-button__link {
  color: #ffffff !important;
  background: #005538 !important;
  border-color: #005538 !important;
}

.dayi-color-v22 .dayi-color-filter .wp-block-button__link,
.dayi-color-v22 .dayi-color-pagination button,
.dayi-color-v22 .dayi-color-pagination label {
  color: #06271d !important;
  border-color: #cfdbd5 !important;
}

.dayi-color-v22 .dayi-color-card-block__media {
  color: #527067 !important;
  background: #dce9e3 !important;
}

.dayi-color-v22 .dayi-color-toolbar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 330px) !important;
  align-items: stretch !important;
  gap: 14px !important;
}

.dayi-color-v22 .dayi-color-toolbar-section {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(92px, 1fr)) !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
}

.dayi-color-v22 .dayi-color-filter {
  display: flex !important;
  min-width: 0 !important;
}

.dayi-color-v22 .dayi-color-filter .wp-block-button__link {
  display: flex !important;
  width: 100% !important;
  min-height: 42px !important;
  align-items: center !important;
  justify-content: center !important;
  padding-right: 12px !important;
  padding-left: 12px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.dayi-color-v22 .dayi-color-search {
  min-width: 0 !important;
}

.dayi-color-v22 .dayi-color-search input {
  width: 100% !important;
  min-height: 42px !important;
}

.dayi-color-v22 .dayi-color-form button {
  color: #071b14 !important;
}

.dayi-color-v22 .dayi-color-image-note {
  color: #25463c !important;
  background: rgba(255, 255, 255, .9) !important;
}

.editor-styles-wrapper .dayi-color-v22 {
  color: #06271d !important;
  background: #ffffff !important;
}

/* Compact the bottom color-card CTA without changing its copy or button. */
.dayi-color-v22 .dayi-color-cta {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  column-gap: 42px !important;
  align-content: center !important;
  align-items: center !important;
  height: 190px !important;
  min-height: 0 !important;
  padding: 26px clamp(28px, 6vw, 96px) !important;
}

.dayi-color-v22 .dayi-color-cta h2 {
  grid-column: 1 !important;
  grid-row: 1 !important;
  max-width: 700px !important;
  margin: 0 0 7px !important;
  font-size: 38px !important;
  text-align: left !important;
  line-height: 1.1 !important;
}

.dayi-color-v22 .dayi-color-cta p {
  grid-column: 1 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  font-size: 15px !important;
  text-align: left !important;
}

.dayi-color-v22 .dayi-color-cta .wp-block-button {
  margin: 0 !important;
}

.dayi-color-v22 .dayi-color-cta .wp-block-buttons {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  justify-content: flex-end !important;
  margin: 0 !important;
}

.dayi-color-v22 .dayi-color-cta .wp-block-button__link {
  padding: 12px 28px !important;
  font-size: 14px !important;
}

@media (max-width: 700px) {
  .dayi-color-v22 .dayi-color-cta {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 34px 18px !important;
  }
  .dayi-color-v22 .dayi-color-cta h2 {
    font-size: 32px !important;
  }
  .dayi-color-v22 .dayi-color-cta .wp-block-buttons {
    margin-top: 16px !important;
  }
}

@media (max-width: 820px) {
  .dayi-color-v22 .dayi-color-toolbar {
    grid-template-columns: 1fr !important;
  }

  .dayi-color-v22 .dayi-color-toolbar-section {
    grid-template-columns: repeat(auto-fit, minmax(98px, 1fr)) !important;
  }
}

/* Dayi About Us — the same white and deep-green palette. */
.dayi-about-v21 {
  --about-bg: #ffffff !important;
  --about-paper: #f2f7f4 !important;
  --about-ink: #06271d !important;
  --about-text: #3b574e !important;
  --about-gold: #005538 !important;
  --about-line: #cfdbd5 !important;
  color: #06271d !important;
  background: #ffffff !important;
}

.dayi-about-v21 .dayi-about-hero,
.dayi-about-v21 .dayi-about-profile,
.dayi-about-v21 .dayi-about-manufacturing {
  background-color: #ffffff !important;
}

.dayi-about-v21 .dayi-about-process {
  background: #f2f7f4 !important;
}

.dayi-about-v21 .dayi-about-display,
.dayi-about-v21 .dayi-about-title,
.dayi-about-v21 .dayi-about-profile-points h3,
.dayi-about-v21 .dayi-about-step h3,
.dayi-about-v21 .dayi-about-stats h3,
.dayi-about-v21 .dayi-about-cta-title {
  color: #06271d !important;
}

.dayi-about-v21 .dayi-about-copy p:not(.dayi-about-kicker):not(.dayi-about-stat-value),
.dayi-about-v21 .dayi-about-profile-points p,
.dayi-about-v21 .dayi-about-step p:last-child,
.dayi-about-v21 .dayi-about-stats p:last-child {
  color: #3b574e !important;
}

.dayi-about-v21 .dayi-about-kicker,
.dayi-about-v21 .dayi-about-step-icon,
.dayi-about-v21 .dayi-about-step-number,
.dayi-about-v21 .dayi-about-stat-value,
.dayi-about-v21 .dayi-about-profile-points > .wp-block-column::before {
  color: #005538 !important;
}

.dayi-about-v21 .dayi-about-step-icon {
  color: #005538 !important;
  background: #f2f7f4 !important;
  border-color: #005538 !important;
}

.dayi-about-v21 .dayi-about-process-list::before {
  background: #005538 !important;
}

.dayi-about-v21 .dayi-about-profile-points,
.dayi-about-v21 .dayi-about-profile-points > .wp-block-column,
.dayi-about-v21 .dayi-about-stats > .wp-block-column {
  border-color: #cfdbd5 !important;
}

.dayi-about-v21 .dayi-about-button .wp-block-button__link {
  color: #ffffff !important;
  background: #005538 !important;
  border-color: #005538 !important;
}

.dayi-about-v21 .dayi-about-button .wp-block-button__link:hover,
.dayi-about-v21 .dayi-about-cta .is-style-outline .wp-block-button__link {
  color: #005538 !important;
  background: #ffffff !important;
  border-color: #005538 !important;
}

.dayi-about-v21 .dayi-about-cta {
  background: #f2f7f4 !important;
}

.dayi-about-v21 .dayi-about-image-note {
  color: #25463c !important;
  background: rgba(255, 255, 255, .92) !important;
}

.editor-styles-wrapper .dayi-about-v21 {
  color: #06271d !important;
  background: #ffffff !important;
}