/**
 * EUX PAD Client Customizations — BNPL + mobile sticky Continue + date borders + lock icon.
 */

.euxpide-pad-bnpl-source {
  display: none !important;
}

/* Date hover/selected — 4px gold border inside box (no size change) */
.euxpide-app .wpd-date-box,
#euxpide-pad-app .wpd-date-box {
  box-sizing: border-box;
  border: 4px solid transparent;
}

.euxpide-app .wpd-date-box:hover:not(.wpd-date-box--unavailable),
#euxpide-pad-app .wpd-date-box:hover:not(.wpd-date-box--unavailable),
.euxpide-app .wpd-date-box.selected,
#euxpide-pad-app .wpd-date-box.selected {
  border-color: #eaaa01;
}

/*
 * BNPL messages: single row above Continue.
 */
.wpd-proceed-container:has(.bnpl-wrapper) {
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  row-gap: 10px;
}

.wpd-proceed-container .bnpl-wrapper {
  flex: 0 0 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 20px;
  width: 100%;
  max-width: 518px;
  margin: 0 auto;
  box-sizing: border-box;
  color: #000;
}

.wpd-proceed-container .bnpl-wrapper .bnpl-line {
  display: inline-flex;
  width: auto;
  max-width: none;
  flex: 0 1 auto;
  color: #000 !important;
}

.wpd-proceed-container .bnpl-wrapper > * {
  display: inline-flex;
  width: auto;
  max-width: none;
  flex: 0 1 auto;
  color: #000 !important;
}

.wpd-proceed-container .bnpl-wrapper p,
.wpd-proceed-container .bnpl-wrapper span,
.wpd-proceed-container .bnpl-wrapper a,
.wpd-proceed-container .bnpl-wrapper strong {
  color: #000 !important;
}

/* Continue button lock icon */
.wpd-proceed-container .wpd-proceed-button {
  gap: 10px;
}

.euxpide-pad-lock-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #fff;
}

.euxpide-pad-lock-icon svg {
  display: block;
  width: 26px;
  height: 26px;
}

.wpd-proceed-button:disabled .euxpide-pad-lock-icon {
  color: #000;
}

/* Do not override Continue dimensions from main plugin */
.wpd-proceed-container:has(.bnpl-wrapper) .wpd-proceed-button {
  flex: 0 1 auto;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 768.98px) {
  .euxpide-pad-container.euxpide-pad-client-has-sticky,
  #euxpide-pad-app.euxpide-pad-client-has-sticky {
    padding-bottom: calc(
      var(--euxpide-pad-sticky-stack-height, 160px) + env(safe-area-inset-bottom, 0px)
    );
  }

  .wpd-proceed-container.euxpide-pad-client-sticky {
    position: fixed;
    left: 0;
    right: 0;
    bottom: var(--euxpide-pad-bottom-nav-offset, 70px);
    z-index: 100050;
    margin-top: 0;
    padding: 10px 16px 12px;
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
    background: #fff;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.12);
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    row-gap: 8px;
    box-sizing: border-box;
  }

  .wpd-proceed-container.euxpide-pad-client-sticky .bnpl-wrapper {
    flex: 0 0 100%;
    max-width: 518px;
    margin-left: auto;
    margin-right: auto;
  }
}