.sticky-wrapper.just-menu {
  background-color: white;
}

/* ─── PrimeReact component resets ───────────────────────────────────────────
   style.css sets `input[type='checkbox'] { display:none; width:0; height:0 }`
   (specificity 11) which beats .p-checkbox-input (specificity 10), hiding the
   invisible click-overlay that PrimeReact needs.
   style.css also sets `input { height:50px; border-radius:9999px }` which
   would distort InputText. Both are undone below. */

.p-checkbox-input {
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
}

.p-inputtext {
  height: auto !important;
  border-radius: 0 !important;
  padding: 0.75rem !important;
}

.p-inputtext:focus,
.p-inputtext:enabled:focus,
.p-inputtextarea:focus,
.p-inputtextarea:enabled:focus {
  background-color: white !important;
  color: #4b5563 !important;
  box-shadow: none !important;
  outline: none !important;
}

section.selling-layout1 {
  background-image: url(/assets/img/bg/selling-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/*.books-layout1,
.best-selling-layout1 {
  background: linear-gradient(90deg, rgba(244, 250, 248, 1) 0%, rgba(103, 190, 169, 0.35) 100%);
}*/

.cta-layout1.newsletter-section .p-inputtext:enabled:hover,
.cta-layout1.newsletter-section .p-inputtext:enabled:focus,
.cta-layout1.newsletter-section input:hover,
.cta-layout1.newsletter-section input:focus {
  box-shadow: none !important;
  border-color: #d1d5db !important;
  outline: none !important;
  transition: none !important;
  background-color: white !important;
  color: black !important;
}

.cta-layout1 .newsletter_title {
  white-space: nowrap;
}

.cta-layout1 .vs-btn .p-button-label {
  white-space: nowrap;
}

.cta-layout1.newsletter-section .vs-btn > i {
  margin-left: 0 !important;
  margin-right: 7px;
}

.cta-layout1.newsletter-section .vs-btn::before,
.cta-layout1.newsletter-section .vs-btn::after {
  background-color: var(--secondaryElektrykDark) !important;
}

.cta-layout1.newsletter-section .p-button:not(:disabled):hover,
.cta-layout1.newsletter-section .vs-btn:hover {
  background-color: var(--secondaryElektrykDark) !important;
  border-color: var(--secondaryElektrykDark) !important;
}

.vs-testi__layout3,
.vs-product-wrapper,
.vs-cart-wrapper,
.vendor-layout1,
.vs-blog-wrapper,
.romance-layout1,
.contact-layout2,
.feature-author,
.vs-checkout-wrapper {
  background: var(--psychoBackground);
}