/* licensing.css – Utility classes for licensing frontend templates */

/* ============================================================================
   TEXT COLORS
   ============================================================================ */

.lic-text {
  color: var(--on-surface);
}

.lic-text-secondary {
  color: var(--on-surface-variant);
}

.lic-text-primary-color {
  color: var(--primary);
}

.lic-text-success {
  color: var(--success);
}

/* ============================================================================
   BACKGROUNDS
   ============================================================================ */

.lic-bg {
  background-color: var(--surface);
}

.lic-bg-alt {
  background-color: var(--surface-variant, #f5f5f5);
}

/* ============================================================================
   BORDERS
   ============================================================================ */

.lic-border {
  border-color: var(--border);
}

.lic-border-b {
  border-bottom: 1px solid var(--border);
}

.lic-border-t {
  border-top: 1px solid var(--border);
}

/* ============================================================================
   FORM CONTROLS
   ============================================================================ */

.lic-input {
  background-color: var(--surface);
  color: var(--on-surface);
  border-color: var(--border);
}

/* ============================================================================
   ALERTS & HINTS
   ============================================================================ */

.lic-alert-error {
  background-color: var(--error-container);
  color: var(--on-error-container);
}

.lic-alert-success {
  background-color: var(--alert-success-bg);
  color: var(--alert-success-text);
  border-left: 3px solid var(--alert-success-border);
}

.lic-alert-warning {
  background-color: var(--alert-warning-bg);
  color: var(--alert-warning-text);
  border-left: 3px solid var(--alert-warning-border);
}

.lic-coupon-hint {
  background-color: var(--alert-success-bg);
  color: var(--alert-success-text);
  border-left: 3px solid var(--alert-success-border);
}

/* ============================================================================
   COMPONENT PATTERNS
   ============================================================================ */

.lic-banner {
  background-color: var(--surface-variant, #f5f5f5);
  border: 1px solid var(--border);
}

.lic-info-box {
  background-color: var(--surface-variant, #f5f5f5);
  color: var(--on-surface-variant);
}

.lic-interval-toggle {
  background-color: var(--surface-variant, #f1f5f9);
}

.lic-seats-btn {
  background-color: var(--surface-variant);
  color: var(--on-surface);
}

.lic-seats-input {
  border-color: var(--border);
  background-color: var(--surface);
  color: var(--on-surface);
}

.lic-preview-content {
  border-color: var(--border);
  background-color: var(--surface-variant, #f5f5f5);
}

.lic-btn-outline {
  color: var(--on-surface);
  border-color: var(--border);
}

.lic-btn-surface {
  background-color: var(--surface-variant);
  color: var(--on-surface);
}

/* Package card checked state (change_license page) */
.pkg-card-checked {
  border-color: var(--primary) !important;
  background-color: color-mix(in srgb, var(--primary) 8%, transparent);
}