/* Bundle App — Admin Style Config */
:root {
  --color-green: #16243A;
  --color-green-hover: #0E1826;
  --color-cream: #FFFFFF;
  --color-card-bg: #E9EFF6;
  --color-cta-hover: #0E1826;
  --radius-card: 16px;
  --radius-button: 28px;
  --bundle-progress-track: #E7E1CB;
  --bundle-progress-fill: #2E9CC4;
  --bundle-progress-node-bg: #16243A;
  --bundle-progress-node-text: #FFFFFF;
  --bundle-page-bg: #FFFFFF;
  --bundle-builder-bg: #FFFFFF;
  --bundle-card-bg: #FFFFFF;
  --tier-btn-bg: #FFFFFF;
  --tier-btn-text: #16243A;
  --tier-btn-border: #C7CDD4;
  --tier-btn-bg-selected: #16243a;
  --tier-btn-text-selected: #FFFFFF;
  --tier-btn-radius: 28px;
  --qty-selector-bg: #16243A;
  --qty-selector-text: #FFFFFF;
  /* Global font families — overrides the hardcoded :root in the compiled CSS
     (this stylesheet loads after it). */
  --font-base: 'Spezia', sans-serif;
  --font-extended: 'Spezia Extended', sans-serif;
  --font-serif: 'Spezia Serif', serif;
}

.bundle-section-wrapper {
  background: #FFFFFF;
}

bundle-builder.card {
  background: #FFFFFF !important;
}

.bundle-sticky,
.bundle-expanded-content {
  background: #FFFFFF !important;
}

.add-to-bundle-btn {
  background: #ffffff !important;
  color: #FFFFFF !important;
}

.add-to-bundle-btn:hover:not(:disabled) {
  background: #0E1826 !important;
  color: #FFFFFF !important;
}

bundle-size-selector .size-option.active {
  background: #ffffff !important;
  color: #FFFFFF !important;
}

.bundle-product-card {
  background: #FFFFFF !important;
  border-color: #DADFE3 !important;
  border-radius: 8px !important;
}

/* Typography */
.bundle-page-title {
  font-family: 'Spezia Extended', sans-serif;
  font-size: 48px;
  font-weight: 700;
}

@media (max-width: 768px) {
  .bundle-page-title {
    font-size: 32px;
  }
}

.section-header h2 {
  font-family: 'Spezia Extended', sans-serif;
  font-size: 18px !important;
}

.bundle-header-banner span {
  font-family: 'Spezia Extended', sans-serif;
  font-size: 13px;
}

.cta-button {
  font-family: 'Spezia Extended', sans-serif;
  font-size: 14px !important;
}