/**
 * Component: footer (ports Bangul BgFooter - Footer.scss).
 * Breakpoint is 1011px (not the 1023 used elsewhere).
 */

.ssr-footer {
  padding: 48px 0 24px;
  background: var(--ssr-color-white);
}

.ssr-footer a,
.ssr-footer img {
  display: inline-block;
}

/* Top row: general (4/12) + links (8/12) */
.ssr-footer__main {
  display: flex;
  gap: var(--ssr-space-md);
}

.ssr-footer__general {
  flex: 0 0 33.333%;
}

.ssr-footer__logo img {
  height: 32px;
}

.ssr-footer__description {
  margin: 20px 0;
  font: 400 16px/24px var(--ssr-font-family);
  color: var(--ssr-color-neutral-700);
}

.ssr-footer__appstore {
  display: flex;
  gap: var(--ssr-space-xs);
}

.ssr-footer__appstore img {
  height: 40px;
}

/* Right block: MAMIKOS (6/12) + Kebijakan (3/12) + Hubungi kami (3/12) */
.ssr-footer__links {
  flex: 1;
  display: flex;
  gap: var(--ssr-space-md);
}

.ssr-footer__col--mamikos {
  flex: 2;
}

.ssr-footer__col {
  flex: 1;
}

.ssr-footer__link-title {
  margin-bottom: 32px;
  font: 700 16px/24px var(--ssr-font-family);
  color: var(--ssr-color-neutral-800);
  text-transform: uppercase;
}

/* MAMIKOS links split into two side-by-side columns */
.ssr-footer__link-wrapper {
  display: flex;
}

.ssr-footer__link-wrapper > div {
  width: 100%;
}

/* Prefix raises specificity to beat base `.ssr-footer a` so links are full-width blocks. */
.ssr-footer__col .ssr-footer__link {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  font: 400 14px/20px var(--ssr-font-family);
  color: var(--ssr-color-neutral-800);
  text-decoration: none;
}

.ssr-footer__link .ssr-icon {
  margin-right: var(--ssr-space-xs);
}

.ssr-footer__link:hover {
  color: var(--ssr-color-primary);
}

.ssr-footer__socials {
  display: flex;
  gap: 12px;
  margin-top: var(--ssr-space-xs);
}

.ssr-footer__socials a {
  display: inline-flex;
  color: var(--ssr-color-neutral-800);
}

.ssr-footer__socials a:hover {
  color: var(--ssr-color-primary);
}

.ssr-footer__divider {
  height: 1px;
  margin: var(--ssr-space-lg) 0;
  background: var(--ssr-color-neutral-200);
}

/* Bottom row: ISO badge (left) + copyright (right) */
.ssr-footer__copyright {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ssr-footer__iso img {
  width: 48px;
  height: 48px;
}

.ssr-footer__copyright-text {
  font: 400 14px/20px var(--ssr-font-family);
  color: var(--ssr-color-neutral-700);
}

@media (max-width: 1011px) {
  .ssr-footer__main {
    flex-direction: column;
  }

  .ssr-footer__general {
    flex: none;
  }

  .ssr-footer__appstore {
    margin-bottom: var(--ssr-space-sm);
  }

  .ssr-footer__links {
    flex-direction: column;
    gap: var(--ssr-space-lg);
  }

  .ssr-footer__link-wrapper {
    flex-direction: column;
  }

  .ssr-footer__link-title {
    margin-bottom: var(--ssr-space-xs);
  }

  .ssr-footer__divider {
    margin-top: 12px;
  }

  .ssr-footer__copyright {
    flex-direction: column;
    align-items: flex-start;
  }

  .ssr-footer__iso {
    margin-bottom: var(--ssr-space-sm);
  }
}