/*
 * NLS Twenty-Seven
 *
 * Generated UI assets are built by:
 *   npm run build:theme
 */


/* === NLS STORE ORDER START === */

.nls-store-order-page {
  max-width: 72rem;
  padding-top: 1.5rem;
  padding-bottom: 3rem;
}

.nls-store-order {
  color: var(--color-text);
}

.nls-store-order__intro {
  align-items: center;

  margin: 0 0 1.75rem;
  padding: 1.5rem;

  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);

  background:
    linear-gradient(
      135deg,
      var(--color-surface) 0%,
      var(--color-surface-subtle) 100%
    );

  box-shadow:
    0 12px 32px rgb(8 30 44 / 0.07);
}

.nls-store-order__product h2 {
  margin: 0 0 0.55rem;

  color: var(--color-text);

  font-family: var(--font-family-display);
  font-size: clamp(1.5rem, 2.6vw, 2.15rem);
  font-weight: 700;
  line-height: 1.1;
}

.nls-store-order__product > p {
  max-width: 42rem;
  margin: 0;

  color: var(--color-text-secondary);

  line-height: 1.55;
}

.nls-store-order .payment-term {
  padding: 1rem;

  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);

  background: var(--color-surface);
}

.nls-store-order .payment-term h4 {
  margin: 0 0 0.65rem;

  color: var(--color-text);

  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
}

.nls-store-order .payment-term .select {
  margin: 0;
}

.nls-store-order__section-title {
  margin: 0 0 0.85rem;

  color: var(--color-text);

  font-family: var(--font-family-display);
  font-size: 1.1rem;
  font-weight: 700;
}

.nls-store-order__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;

  margin: 0 0 0.75rem;
  padding: 0;

  border: 0;
}

.nls-store-order__tabs .nav-item {
  margin: 0;
}

.nls-store-order__tabs .nav-link {
  padding: 0.65rem 0.9rem !important;

  border: 1px solid var(--color-border-strong) !important;
  border-radius: var(--radius-sm) !important;

  color: var(--color-text-secondary);

  background: var(--color-surface);

  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);

  transition:
    border-color var(--duration-fast) var(--ease-standard),
    color var(--duration-fast) var(--ease-standard),
    background-color var(--duration-fast) var(--ease-standard),
    box-shadow var(--duration-fast) var(--ease-standard);
}

.nls-store-order__tabs .nav-link:hover {
  border-color: var(--color-brand-orange) !important;

  color: var(--color-text);

  background: var(--color-surface-subtle);
}

.nls-store-order__tabs .nav-link.active,
.nls-store-order__tabs .nav-item.active .nav-link {
  border-color: var(--color-brand-orange) !important;

  color: var(--color-brand-orange);

  background:
    color-mix(
      in srgb,
      var(--color-brand-orange) 7%,
      var(--color-surface)
    );

  box-shadow:
    0 0 0 3px rgb(255 103 0 / 0.08);
}

.nls-store-order__tab-connector {
  display: none;
}

.nls-store-order__domain-panel {
  margin: 0;
  padding: 1.25rem;

  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);

  background: var(--color-surface) !important;

  box-shadow:
    0 8px 24px rgb(8 30 44 / 0.055);
}

.nls-store-order__domain-panel .tab-pane {
  padding: 0;
}

.nls-store-order__domain-panel .row {
  align-items: center;
}

.nls-store-order__domain-panel .input,
.nls-store-order__domain-panel .select {
  margin: 0;
}

.nls-store-order .domain-validation {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  gap: 0.4rem;

  color: var(--color-text-muted);

  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
}

.nls-store-order .domain-validation.ok {
  color: var(--color-success);
}

.nls-store-order__actions {
  align-items: center;

  margin-top: 1.25rem;
  padding-top: 1.25rem;

  border-top: 1px solid var(--color-border);
}

.nls-store-order__actions-main {
  display: flex;
  justify-content: flex-end;
  gap: 0.65rem;
}

.nls-store-order__actions .button {
  margin: 0;
}

.nls-store-order-page > .card {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);

  box-shadow:
    0 8px 24px rgb(8 30 44 / 0.055);
}

@media (max-width: 767.98px) {
  .nls-store-order-page {
    padding-top: 0.75rem;
    padding-bottom: 2rem;
  }

  .nls-store-order__intro {
    padding: 1.1rem;
  }

  .nls-store-order__term {
    margin-top: 1rem;
  }

  .nls-store-order__tabs {
    display: grid;
    grid-template-columns: 1fr;
  }

  .nls-store-order__tabs .nav-link {
    display: block;
    width: 100%;

    text-align: left;
  }

  .nls-store-order__domain-panel {
    padding: 1rem;
  }

  .nls-store-order__domain-panel .col-sm-4 {
    margin-top: 0.35rem;
  }

  .nls-store-order__actions-back {
    margin-bottom: 0.65rem;
  }

  .nls-store-order__actions-main {
    display: grid;
    grid-template-columns: 1fr;
  }

  .nls-store-order__actions .button {
    width: 100%;
  }
}

/* === NLS STORE ORDER END === */