/* ====================
   FOOTER STYLESHEET
====================*/

/* Footer block */
footer {
  text-align: center;
  white-space: nowrap;
  padding: 1rem 1rem;
  font-size: 0.8rem;
  color: var(--text-secondary);
  line-height: 1.4;
  letter-spacing: 0.5px;
}

/* shrink-wrapped container to center both lines together */
.footer-inner {
  display: inline-block;
  text-align: left;
  line-height: 1.4;
  white-space: nowrap;
}

/* second line indent + blank line */
.footer-left-indent {
  padding-left: 1rem;
  margin-top: 0.25rem;
  margin-bottom: 2rem;
}

/* link text underline only */
.footer-left-indent a {
  text-decoration: none; /* remove default underline */
}

.footer-left-indent a .link-text {
  text-decoration: underline; /* underline just the text */
  color: var(--accent-muted);
  font-size: 0.8rem;
}

/* Flag wrapper */
.flag-wrapper {
  display: inline-block;
  margin-left: 0.5em;          /* ~3 spaces from text */
  vertical-align: -0.08em;     /* aligns with text baseline */
}

.flag-wrapper .flag {
  height: 0.85em !important;   /* scales with footer text */
  width: auto !important;      /* preserves aspect ratio */
  display: inline-block;
  opacity: 0.9;
}

/* responsive tweak for mobile */
@media (max-width: 600px) {
  .footer-left-indent {
    padding-left: 0.5rem;
  }

  .flag-wrapper {
    margin-left: 0.35em;       /* slightly smaller gap on mobile */
  }

  .flag-wrapper .flag {
    height: 0.8em !important;  /* scale down on mobile */
  }
}