/* MYinc DigiCard v1.4.3 — exact official-logo gold, a true aligned card grid, centred footer. */
:root {
  --myinc-logo-yellow: #c99500; /* sampled from the user's supplied official MYinc logo */
}

/* Heading text: use the same official gold for prominent white headings.
   Deliberate green-accent words, buttons and body text stay as designed. */
body :is(h1, h2, h3) {
  color: var(--myinc-logo-yellow);
}
body :is(.product-card h3, .service-category h2, .share-panel-copy h3) {
  color: var(--myinc-logo-yellow);
}

/* Top navigation: APPS and Our Services in logo gold; Save Contact stays mint. */
.top-quicknav > a,
.service-top-nav > a[href="/#apps"],
.service-top-nav > a[href="/services/"],
.bar nav > a[href="/#apps"],
.bar nav > a[href="/services/"] {
  color: var(--myinc-logo-yellow) !important;
}
.top-quicknav > a:is(:hover, :focus-visible),
.service-top-nav > a[href="/#apps"]:is(:hover, :focus-visible),
.service-top-nav > a[href="/services/"]:is(:hover, :focus-visible),
.bar nav > a[href="/#apps"]:is(:hover, :focus-visible),
.bar nav > a[href="/services/"]:is(:hover, :focus-visible) {
  color: #efbd24 !important;
}

/* An actual two-row card grid aligns contact/services side by side and
   the social/sharing cards side by side at exactly the same vertical edges. */
.social-card {
  padding: 20px 29px 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.social-card .contact-separator {
  margin: 0 3px 16px;
}
.social-card .social-grid {
  width: 100%;
}
.secondary-column > .share-panel {
  width: 100%;
}
@media (min-width: 851px) {
  .layout {
    display: grid;
    grid-template-columns: minmax(0, 1.03fr) minmax(0, .97fr);
    grid-template-rows: auto auto;
    align-items: stretch;
    gap: 20px;
  }
  .layout > .primary-column,
  .layout > .secondary-column {
    display: contents;
  }
  .layout .primary-column > .contact-card {
    grid-column: 1;
    grid-row: 1;
  }
  .layout .secondary-column > .services-card {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
  }
  .layout .secondary-column > .services-card > .services-all {
    margin-top: auto;
    padding-top: 18px;
  }
  .layout .primary-column > .social-card {
    grid-column: 1;
    grid-row: 2;
  }
  .layout .secondary-column > .share-panel {
    grid-column: 2;
    grid-row: 2;
    align-content: center;
  }
}
@media (max-width: 850px) {
  .social-card {
    padding: 19px 21px 24px;
  }
}

/* Centre the copyright on both DigiCard and Services pages at every width. */
.site-footer > .footer-copy {
  grid-column: 1 / -1 !important;
  justify-self: center;
  align-self: center;
  width: 100%;
  text-align: center;
  margin: 0;
}

/* The light theme requires a deeper shade of the official logo gold for contrast. */
[data-theme="light"] {
  --myinc-logo-yellow: #956f00;
}