/* WellyWorks flat visual layer
   Removes glass surfaces and ornamental English overlines site-wide while
   preserving layout, hierarchy, interactions, and payment behavior. */

*,
*::before,
*::after {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* English eyebrow/overline labels */
.eyebrow,
.bird-kicker,
.portfolio-kicker,
.systems-kicker,
.faq-kicker,
.inquiry-kicker,
.final-eyebrow,
.page-kicker,
.section-kicker,
.choice-label,
.kicker,
.product-eyebrow,
.system-tag {
  display: none !important;
}

/* Decorative pill/circle numbers */
.service-num,
.step-num {
  display: none !important;
}

.bird-title,
.portfolio-title,
.systems-title,
.faq-title,
.inquiry-title,
.final-title,
.service-card h3,
.process-step h4,
.system-meta h2,
.product h2 {
  margin-top: 0 !important;
}

/* Navigation surfaces */
.nav.is-scrolled {
  background: #f7fbff !important;
  box-shadow: none !important;
  border-bottom: 1px solid #dce7f5 !important;
}

.nav-menu,
.topbar.is-open .top-nav {
  box-shadow: none !important;
}

@media (max-width: 720px) {
  .nav-menu,
  .topbar.is-open .top-nav {
    background: #f7fbff !important;
  }
}

/* Dark cards and grouped surfaces */
.work-item,
.service-card,
.process-step,
.system-block,
.cta-band,
.choice,
.product,
.guide,
.policy,
.section,
.faq-item,
.result-detail,
.payment-option,
.agreement-field {
  background: #071126 !important;
  box-shadow: none !important;
}

.work-item::before,
.work-item::after {
  display: none !important;
}

.work-item:hover,
.service-card:hover,
.process-step:hover,
.choice:hover,
.product:hover,
.faq-item:hover,
.faq-item[open] {
  background: #0b1730 !important;
  box-shadow: none !important;
}

.choice.custom,
.choice.custom:hover,
.product.featured,
.product.featured:hover {
  background: #0b1834 !important;
  box-shadow: none !important;
}

.action,
.pick,
.modal-close,
.nav-toggle,
.nav-burger,
.home-link,
.nav-links a,
.hero-cta,
.cta-button.ghost {
  background: #0b1730 !important;
  box-shadow: none !important;
}

.nav-toggle {
  color: #f4f8ff !important;
}

.choice:hover .action,
.pick:hover,
.pick:focus-visible,
.modal-close:hover,
.modal-close:focus-visible,
.nav-links a:hover,
.nav-links a:focus-visible,
.cta-button.ghost:hover {
  background: #102142 !important;
  box-shadow: none !important;
}

/* Light cards and forms */
.portfolio-card,
.pf-modal-panel {
  background: #f6faff !important;
  box-shadow: none !important;
}

.inquiry-form {
  background: #ffffff !important;
  box-shadow: none !important;
}

.inquiry-form input,
.inquiry-form select,
.inquiry-form textarea {
  background: #ffffff !important;
}

/* Payment fields and dialogs stay clearly separated without translucency. */
.field input,
.quantity-field input,
.card-number-grid input,
.billing-form input,
.billing-form select {
  background: #030817 !important;
}

.checkout-dialog,
.legal-dialog,
.recurring-dialog,
.result-dialog {
  background: #071126 !important;
  box-shadow: none !important;
}

/* Modal backdrops remain translucent only to preserve focus and context. */
.checkout-modal,
.legal-modal,
.recurring-modal,
.result-modal,
.pf-modal-backdrop {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

th {
  background: #0b1730 !important;
  box-shadow: none !important;
}

.result {
  background: #08251c !important;
}

.result.is-fail {
  background: #2a1118 !important;
}

.checkout-alert {
  background: #2a2110 !important;
  box-shadow: none !important;
}