/* V61 — footer legibility and contrast audit */

/* Projects: the previous hard-coded dark rgba was almost invisible on the dark theme. */
.page-projects .projects-footer-v52 {
  color: var(--dark) !important;
  background: var(--ink);
}
.page-projects .projects-footer-copy {
  color: var(--dark) !important;
  font-size: .88rem;
  font-weight: 600;
  line-height: 1.7;
  letter-spacing: .01em;
  direction: rtl;
  text-align: center;
}
.page-projects .projects-footer-copy a {
  color: var(--gold) !important;
  font-weight: 800;
  text-decoration: none;
  text-underline-offset: 4px;
}
.page-projects .projects-footer-copy a:hover,
.page-projects .projects-footer-copy a:focus-visible {
  color: var(--rose) !important;
  text-decoration: underline;
}
html[data-theme="light"] .page-projects .projects-footer-copy a {
  color: #9b3f27 !important;
}

/* Home: slightly clearer small copyright and domain text on the fixed dark footer. */
.page-home .site-footer .footer-bottom {
  color: #b9aea4 !important;
  font-weight: 500;
}
.page-home .site-footer .footer-bottom span:last-child {
  color: #c8bdb4;
}

/* Tools: footer microcopy and headings were technically too faint at small sizes. */
.page-tools footer {
  color: rgba(255,255,255,.70) !important;
}
.page-tools footer .footer-brand p {
  color: rgba(255,255,255,.70) !important;
}
.page-tools footer .footer-col h4 {
  color: rgba(255,255,255,.72) !important;
}
.page-tools footer .footer-bottom {
  color: rgba(255,255,255,.72) !important;
}

/* Privacy: retain the restrained style while giving the legal footer clearer contrast. */
.page-privacy footer {
  color: #c8b9aa !important;
  font-weight: 500;
}

@media (max-width: 600px) {
  .page-projects .projects-footer-copy {
    font-size: .84rem;
    padding-inline: .75rem;
  }
}

/* V62 — Tools direct-answer strip readability in both themes */
.page-tools .tools-direct-answer {
  margin: 15px 0;
  text-align: right;
  direction: rtl;
}
.page-tools .tools-direct-answer-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  color: var(--dark) !important;
  font-size: .94rem !important;
  font-weight: 600;
  line-height: 1.7;
}
.page-tools .tools-direct-answer-brand {
  color: var(--dark) !important;
  font-weight: 700;
  white-space: normal;
}
.page-tools .tools-direct-answer-badge {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  background: #b9482e !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  padding: .36rem .8rem;
  font-size: .86rem !important;
  font-weight: 800 !important;
  line-height: 1.45;
  white-space: normal !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.14);
}
html[data-theme="light"] .page-tools .tools-direct-answer-badge {
  background: #9b3f27 !important;
}
@media (max-width: 600px) {
  .page-tools .tools-direct-answer-inner {
    justify-content: center !important;
    text-align: center;
    font-size: .88rem !important;
  }
  .page-tools .tools-direct-answer-brand {
    width: 100%;
  }
  .page-tools .tools-direct-answer-badge {
    justify-content: center;
    border-radius: 16px;
  }
}

/* V63 — full text-contrast pass for day and night modes */

/* Tools: application descriptions must stay readable when the page switches to day mode. */
.page-tools .apps-links-note {
  color: var(--muted) !important;
  font-weight: 500;
}
html:not([data-theme="light"]) .page-tools .apps-links-note a,
html:not([data-theme="light"]) .page-tools .apps-links-note a:visited {
  color: #9cc2ff !important;
}
html:not([data-theme="light"]) .page-tools .apps-links-note a:hover,
html:not([data-theme="light"]) .page-tools .apps-links-note a:focus-visible {
  color: #c8ddff !important;
}
html[data-theme="light"] .page-tools .apps-links-note {
  color: #4a3c2e !important;
}
html[data-theme="light"] .page-tools .apps-links-note a,
html[data-theme="light"] .page-tools .apps-links-note a:visited {
  color: #174ea6 !important;
}
html[data-theme="light"] .page-tools .apps-links-note a:hover,
html[data-theme="light"] .page-tools .apps-links-note a:focus-visible {
  color: #0b3d91 !important;
}

/* Projects: the same application links need a light link colour on the dark theme. */
.page-projects .applications-nav-note {
  color: var(--muted) !important;
  font-weight: 500;
}
html:not([data-theme="light"]) .page-projects .applications-nav-note a,
html:not([data-theme="light"]) .page-projects .applications-nav-note a:visited {
  color: #9cc2ff !important;
}
html:not([data-theme="light"]) .page-projects .applications-nav-note a:hover,
html:not([data-theme="light"]) .page-projects .applications-nav-note a:focus-visible {
  color: #c8ddff !important;
}
html[data-theme="light"] .page-projects .applications-nav-note a,
html[data-theme="light"] .page-projects .applications-nav-note a:visited {
  color: #0000b8 !important;
}

/* Additional small-text contrast corrections found during the same audit. */
html[data-theme="light"] .page-tools .hero-eyebrow {
  color: #7f2940 !important;
}
.page-tools .badge-free {
  color: #21695f !important;
}
html[data-theme="light"] .page-tools .value-chip,
html[data-theme="light"] .page-tools .faq-question .faq-icon {
  color: #9b3f27 !important;
}
html[data-theme="light"] .page-tools .stat-source a {
  color: #8f3d27 !important;
}
html[data-theme="light"] .page-projects .closing-btn-whatsapp {
  color: #0f6b3c !important;
  border-color: rgba(15,107,60,.72) !important;
}
html[data-theme="light"] .page-privacy .wrap a {
  color: #8f3d27 !important;
  font-weight: 700;
}

/* V64 — branded social links in the homepage footer */
.page-home .footer-social-col {
  align-items: flex-start;
}

.page-home .footer-social-links {
  display: grid;
  gap: .72rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-home .footer-social-links li {
  margin: 0;
  padding: 0;
}

.page-home .footer-social-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: .62rem;
  width: max-content;
  max-width: 100%;
  padding: .18rem 0 .25rem;
  color: #c8bdb4 !important;
  font-size: .88rem;
  font-weight: 600;
  line-height: 1.45;
  text-decoration: none !important;
  transition: color .22s ease, transform .22s ease;
}

.page-home .footer-social-icon {
  display: block;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  fill: currentColor;
}

.page-home .footer-social-link::after {
  content: "";
  position: absolute;
  right: calc(18px + .62rem);
  left: 0;
  bottom: 0;
  height: 1px;
  background: currentColor;
  opacity: .72;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform .22s ease;
}

.page-home .footer-social-link:hover,
.page-home .footer-social-link:focus-visible {
  color: var(--gold) !important;
  transform: translateX(-2px);
}

.page-home .footer-social-link:hover::after,
.page-home .footer-social-link:focus-visible::after {
  transform: scaleX(1);
}

.page-home .footer-social-link:focus-visible {
  outline: 2px solid rgba(232,128,95,.58);
  outline-offset: 4px;
  border-radius: 3px;
}

@media (max-width: 760px) {
  .page-home .footer-social-col {
    align-items: center;
  }
  .page-home .footer-social-links {
    justify-items: start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-home .footer-social-link,
  .page-home .footer-social-link::after {
    transition: none;
  }
  .page-home .footer-social-link:hover,
  .page-home .footer-social-link:focus-visible {
    transform: none;
  }
}