.asp-footer {
  background: var(--white);
  border-top: var(--border-width-1) solid var(--color-border-default);
}


.asp-footer__main {
  background: var(--color-background-base-secondary); /* #F5F5F5 — Figma, nu gray-100 (#F1F1F1) */
  padding-top: var(--spacing-40);
  padding-bottom: var(--spacing-16); /* Figma: container pt-40, separatorul are propriul pt-16 */
}
.asp-footer__main .container {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--spacing-24);
  align-items: start;
}


.asp-footer__brand {}

.asp-footer__brand-logo {
  display: flex;
  align-items: center;
  gap: var(--spacing-12);
  text-decoration: none;
  margin-bottom: var(--spacing-16);
}

.asp-footer__brand-name {
  font-family: var(--font-family-base);
  font-size: var(--text-desktop-body-sm-500-size);
  font-weight: var(--text-desktop-body-sm-500-weight);
  line-height: 1.3;
  color: var(--color-text-primary);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* Соцсети */
.asp-footer__social-label {
  font-size: var(--text-desktop-body-sm-500-size);
  font-weight: var(--text-desktop-body-sm-500-weight);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-8);
}
.asp-footer__social-links {
  display: flex;
  gap: var(--spacing-8);
  margin-bottom: var(--spacing-20);
}
.asp-footer__social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: var(--border-radius-full);
  background: var(--gray-200);
  color: var(--color-text-primary);
  text-decoration: none;
  transition: background 0.15s;
}
.asp-footer__social-link:hover {
  background: var(--gray-300);
}
.asp-footer__social-link svg { width: 16px; height: 16px; }


.asp-footer__petition {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-8);
  font-size: var(--text-desktop-body-sm-500-size);
  font-weight: var(--text-desktop-body-sm-500-weight);
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color 0.15s;
}
.asp-footer__petition:hover { color: var(--color-brand-primary); }
.asp-footer__petition svg   { width: 16px; height: 16px; }

/* ── Информационные колонки ── */
.asp-footer__col {}

.asp-footer__col-title {
  font-family: var(--font-family-base);
  font-size: var(--text-desktop-body-md-500-size);   /* 16px */
  font-weight: var(--text-desktop-body-md-500-weight);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-20);
}

.asp-footer__col-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
}
.asp-footer__col-list li a,
.asp-footer__col-contact {
  font-size: var(--text-desktop-body-sm-size);       /* 14px */
  font-weight: var(--text-desktop-body-sm-weight);
  color: var(--charcoal, #36454F); /* Figma: charcoal, nu gray-700 (#383838) */
  text-decoration: none;
  transition: color 0.15s;
  display: block;
}
.asp-footer__col-list li a:hover { color: var(--color-brand-primary); text-decoration: underline; }


.asp-footer__contact-item {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-8);
  font-size: var(--text-desktop-body-sm-size);
  color: var(--charcoal, #36454F);
  margin-bottom: var(--spacing-12);
}
.asp-footer__contact-item svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-top: 2px;
  color: var(--color-icon-secondary);
}
.asp-footer__contact-item a {
  color: var(--charcoal, #36454F);
  text-decoration: none;
}
.asp-footer__contact-item a:hover {
  color: var(--color-brand-primary);
  text-decoration: underline;
}

/* Внешние ссылки (Platforme utile — underline) */
.asp-footer__col-list li a.is-external {
  text-decoration: underline;
}

/* ── Колонка поддержки (14 909) ── */
.asp-footer__support {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--spacing-12);
}

.asp-footer__support-hotline {
  display: flex;
  align-items: center;
  gap: var(--spacing-8);
  text-decoration: none;
  color: var(--color-text-primary);
}
.asp-footer__support-hotline-icon svg {
  width: 40px;
  height: 40px;
}
.asp-footer__support-hotline-text {
  line-height: 1;
}
.asp-footer__support-hotline-number {
  font-size: 28px;
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.02em;
}
.asp-footer__support-hotline-label {
  font-size: var(--text-desktop-caption-md-size);
  font-weight: var(--text-desktop-caption-md-500-weight);
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.asp-footer__support-email {
  display: flex;
  align-items: center;
  gap: var(--spacing-8);
  font-size: var(--text-desktop-body-sm-size);
  color: var(--color-text-secondary);
  text-decoration: none;
}
.asp-footer__support-email svg { width: 16px; height: 16px; }
.asp-footer__support-email:hover { color: var(--color-brand-primary); text-decoration: underline; }

.asp-footer__support-btns {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  width: 100%;
  align-items: flex-end;
}
.asp-footer__support-btns .btn { justify-content: center; height: 32px;}


.asp-footer__partners {
  background: var(--color-background-base-secondary); /* #F5F5F5 */
  padding-top: var(--spacing-2);
  padding-bottom: var(--spacing-16);
}
.asp-footer__partners .container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.asp-footer__partners .container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: var(--border-width-1);
  background: var(--color-border-default);
  opacity: 0.3;
}
.asp-footer__partner-logos {
  display: flex;
  align-items: center;
  gap: var(--spacing-24);
}
.asp-footer__partner-logo {
  display: flex;
  align-items: center;
  gap: var(--spacing-8);
  text-decoration: none;
  opacity: 0.7;
  transition: opacity 0.15s;
}
.asp-footer__partner-logo:hover { opacity: 1; }
.asp-footer__partner-logo img,
.asp-footer__partner-logo svg  { height: 32px; width: auto; }

/* Антикоррупция */
.asp-footer__anticorr {
  text-align: right;
	margin-top:8px;
}
.asp-footer__anticorr-label {
  font-size: var(--text-desktop-body-sm-500-size);
  font-weight: var(--text-desktop-body-sm-500-weight);
  color: var(--charcoal, #36454F); /* Figma: tot blocul Anticorupție e charcoal, nu gray-900 */
  margin-bottom: var(--spacing-0);
}
.asp-footer__anticorr-sublabel {
  font-size: var(--text-desktop-caption-md-size);
  color: var(--charcoal, #36454F);
  margin-bottom: var(--spacing-0);
}
.asp-footer__anticorr-phone {
  font-size: var(--text-desktop-body-sm-500-size);
  font-weight: var(--text-desktop-body-sm-500-weight);
  color: var(--charcoal, #36454F);
  text-decoration: none;
}
.asp-footer__anticorr-phone:hover { color: var(--color-brand-primary); text-decoration: underline; }

/* ============================================================
 * BOTTOM — тёмная полоса © + ссылки
 * ============================================================ */
.asp-footer__bottom {
  background: var(--color-background-base-inverse-default); /* #1E1E1E, nu gray-900 (#121212) */
  padding-block: var(--spacing-16);
}
.asp-footer__bottom .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-16);
}

.asp-footer__copyright {
  font-size: var(--text-desktop-body-sm-size);
  color: var(--gray-200, #D9D9D9); /* Figma: gray/250, nu gray-400 (#8F8F8F) */
}
.asp-footer__legal-links {
  display: flex;
  align-items: center;
  gap: var(--spacing-24);
  list-style: none;
  padding: 0;
  margin: 0;
}
.asp-footer__legal-links a {
  font-size: var(--text-desktop-body-sm-size);
  color: var(--gray-200, #D9D9D9); /* Figma: gray/250, nu gray-300 (#ADADAD) */
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color 0.15s;
}
.asp-footer__legal-links a:hover { color: var(--white); }

/* ============================================================
 * TABLET / MOBILE — markup separat (footer-mob.html.twig)
 * Figma: Display=Tablet 104:7321 / Display=Mobile 104:7290
 * Desktop (.asp-footer-desktop) rămâne neschimbat mai sus.
 * ============================================================ */
.asp-footer-mob { display: none; }

.asp-footer-mob__main {
  background: var(--color-background-base-secondary);
  padding-top: var(--spacing-40);
  padding-bottom: var(--spacing-24);
}

.asp-footer-mob__brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-24);
  margin-bottom: var(--spacing-24);
  text-align: center;
}
.asp-footer-mob__brand-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.asp-footer-mob__brand-logo img {
  width: 159px;
  height: auto;
}
.asp-footer-mob__social {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-4);
}
.asp-footer-mob__social .asp-footer__social-label {
  margin-bottom: 0;
}
.asp-footer-mob__social-links {
  justify-content: center;
  gap: var(--spacing-12);
  margin-bottom: 0;
}
.asp-footer-mob__petition {
  height: 40px;
}

/* Tablet: Brand (full) + Contacte | Agenția | Platforme */
.asp-footer-mob__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing-24);
  align-items: start;
}
.asp-footer-mob__grid .asp-footer__col-title {
  margin-bottom: var(--spacing-16);
}
.asp-footer-mob__platforme {
  text-align: right;
}
.asp-footer-mob__platforme .asp-footer__col-list {
  align-items: flex-end;
}

/* Partners: Anticorupție | SSC, apoi logo-uri pe rând full */
.asp-footer-mob__partners {
  padding-top: 0;
  padding-bottom: var(--spacing-24);
}
.asp-footer-mob__partners .container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-24);
  align-items: start;
  padding-top: var(--spacing-16); /* spațiu sub separator (::before) */
}
.asp-footer-mob__partners-top {
  display: contents;
}
.asp-footer-mob__partners .asp-footer__anticorr {
  text-align: left;
}
.asp-footer-mob__ssc {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--spacing-6);
}
.asp-footer-mob__ssc .asp-footer__support-email {
  justify-content: flex-end;
  color: var(--color-text-primary);
}
.asp-footer-mob__partners .asp-footer__partner-logos {
  grid-column: 1 / -1;
  justify-content: space-between;
  gap: var(--spacing-32);
}

/* ============================================================
 * RESPONSIVE — comutare Desktop ↔ Tablet/Mobile
 * ============================================================ */
@media (max-width: 800px) {
  .asp-footer-desktop { display: none; }
  .asp-footer-mob { display: block; }

  .asp-footer__bottom .container {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  .asp-footer__legal-links {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 8px; 
  }

  .asp-footer__legal-links li {
    white-space: nowrap; 
  }

  .asp-footer__legal-links li:first-child {
    flex-basis: 100%;
    text-align: center; 
  }
}

/* Mobile ≤767: Contacte | Agenția (fără Platforme); Agenția align right */
@media (max-width: 600px) {
  .asp-footer-mob__main {
    padding-top: var(--spacing-24);
    padding-bottom: var(--spacing-24);
  }

  .asp-footer-mob__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--spacing-4);
  }
  .asp-footer-mob__platforme { display: none; }
  .asp-footer-mob__agentia {
    text-align: right;
  }
  .asp-footer-mob__agentia .asp-footer__col-list {
    align-items: flex-end;
  }

  .asp-footer-mob__partners .container {
    column-gap: var(--spacing-16);
  }

  .asp-footer__legal-links a {
    font-size: var(--text-desktop-caption-md-size); /* 12px — Figma mobile */
  }
}