/* 1075: Sticky bottom action bar (mobile-first). */

.td-sticky-bar {
  margin-top: var(--td-space-4);
}

.td-sticky-bar__inner {
  display: flex;
  gap: var(--td-space-2);
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

/* Mobile: pin to bottom with safe spacing */
@media (max-width: 782px) {
  .td-sticky-bar {
    position: fixed;
    bottom: 0;
    z-index: 50;
    padding: var(--td-space-3) var(--td-space-4);
    padding-bottom: calc(var(--td-space-3) + env(safe-area-inset-bottom));
    margin-left: calc(-1 * var(--td-space-4));
    margin-right: calc(-1 * var(--td-space-4));
    background: var(--td-bg);
    border-top: 1px solid var(--td-border);
  }

  /* If the wrapper is inside a card, keep it aligned */
  .td-card .td-sticky-bar {
    margin-left: calc(-1 * var(--td-space-4));
    margin-right: calc(-1 * var(--td-space-4));
    border-bottom-left-radius: var(--td-radius-md);
    border-bottom-right-radius: var(--td-radius-md);
  }

  .td-sticky-bar__inner {
    justify-content: space-between;
  }

  .td-sticky-bar__inner .button,
  .td-sticky-bar__inner button,
  .td-sticky-bar__inner a.button {
    min-height: 44px;
    padding: 10px 14px;
  }
}


@media (max-width: 782px) {
  .td-sticky-spacer {
    display: block;
    height: calc(56px + var(--td-space-4) + env(safe-area-inset-bottom));
  }
}


/* 1121: Astra "scroll to top" ska inte krocka med sticky bar på mobil */
@media (max-width: 782px){
  :root{ --td-sticky-bar-height: 64px; }
  #ast-scroll-top{
    bottom: calc(var(--td-sticky-bar-height) + env(safe-area-inset-bottom, 0px) + 12px) !important;
  }
}

/* 1118: Force full-width sticky bar on mobile (escape container padding) */
@media (max-width: 782px){
  .td-sticky-bar{
    left: 50% !important;
    right: auto !important;
    width: 100vw !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box !important;
  }
}


/* 1123: lite luft i sticky */
@media (max-width: 782px){.td-sticky-bar__inner{padding-left: var(--td-space-3); padding-right: var(--td-space-3);}}