/* =========================================
   PRISMA LABS — CLEAN ADDITIONAL CSS
   ========================================= */

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

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;
}

/* Avoid horizontal scroll sitewide */
.site,
.site-main,
.content-area,
.entry-content,
.elementor,
.elementor-section,
.e-con {
  max-width: 100%;
  overflow-x: clip;
}

/* ---------- WooCommerce + WPForms base ---------- */
.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 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 ---------- */
.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 ---------- */
.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
   ========================================= */
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;
}

/* Desktop checkout */
@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;
  }
}

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;
}

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;
}

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;
}

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;
}

body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
  display: block !important;
}

body.woocommerce-checkout #research_use_only_field,
body.woocommerce-checkout .woocommerce-form__label[for="research_use_only"] {
  display: none !important;
}

body.woocommerce-checkout .mailpoet_woocommerce_checkout_optin {
  display: none !important;
}

body.woocommerce-checkout #order_comments,
body.woocommerce-checkout #order_comments_field {
  display: none !important;
}

/* Mobile checkout */
@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;
  }
}

/* =========================================
   MOBILE GENERAL
   ========================================= */
@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;
  }
}

/* =========================================
   WOOCOMMERCE NOTICES
   ========================================= */
.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;
}

.woocommerce-error:focus,
.woocommerce-info:focus,
.woocommerce-message:focus {
  outline: none !important;
}

.woocommerce-error a,
.woocommerce-info a,
.woocommerce-message a {
  color: #25d8e8 !important;
  font-weight: 800 !important;
}

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

/* =========================================
   STRIPE
   ========================================= */
#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;
}

#wc-stripe-cc-form .form-row,
#wc-stripe-cc-form .stripe-source-errors,
.woocommerce-SavedPaymentMethods-saveNew {
  border: none !important;
}

#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;
}

.woocommerce-SavedPaymentMethods-saveNew {
  background: transparent !important;
  padding: 12px 0 0 !important;
}

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

/* =========================================
   HEADER / DROPDOWN / CART CLEANUP
   ========================================= */

/* Hide accidental floating header panels unless intentionally opened */
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;
}

/* Allow open states */
.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;
}

/* Remove stray dropdown/menu lines */
.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;
}

/* =========================================
   HOMEPAGE HERO
   ========================================= */
.home .prisma-hero,
.home .hero,
.home .elementor-section:first-of-type {
  padding-top: 100px !important;
  overflow: visible !important;
}

.home .hero img,
.home .prisma-hero img {
  max-width: none !important;
  height: auto !important;
  object-fit: contain !important;
}

@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;
  }
}


/* =========================================================
   PRISMA LABS — HEADER RESET / FULL WIDTH FIX
   ========================================================= */

/* Force the Elementor header to span the full browser width */
.elementor-location-header,
.elementor-location-header > .elementor,
.elementor-location-header .elementor-section,
.elementor-location-header .elementor-container,
.elementor-location-header .e-con,
.elementor-location-header .e-con-inner {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Make the actual top header sit above the site properly */
.elementor-location-header {
  position: relative !important;
  z-index: 9999 !important;
}

/* If your header wrapper is the dark/teal bar, keep it full width */
.elementor-location-header .elementor-section,
.elementor-location-header .e-con {
  margin: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

/* Inner content can still have a max width if desired */
.elementor-location-header .elementor-container,
.elementor-location-header .e-con-inner {
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* Prevent old mobile/header hacks from shrinking or offsetting the header */
header.site-header,
.site-header,
.elementor-location-header {
  transform: none !important;
}

/* Prevent accidental clipping from parent wrappers */
body,
.site,
#page,
.elementor-location-header {
  overflow-x: visible !important;
}

/* Keep homepage content from crashing into the header if the header is transparent/overlaying */
.home .elementor-location-header + * {
  position: relative;
  z-index: 1;
}

/* Optional: make sure the hero starts below header if needed */
body.home .elementor-328 {
  position: relative;
  z-index: 1;
}

/* =========================================================
   MOBILE PAGE OFFSET UNDER CUSTOM HEADER
   ========================================================= */
@media (max-width: 767px) {
  body.home .site-main,
  body.page:not(.page-id-7258) .site-main {
    padding-top: 0 !important;
  }

  body.post-type-archive-product .site-main,
  body.single-product .site-main,
  body.woocommerce-cart .site-main,
  body.woocommerce-checkout .site-main,
  body.woocommerce-account .site-main {
    padding-top: 72px !important;
  }
}
/* =========================================================
   PRISMA LABS — WOOCOMMERCE HEADER SPACING FIX
   ========================================================= */

/* Give shop/cart/checkout/account/product pages room below the custom header */
body.woocommerce .site-main,
body.woocommerce-page .site-main,
body.post-type-archive-product .site-main,
body.single-product .site-main,
body.woocommerce-cart .site-main,
body.woocommerce-checkout .site-main,
body.woocommerce-account .site-main {
  padding-top: 42px !important;
}

/* If Woo pages are inside Elementor containers instead of .site-main */
body.woocommerce .elementor-location-single,
body.woocommerce-page .elementor-location-single,
body.post-type-archive-product .elementor,
body.single-product .elementor,
body.woocommerce-cart .elementor,
body.woocommerce-checkout .elementor,
body.woocommerce-account .elementor {
  padding-top: 42px !important;
}

/* Shop archive specifically */
body.post-type-archive-product .woocommerce-products-header,
body.tax-product_cat .woocommerce-products-header {
  padding-top: 28px !important;
}

/* Mobile: a little more room because the mobile header stack is taller */
@media (max-width: 980px) {
  body.woocommerce .site-main,
  body.woocommerce-page .site-main,
  body.post-type-archive-product .site-main,
  body.single-product .site-main,
  body.woocommerce-cart .site-main,
  body.woocommerce-checkout .site-main,
  body.woocommerce-account .site-main,
  body.woocommerce .elementor-location-single,
  body.woocommerce-page .elementor-location-single,
  body.post-type-archive-product .elementor,
  body.single-product .elementor,
  body.woocommerce-cart .elementor,
  body.woocommerce-checkout .elementor,
  body.woocommerce-account .elementor {
    padding-top: 72px !important;
  }

  body.post-type-archive-product .woocommerce-products-header,
  body.tax-product_cat .woocommerce-products-header {
    padding-top: 20px !important;
  }
}

/* =========================================================
   COA PAGE — DESKTOP + MOBILE FIX
   ========================================================= */

/* Main COA page spacing */
body.page-id-7258 .site-main,
body.page-id-7258 .entry-content,
body.page-id-7258 .elementor {
  margin-top: 0 !important;
}

/* ---------- DESKTOP / TABLET ---------- */
body.page-id-7258 .e-con {
  max-width: 100% !important;
}

/* Each COA product row: image | title | button */
body.page-id-7258 .e-con > .elementor-element {
  min-width: 0 !important;
}

/* Vial image wrapper */
body.page-id-7258 .elementor-widget-image {
  flex: 0 0 90px !important;
  max-width: 90px !important;
  width: 90px !important;
  margin: 0 !important;
}

/* Actual vial image — THIS is the key fix */
body.page-id-7258 .elementor-widget-image img {
  width: 60px !important;
  max-width: 60px !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}

/* Title column */
body.page-id-7258 .elementor-widget-heading {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

/* Button column */
body.page-id-7258 .elementor-widget-button {
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
}

body.page-id-7258 .elementor-button {
  min-width: 110px !important;
  white-space: nowrap !important;
}

/* ---------- MOBILE ---------- */
@media (max-width: 767px) {

  /* push page below mobile header */
  body.page-id-7258 .site-main,
  body.page-id-7258 .entry-content,
  body.page-id-7258 .elementor {
    padding-top: 115px !important;
  }

  /* keep content from touching screen edges */
  body.page-id-7258 .elementor {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  /* THIS is the important part:
     force each COA row to stay horizontal */
  body.page-id-7258 .e-con {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }

  /* image */
  body.page-id-7258 .elementor-widget-image {
    flex: 0 0 42px !important;
    max-width: 42px !important;
    width: 42px !important;
    margin: 0 !important;
  }

  body.page-id-7258 .elementor-widget-image img {
    width: 32px !important;
    max-width: 32px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }

  /* title */
  body.page-id-7258 .elementor-widget-heading {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body.page-id-7258 .elementor-widget-heading h1,
  body.page-id-7258 .elementor-widget-heading h2,
  body.page-id-7258 .elementor-widget-heading h3,
  body.page-id-7258 .elementor-widget-heading h4 {
    font-size: 16px !important;
    line-height: 1.05 !important;
    margin: 0 !important;
    word-break: normal !important;
  }

  /* button */
  body.page-id-7258 .elementor-widget-button {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
  }

  body.page-id-7258 .elementor-button-wrapper {
    margin: 0 !important;
  }

  body.page-id-7258 .elementor-button {
    min-width: 92px !important;
    padding: 10px 12px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    border-radius: 4px !important;
  }
}
/* SHOP PAGE — hide duplicate old header */
body.post-type-archive-product .elementor-location-header:not(:first-of-type),
body.post-type-archive-product header.site-header,
body.post-type-archive-product .site-header {
  display: none !important;
}


/* =========================================================
   COA PAGE — FORCE PRODUCT ROWS INTO 3-COLUMN MOBILE LAYOUT
   ========================================================= */

@media (max-width: 767px) {

  /* Only target the COA product rows */
  body.page-id-7258 .local {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
  }

  /* Make each row child sit in the same line */
  body.page-id-7258 .local > .elementor-element {
    min-width: 0 !important;
    margin: 0 !important;
  }

  /* Image column */
  body.page-id-7258 .local > .elementor-widget-image {
    flex: 0 0 44px !important;
    max-width: 44px !important;
    width: 44px !important;
  }

  body.page-id-7258 .local > .elementor-widget-image img {
    width: 32px !important;
    max-width: 32px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }

  /* Title column */
  body.page-id-7258 .local > .elementor-widget-heading {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  body.page-id-7258 .local > .elementor-widget-heading h1,
  body.page-id-7258 .local > .elementor-widget-heading h2,
  body.page-id-7258 .local > .elementor-widget-heading h3,
  body.page-id-7258 .local > .elementor-widget-heading h4 {
    font-size: 16px !important;
    line-height: 1.05 !important;
    margin: 0 !important;
  }

  /* Button column */
  body.page-id-7258 .local > .elementor-widget-button {
    flex: 0 0 auto !important;
    width: auto !important;
  }

  body.page-id-7258 .local > .elementor-widget-button .elementor-button {
    min-width: 96px !important;
    padding: 10px 12px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    border-radius: 4px !important;
  }
}

/* =========================================================
   COA PAGE — MOBILE ROW FIX USING OUTER ROW CLASS
   ========================================================= */

@media (max-width: 767px) {

  body.page-id-7258 .coa-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
  }

  body.page-id-7258 .coa-row > .elementor-element {
    min-width: 0 !important;
    margin: 0 !important;
  }

  /* image column */
  body.page-id-7258 .coa-row > .elementor-widget-image {
    flex: 0 0 44px !important;
    max-width: 44px !important;
    width: 44px !important;
  }

  body.page-id-7258 .coa-row > .elementor-widget-image img {
    width: 32px !important;
    max-width: 32px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }

  /* right-side content container */
  body.page-id-7258 .coa-row > .elementor-widget-image + .elementor-element,
  body.page-id-7258 .coa-row > .e-con {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  /* make the inner heading/button box behave */
  body.page-id-7258 .coa-row .local,
  body.page-id-7258 .coa-row .local.e-con {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
  }

  /* heading */
  body.page-id-7258 .coa-row .elementor-widget-heading {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body.page-id-7258 .coa-row .elementor-widget-heading h1,
  body.page-id-7258 .coa-row .elementor-widget-heading h2,
  body.page-id-7258 .coa-row .elementor-widget-heading h3,
  body.page-id-7258 .coa-row .elementor-widget-heading h4 {
    font-size: 16px !important;
    line-height: 1.05 !important;
    margin: 0 !important;
  }

  /* button */
  body.page-id-7258 .coa-row .elementor-widget-button {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
  }

  body.page-id-7258 .coa-row .elementor-button {
    min-width: 96px !important;
    padding: 10px 12px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    border-radius: 4px !important;
  }
}

/* =========================================================
   COA PAGE — FINAL MOBILE FIX
   ========================================================= */
@media (max-width: 767px) {

  /* page spacing below mobile header */
  body.page-id-7258 .site-main,
  body.page-id-7258 .entry-content,
  body.page-id-7258 .elementor {
    padding-top: 110px !important;
  }

  /* COA intro spacing */
  body.page-id-7258 .elementor {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* Each COA product row = stacked card on mobile */
  body.page-id-7258 .coa-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    text-align: center !important;
    width: 100% !important;
    padding: 18px 0 !important;
  }

  /* kill the weird nested row behavior */
  body.page-id-7258 .coa-row .local,
  body.page-id-7258 .coa-row .e-con {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    width: 100% !important;
  }

  /* image */
  body.page-id-7258 .coa-row .elementor-widget-image {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  body.page-id-7258 .coa-row .elementor-widget-image img {
    width: 58px !important;
    max-width: 58px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }

  /* title */
  body.page-id-7258 .coa-row .elementor-widget-heading,
  body.page-id-7258 .coa-row .elementor-widget-heading * {
    text-align: center !important;
  }

  body.page-id-7258 .coa-row .elementor-widget-heading h1,
  body.page-id-7258 .coa-row .elementor-widget-heading h2,
  body.page-id-7258 .coa-row .elementor-widget-heading h3,
  body.page-id-7258 .coa-row .elementor-widget-heading h4 {
    font-size: 18px !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    color: #57d7f2 !important;
  }

  /* button wrapper */
  body.page-id-7258 .coa-row .elementor-widget-button,
  body.page-id-7258 .coa-row .elementor-button-wrapper {
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
  }

  /* readable COA button */
  body.page-id-7258 .coa-row .elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 140px !important;
    padding: 12px 20px !important;
    background: #27dce8 !important;
    color: #041017 !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  body.page-id-7258 .coa-row .elementor-button:hover,
  body.page-id-7258 .coa-row .elementor-button:focus,
  body.page-id-7258 .coa-row .elementor-button:visited {
    color: #041017 !important;
    background: #27dce8 !important;
  }
}


/* =========================================================
   COA PAGE — HARD OVERRIDE FIX
   Put this at the VERY BOTTOM of Additional CSS
   ========================================================= */

/* Desktop COA rows */
body.page-id-7258 .coa-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 18px !important;
  width: 100% !important;
}

body.page-id-7258 .coa-row > .elementor-widget-image,
body.page-id-7258 .coa-row > .elementor-element.elementor-widget-image {
  flex: 0 0 72px !important;
  width: 72px !important;
  max-width: 72px !important;
  margin: 0 !important;
}

body.page-id-7258 .coa-row > .elementor-widget-image img,
body.page-id-7258 .coa-row > .elementor-element.elementor-widget-image img {
  width: 54px !important;
  max-width: 54px !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

body.page-id-7258 .coa-row > .e-con,
body.page-id-7258 .coa-row > .elementor-element:not(.elementor-widget-image) {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* make the inner heading/button group behave */
body.page-id-7258 .coa-row .local,
body.page-id-7258 .coa-row > .e-con {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  width: 100% !important;
}

/* heading */
body.page-id-7258 .coa-row .elementor-widget-heading {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.page-id-7258 .coa-row .elementor-widget-heading h1,
body.page-id-7258 .coa-row .elementor-widget-heading h2,
body.page-id-7258 .coa-row .elementor-widget-heading h3,
body.page-id-7258 .coa-row .elementor-widget-heading h4 {
  margin: 0 !important;
  line-height: 1.1 !important;
}

/* button */
body.page-id-7258 .coa-row .elementor-widget-button {
  flex: 0 0 auto !important;
  margin: 0 !important;
}

body.page-id-7258 .coa-row .elementor-button {
  min-width: 110px !important;
  padding: 12px 16px !important;
  background: #27dce8 !important;
  color: #041017 !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.page-id-7258 .coa-row .elementor-button:hover,
body.page-id-7258 .coa-row .elementor-button:focus,
body.page-id-7258 .coa-row .elementor-button:visited {
  background: #27dce8 !important;
  color: #041017 !important;
}

/* ================= MOBILE ================= */
@media (max-width: 767px) {

  /* page spacing */
  body.page-id-7258 .site-main,
  body.page-id-7258 .entry-content,
  body.page-id-7258 .elementor {
    padding-top: 110px !important;
  }

  /* ONLY the actual COA rows */
  body.page-id-7258 .coa-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    padding: 14px 0 !important;
  }

  /* image column */
  body.page-id-7258 .coa-row > .elementor-widget-image,
  body.page-id-7258 .coa-row > .elementor-element.elementor-widget-image {
    flex: 0 0 44px !important;
    width: 44px !important;
    max-width: 44px !important;
    margin: 0 !important;
  }

  body.page-id-7258 .coa-row > .elementor-widget-image img,
  body.page-id-7258 .coa-row > .elementor-element.elementor-widget-image img {
    width: 32px !important;
    max-width: 32px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }

  /* right side wrapper */
  body.page-id-7258 .coa-row > .e-con,
  body.page-id-7258 .coa-row > .elementor-element:not(.elementor-widget-image) {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  /* inner content row */
  body.page-id-7258 .coa-row .local,
  body.page-id-7258 .coa-row > .e-con {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
  }

  /* heading */
  body.page-id-7258 .coa-row .elementor-widget-heading {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body.page-id-7258 .coa-row .elementor-widget-heading h1,
  body.page-id-7258 .coa-row .elementor-widget-heading h2,
  body.page-id-7258 .coa-row .elementor-widget-heading h3,
  body.page-id-7258 .coa-row .elementor-widget-heading h4 {
    font-size: 16px !important;
    line-height: 1.05 !important;
    margin: 0 !important;
    color: #57d7f2 !important;
  }

  /* button */
  body.page-id-7258 .coa-row .elementor-widget-button {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
  }

  body.page-id-7258 .coa-row .elementor-button {
    min-width: 92px !important;
    padding: 10px 12px !important;
    font-size: 12px !important;
    background: #27dce8 !important;
    color: #041017 !important;
    border-radius: 4px !important;
  }

  body.page-id-7258 .coa-row .elementor-button:hover,
  body.page-id-7258 .coa-row .elementor-button:focus,
  body.page-id-7258 .coa-row .elementor-button:visited {
    background: #27dce8 !important;
    color: #041017 !important;
  }
}

/* COA button text fix */
body.page-id-7258 .coa-row .elementor-button,
body.page-id-7258 .coa-row .elementor-button span,
body.page-id-7258 .coa-row .elementor-button-text {
  color: #041017 !important;
  -webkit-text-fill-color: #041017 !important;
  opacity: 1 !important;
}

body.page-id-7258 .coa-row .elementor-button {
  background: #27dce8 !important;
  border-color: #27dce8 !important;
}

/* =========================================================
   COA PAGE — FORCE BUTTON TEXT TO SHOW
   ========================================================= */

/* Make sure the COA button can expand to fit text */
body.page-id-7258 .coa-row .elementor-widget-button,
body.page-id-7258 .coa-row .elementor-button-wrapper {
  width: auto !important;
  min-width: 140px !important;
  overflow: visible !important;
}

/* Force the actual button to size to its text */
body.page-id-7258 .coa-row .elementor-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 140px !important;
  padding: 12px 18px !important;
  background: #27dce8 !important;
  color: #041017 !important;
  border: none !important;
  border-radius: 6px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

/* Force the text node itself to render visibly */
body.page-id-7258 .coa-row .elementor-button-text,
body.page-id-7258 .coa-row .elementor-button span,
body.page-id-7258 .coa-row .elementor-button * {
  display: inline !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #041017 !important;
  -webkit-text-fill-color: #041017 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  white-space: nowrap !important;
}

/* Mobile */
@media (max-width: 767px) {
  body.page-id-7258 .coa-row .elementor-widget-button,
  body.page-id-7258 .coa-row .elementor-button-wrapper {
    min-width: 120px !important;
  }

  body.page-id-7258 .coa-row .elementor-button {
    min-width: 120px !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
  }

  body.page-id-7258 .coa-row .elementor-button-text,
  body.page-id-7258 .coa-row .elementor-button span,
  body.page-id-7258 .coa-row .elementor-button * {
    font-size: 14px !important;
  }
}

/* =========================================================
   COA PAGE — FORCE BUTTON TEXT TO RENDER NORMALLY
   ========================================================= */

/* target ONLY COA page buttons */
body.page-id-7258 .coa-row .elementor-button,
body.page-id-7258 .coa-row .elementor-button:link,
body.page-id-7258 .coa-row .elementor-button:visited,
body.page-id-7258 .coa-row .elementor-button:hover,
body.page-id-7258 .coa-row .elementor-button:focus {
  background: #27dce8 !important;
  color: #041017 !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  -webkit-text-fill-color: #041017 !important;
}

/* the actual button text span */
body.page-id-7258 .coa-row .elementor-button-text,
body.page-id-7258 .coa-row .elementor-button span {
  color: #041017 !important;
  -webkit-text-fill-color: #041017 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

/* kill pseudo overlays that can wash text out */
body.page-id-7258 .coa-row .elementor-button::before,
body.page-id-7258 .coa-row .elementor-button::after,
body.page-id-7258 .coa-row .elementor-button-text::before,
body.page-id-7258 .coa-row .elementor-button-text::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
}

/* if Elementor wrapped the text in another inner span */
body.page-id-7258 .coa-row .elementor-button * {
  color: #041017 !important;
  -webkit-text-fill-color: #041017 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}


/* =========================================================
   COA BUTTON WIDTH FIX
   ========================================================= */
body.page-id-7258 .coa-row .elementor-widget-button {
  width: auto !important;
  min-width: 140px !important;
  max-width: none !important;
  flex: 0 0 140px !important;
}

body.page-id-7258 .coa-row .elementor-button-wrapper {
  width: 100% !important;
}

body.page-id-7258 .coa-row .elementor-button {
  width: 140px !important;
  min-width: 140px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 18px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  overflow: visible !important;
  color: #041017 !important;
  background: #27dce8 !important;
}

body.page-id-7258 .coa-row .elementor-button-text,
body.page-id-7258 .coa-row .elementor-button span,
body.page-id-7258 .coa-row .elementor-button * {
  color: #041017 !important;
  -webkit-text-fill-color: #041017 !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

@media (max-width: 767px) {
  body.page-id-7258 .coa-row .elementor-widget-button {
    min-width: 120px !important;
    flex: 0 0 120px !important;
  }

  body.page-id-7258 .coa-row .elementor-button {
    width: 120px !important;
    min-width: 120px !important;
    padding: 10px 12px !important;
  }

  body.page-id-7258 .coa-row .elementor-button-text,
  body.page-id-7258 .coa-row .elementor-button span,
  body.page-id-7258 .coa-row .elementor-button * {
    font-size: 13px !important;
  }
}


.prisma-coa-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 14px;
  padding: 13px 24px;
  background: #19d7ee;
  color: #020606 !important;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  border-radius: 999px;
  text-decoration: none !important;
  border: 1px solid rgba(25, 215, 238, .75);
  box-shadow: 0 0 18px rgba(25, 215, 238, .28);
  transition: all .2s ease;
}

.prisma-coa-button:hover {
  background: #ffffff;
  color: #020606 !important;
  box-shadow: 0 0 24px rgba(25, 215, 238, .45);
  transform: translateY(-1px);
}

.prisma-coa-wrap {
  margin-top: 16px;
  width: 100%;
}

.prisma-coa-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 24px;
  background: #19d7ee;
  color: #020606 !important;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  border-radius: 999px;
  text-decoration: none !important;
  border: 1px solid rgba(25, 215, 238, .75);
  box-shadow: 0 0 18px rgba(25, 215, 238, .28);
  transition: all .2s ease;
}

.prisma-coa-button:hover {
  background: #ffffff;
  color: #020606 !important;
  box-shadow: 0 0 24px rgba(25, 215, 238, .45);
  transform: translateY(-1px);
}

/* Make quantity + add to cart + COA sit on one line */
.single-product form.cart {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

/* Quantity box */
.single-product form.cart .quantity {
  margin: 0 !important;
  flex: 0 0 auto;
}

/* Add to Cart button */
.single-product form.cart .single_add_to_cart_button {
  margin: 0 !important;
  flex: 0 0 auto;
}

/* COA button */
.prisma-coa-button-inline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  padding: 0 24px;
  background: transparent;
  color: #19d7ee !important;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  border-radius: 999px;
  text-decoration: none !important;
  border: 1px solid #19d7ee;
  box-shadow: 0 0 0 rgba(0,0,0,0);
  transition: all .2s ease;
  white-space: nowrap;
}

.prisma-coa-button-inline:hover {
  background: #19d7ee;
  color: #020606 !important;
  box-shadow: 0 0 20px rgba(25,215,238,.28);
}

/* If WooCommerce wraps the button in a block, keep it inline */
.single-product form.cart .prisma-coa-button-inline {
  flex: 0 0 auto;
}

/* Mobile stacking */
@media (max-width: 767px) {
  .single-product form.cart {
    gap: 10px;
  }

  .single-product form.cart .quantity,
  .single-product form.cart .single_add_to_cart_button,
  .single-product form.cart .prisma-coa-button-inline {
    width: 100%;
  }

  .single-product form.cart .single_add_to_cart_button,
  .single-product form.cart .prisma-coa-button-inline {
    justify-content: center;
  }
}