html,
body {
  max-width: 100%;
  overflow-x: hidden !important;
  background: #020b12;
  color: #ffffff;
}

/* Global page style */
body.page main,
body.page .site-main,
body.page .content-area,
body.page .entry-content {
  background: #020b12;
  color: #d7d7d7;
}

body.page h1,
body.page .entry-title {
  color: #27dce8;
  font-size: 52px;
  font-weight: 900;
  text-transform: uppercase;
}

body.page h2,
body.page h3 {
  color: #ffffff;
  font-weight: 800;
  text-transform: uppercase;
}

body.page p,
body.page li {
  color: #b9c0c5;
  font-size: 18px;
  line-height: 1.8;
}

body.page a {
  color: #27dce8;
}

/* WooCommerce + WPForms base styling */
.woocommerce input,
.woocommerce textarea,
.woocommerce select,
.wpforms-container input,
.wpforms-container textarea,
.wpforms-container select {
  background: #000 !important;
  border: 1px solid rgba(25,215,238,.28) !important;
  color: #fff !important;
  border-radius: 14px !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}

.woocommerce button,
.woocommerce .button,
.woocommerce input.button,
.wpforms-container .wpforms-submit {
  background: #19d7ee !important;
  color: #000 !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 16px 30px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

/* Account/cart basic spacing */
body.woocommerce-cart main,
body.woocommerce-account main,
body.woocommerce-cart .site-main,
body.woocommerce-account .site-main,
body.woocommerce-cart .entry-content,
body.woocommerce-account .entry-content {
  padding-top: 150px !important;
}

body.woocommerce-account .entry-content,
body.woocommerce-account .woocommerce {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
}

/* Newsletter success */
.newsletter-success {
  margin-bottom: 15px;
  padding: 12px 18px;
  border-radius: 12px;
  background: rgba(45,215,232,.12);
  border: 1px solid rgba(45,215,232,.35);
  color: #2dd7e8;
  font-weight: 700;
}

/* WPForms confirmation message */
.wpforms-confirmation-container-full,
.wpforms-confirmation-scroll {
  background: rgba(45,215,232,.08) !important;
  border: 1px solid rgba(45,215,232,.45) !important;
  color: #ffffff !important;
  border-radius: 24px !important;
  padding: 28px 32px !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  box-shadow: 0 0 30px rgba(45,215,232,.15);
}

.wpforms-confirmation-container-full *,
.wpforms-confirmation-scroll * {
  color: #ffffff !important;
}

/* WPForms field styling */
.wpforms-form label,
.wpforms-form .wpforms-field-label,
.wpforms-form .wpforms-field-sublabel {
  color: #ffffff !important;
}

.wpforms-form input,
.wpforms-form textarea,
.wpforms-form select {
  color: #ffffff !important;
  background: rgba(0,0,0,.55) !important;
  border: 1px solid rgba(25,215,238,.4) !important;
}

.wpforms-form input::placeholder,
.wpforms-form textarea::placeholder {
  color: rgba(255,255,255,.6) !important;
}

.wpforms-form input:focus,
.wpforms-form textarea:focus {
  border-color: #19d7ee !important;
  box-shadow: 0 0 12px rgba(25,215,238,.3);
}

/* Contact section full width */
body .elementor,
body .elementor-section,
body .elementor-container,
body .e-con,
body .e-con-inner {
  max-width: none !important;
}

.prisma-contact-section {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 70px 5% !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.prisma-contact-section > .e-con-inner,
.prisma-contact-section > .elementor-container {
  max-width: 1250px !important;
  margin: 0 auto !important;
}

/* Prisma background pages */
.prisma-page {
  background:
    linear-gradient(rgba(0,0,0,.78), rgba(0,0,0,.88)),
    url("https://goprismalabs.com/wp-content/uploads/2026/05/Hero-Image-About-Us.png") center top / cover no-repeat fixed !important;
}

.prisma-wrap,
.hero,
.hero-art,
.hero::before,
.hero::after {
  background: transparent !important;
}

.hero {
  position: relative;
  z-index: 2;
}

/* =========================
   CHECKOUT CLEAN FINAL
========================= */

body.woocommerce-checkout {
  background: #020b10 !important;
  padding-top: 170px !important;
  padding-bottom: 90px !important;
}

body.woocommerce-checkout #page,
body.woocommerce-checkout .site,
body.woocommerce-checkout main,
body.woocommerce-checkout .site-main,
body.woocommerce-checkout .content-area,
body.woocommerce-checkout .entry-content,
body.woocommerce-checkout .woocommerce {
  background: transparent !important;
}

body.woocommerce-checkout .entry-content,
body.woocommerce-checkout .woocommerce {
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

/* Checkout two-column layout */
@media (min-width: 901px) {
  body.woocommerce-checkout form.checkout {
    display: grid !important;
    grid-template-columns: 58% 42% !important;
    gap: 56px !important;
    align-items: start !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body.woocommerce-checkout #customer_details {
    grid-column: 1 !important;
    width: 100% !important;
    float: none !important;
    display: block !important;
  }

  body.woocommerce-checkout #customer_details .col-1,
  body.woocommerce-checkout #customer_details .col-2 {
    width: 100% !important;
    float: none !important;
    display: block !important;
  }

  body.woocommerce-checkout #order_review_heading {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 0 20px !important;
    width: 100% !important;
    position: static !important;
  }

  body.woocommerce-checkout #order_review {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin-top: 48px !important;
    width: 100% !important;
    position: static !important;
  }
}

/* Checkout form elements */
body.woocommerce-checkout h3,
body.woocommerce-checkout #order_review_heading {
  color: #fff !important;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 900;
}

body.woocommerce-checkout label {
  color: #fff !important;
  font-weight: 600;
}

body.woocommerce-checkout .form-row,
body.woocommerce-checkout p.form-row {
  width: 100% !important;
  float: none !important;
  clear: both !important;
  display: block !important;
  margin-bottom: 22px !important;
}

body.woocommerce-checkout input.input-text,
body.woocommerce-checkout select,
body.woocommerce-checkout textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 52px !important;
  background: #02090d !important;
  color: #fff !important;
  border: 1px solid rgba(24,216,232,.45) !important;
  border-radius: 10px !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
}

body.woocommerce-checkout textarea {
  min-height: 90px !important;
  padding-top: 14px !important;
}

/* Order review card */
body.woocommerce-checkout #order_review {
  background: rgba(255,255,255,.055) !important;
  border-radius: 18px !important;
  padding: 28px !important;
  backdrop-filter: blur(8px);
}

body.woocommerce-checkout table.shop_table {
  width: 100% !important;
  background: transparent !important;
  color: #fff !important;
  border: none !important;
}

body.woocommerce-checkout table.shop_table th,
body.woocommerce-checkout table.shop_table td {
  color: #fff !important;
  border-color: rgba(255,255,255,.12) !important;
  padding: 16px !important;
}

/* Place order button */
body.woocommerce-checkout #place_order {
  width: 100% !important;
  background: #22d9ec !important;
  color: #001014 !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 18px 24px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  margin-top: 22px !important;
}

/* Checkbox styling */
body.woocommerce-checkout label.checkbox,
body.woocommerce-checkout .woocommerce-form__label-for-checkbox {
  color: #fff !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  line-height: 1.45 !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.woocommerce-checkout input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  flex: 0 0 18px !important;
  margin-top: 4px !important;
}

/* Keep one terms checkbox in order box */
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
  display: block !important;
}

/* Hide custom old research checkbox */
body.woocommerce-checkout #research_use_only_field,
body.woocommerce-checkout .woocommerce-form__label[for="research_use_only"] {
  display: none !important;
}

/* Hide MailPoet checkout signup checkbox */
body.woocommerce-checkout .mailpoet_woocommerce_checkout_optin {
  display: none !important;
}

/* Hide only Order Notes */
body.woocommerce-checkout #order_comments,
body.woocommerce-checkout #order_comments_field {
  display: none !important;
}

/* =========================
   MOBILE
========================= */

@media (max-width: 900px) {
  body.woocommerce-checkout {
    padding-top: 125px !important;
  }

  body.woocommerce-checkout .entry-content,
  body.woocommerce-checkout .woocommerce {
    padding: 0 18px !important;
  }

  body.woocommerce-checkout form.checkout {
    display: block !important;
    max-width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body.woocommerce-checkout #customer_details,
  body.woocommerce-checkout #order_review_heading,
  body.woocommerce-checkout #order_review {
    width: 100% !important;
    margin: 0 0 28px !important;
  }
}

@media (max-width: 767px) {
  html,
  body {
    overflow-x: hidden !important;
    width: 100% !important;
  }

  body.woocommerce-cart main,
  body.woocommerce-account main,
  body.woocommerce-cart .site-main,
  body.woocommerce-account .site-main,
  body.woocommerce-cart .entry-content,
  body.woocommerce-account .entry-content {
    padding-top: 115px !important;
  }

  body.woocommerce-account .entry-content,
  body.woocommerce-account .woocommerce {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .hero {
    padding-top: 40px !important;
  }

  .hero-main-image {
    max-width: 430px !important;
    width: 100% !important;
    height: auto !important;
  }

  .prisma-contact-page,
  .contact-page {
    padding: 135px 20px 70px !important;
  }

  .prisma-contact-section {
    padding: 35px 14px !important;
    overflow-x: hidden !important;
  }

  .prisma-contact-section,
  .prisma-contact-section * {
    box-sizing: border-box !important;
  }

  .prisma-contact-section > .e-con-inner,
  .prisma-contact-section .elementor-widget-container,
  .prisma-contact-section .wpforms-container,
  .prisma-contact-section form.wpforms-form,
  .prisma-contact-section .e-con,
  .prisma-contact-section .elementor-element {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .prisma-contact-section > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
  }

  .prisma-contact-section input,
  .prisma-contact-section textarea,
  .prisma-contact-section select,
  .wpforms-container,
  .wpforms-form,
  .wpforms-field,
  .wpforms-field-row,
  .wpforms-field-row-block,
  .wpforms-one-half,
  .wpforms-first,
  .wpforms-container input,
  .wpforms-container textarea,
  .wpforms-container select {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  .wpforms-field-name .wpforms-field-row {
    display: block !important;
  }

  .wpforms-field-name .wpforms-field-row-block {
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 12px !important;
  }

  .wpforms-container .wpforms-submit {
    width: 100% !important;
  }

  .prisma-contact-section h1,
  .prisma-contact-section h2,
  .prisma-contact-page h1,
  .prisma-contact-page h2,
  .contact-page h1,
  .contact-page h2 {
    font-size: 32px !important;
    line-height: 1.05 !important;
    white-space: normal !important;
  }
}

/* Clean WooCommerce checkout error box */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  background: rgba(15, 25, 28, 0.96) !important;
  border: 1px solid rgba(31, 215, 238, 0.45) !important;
  border-radius: 18px !important;
  color: #d9e4e7 !important;
  padding: 22px 26px !important;
  margin: 0 0 28px !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.28) !important;
  list-style: none !important;
}

.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li {
  list-style: none !important;
  margin: 0 0 10px !important;
  padding-left: 0 !important;
  color: #d9e4e7 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

.woocommerce-error li:last-child {
  margin-bottom: 0 !important;
}

.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
  display: none !important;
}

/* Remove weird blue focus outline */
.woocommerce-error:focus,
.woocommerce-info:focus,
.woocommerce-message:focus {
  outline: none !important;
}

/* Make notice links match theme */
.woocommerce-error a,
.woocommerce-info a,
.woocommerce-message a {
  color: #25d8e8 !important;
  font-weight: 800 !important;
}

.woocommerce-message {
    display: none !important;
}

/* Fix Stripe checkout card box */
#wc-stripe-cc-form,
.woocommerce-checkout #payment div.payment_box,
.woocommerce-checkout .payment_box {
  background: #0b1417 !important;
  border: 1px solid rgba(32,217,232,.45) !important;
  border-radius: 16px !important;
  padding: 20px !important;
  color: #ffffff !important;
}

/* Remove ugly white outline around Stripe element */
#wc-stripe-cc-form .form-row,
#wc-stripe-cc-form .stripe-source-errors,
.woocommerce-SavedPaymentMethods-saveNew {
  border: none !important;
}

/* Make Stripe card fields normal height */
#wc-stripe-cc-form .wc-stripe-elements-field,
#wc-stripe-cc-form .wc-stripe-iban-element-field {
  background: #050b0d !important;
  border: 1px solid #20d9e8 !important;
  border-radius: 999px !important;
  padding: 14px 18px !important;
  min-height: 48px !important;
  margin-bottom: 16px !important;
}

/* Fix save payment checkbox box */
.woocommerce-SavedPaymentMethods-saveNew {
  background: transparent !important;
  padding: 12px 0 0 !important;
}

/* Mobile cleanup */
@media (max-width: 767px) {
  #wc-stripe-cc-form,
  .woocommerce-checkout #payment div.payment_box {
    padding: 16px !important;
  }
}

/* Hide accidental floating/header dropdown/cart boxes */
body:not(.elementor-editor-active) .elementor-location-header .elementor-menu-cart__container,
body:not(.elementor-editor-active) .elementor-location-header .elementor-nav-menu--dropdown,
body:not(.elementor-editor-active) .elementor-location-header .elementor-search-form__container {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Only allow them to show when intentionally opened */
.elementor-menu-cart--shown .elementor-menu-cart__container,
.elementor-nav-menu--dropdown.elementor-nav-menu__container,
.elementor-search-form--full-screen .elementor-search-form__container {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Desktop checkout layout fix */
@media (min-width: 992px) {
  .woocommerce-checkout form.checkout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 440px !important;
    gap: 48px !important;
    align-items: start !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
  }

  .woocommerce-checkout #customer_details {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  .woocommerce-checkout #order_review_heading,
  .woocommerce-checkout #order_review {
    grid-column: 2 !important;
  }

  .woocommerce-checkout #order_review_heading {
    grid-row: 1 !important;
    margin-top: 0 !important;
  }

  .woocommerce-checkout #order_review {
    grid-row: 1 !important;
    margin-top: 55px !important;
  }

  .woocommerce-checkout .woocommerce-form-coupon-toggle {
    max-width: 1200px !important;
    margin: 0 auto 28px !important;
  }
}

/* Prevent Stripe box from overflowing */
.woocommerce-checkout #payment,
.woocommerce-checkout #order_review {
  overflow: visible !important;
}

.woocommerce-checkout #payment iframe,
.woocommerce-checkout .payment_box iframe {
  max-width: 100% !important;
}

/* Hide stray dropdown/menu lines under header */
.elementor-location-header .sub-menu,
.elementor-location-header .menu-item-has-children > .sub-menu,
.elementor-location-header .elementor-nav-menu--dropdown {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  overflow: hidden !important;
}

/* COA page mobile fix */
@media (max-width: 768px) {
  .coa-results,
  .coa-table,
  .prisma-coa-table,
  table {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .coa-results table,
  .prisma-coa-table table {
    display: block !important;
    width: 100% !important;
  }

  .coa-results tr,
  .prisma-coa-table tr {
    display: block !important;
    width: 100% !important;
    margin-bottom: 18px;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 16px;
    background: rgba(255,255,255,.04);
  }

  .coa-results td,
  .coa-results th,
  .prisma-coa-table td,
  .prisma-coa-table th {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    padding: 8px 0 !important;
    white-space: normal !important;
  }

  .coa-results a,
  .prisma-coa-table a {
    display: inline-flex !important;
    width: auto !important;
    max-width: 100% !important;
    white-space: normal !important;
  }

  .coa-results thead,
  .prisma-coa-table thead {
    display: none !important;
  }
}

/* Fix homepage hero being hidden under header */
.home .prisma-hero,
.home .hero,
.home .elementor-section:first-of-type {
  padding-top: 100px !important;
  overflow: visible !important;
}

/* Desktop: keep vial full size */
.home .hero img,
.home .prisma-hero img {
  max-width: none !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Mobile spacing */
@media (max-width: 768px) {
  .home .prisma-hero,
  .home .hero,
  .home .elementor-section:first-of-type {
    padding-top: 155px !important;
  }

  .home .hero img,
  .home .prisma-hero img {
    width: 100% !important;
    max-width: 430px !important;
    transform: none !important;
  }
}