/** Shopify CDN: Minification failed

Line 104:0 Unexpected "}"

**/
/* 
  Lumnira x AG1 Custom Overrides 
  Purpose: Achieve high-authority, compact mobile layout and premium editorial desktop spacing.
*/

/* 1. Global Polish */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 2. Header / Navigation Slimming */
@media (max-width: 991px) {
  .navbar {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .navbar-brand img {
    max-height: 32px !important;
  }
  .nav-link-cart .cart-count-badge {
    font-size: 10px;
    height: 16px;
    min-width: 16px;
    line-height: 16px;
  }
}

/* 3. Mobile Product Page Compactness */
@media (max-width: 767px) {
  #template-product .product-gallery {
    max-width: 75% !important;
    margin: 0 auto 0.5rem auto !important;
  }
  
  #template-product .main-splide .splide__slide img {
    max-height: 240px !important;
    width: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }

  #template-product .product-title {
    font-size: 1.5rem !important;
    margin-top: -0.5rem !important;
    margin-bottom: 0.25rem !important;
    line-height: 1.1 !important;
    text-align: center;
  }

  #template-product .product-price {
    font-size: 1.1rem !important;
    margin-bottom: 0.5rem !important;
    text-align: center;
  }

  #template-product .purchase-options-container {
    margin-top: 0 !important;
    padding: 10px !important;
    border-radius: 8px !important;
  }

  .template-product .row.gx-lg-9 {
    margin-top: -1rem;
  }

  .section-pt, .pt-10, .pt-12 { padding-top: 2rem !important; }
  .section-pb, .pb-10, .pb-12 { padding-bottom: 2rem !important; }
}

  
  #template-product .main-splide .splide__slide img {
    max-height: 280px !important;
    width: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }

  #template-product .product-title {
    font-size: 1.75rem !important;
    margin-top: 0 !important;
    margin-bottom: 0.5rem !important;
    line-height: 1.1 !important;
  }

  #template-product .product-price {
    font-size: 1.25rem !important;
    margin-bottom: 0.75rem !important;
  }

  #template-product .purchase-options-container {
    margin-top: 0.5rem !important;
    padding: 12px !important;
    border-radius: 8px !important;
  }

  .section-pt, .pt-10, .pt-12 { padding-top: 2.5rem !important; }
  .section-pb, .pb-10, .pb-12 { padding-bottom: 2.5rem !important; }
}

/* 4. Desktop Hero Fix */
@media (min-width: 992px) {
  .advanced-image-with-text .row {
    align-items: center;
  }
  .advanced-image-with-text img {
    max-height: 550px !important;
    width: auto !important;
    margin: 0 auto !important;
  }
}

/* 5. Footer Authority */
#footer {
  border-top: 1px solid rgba(15, 27, 61, 0.08);
}

#footer .footer-title, #footer .fs-5 {
  font-family: var(--font-heading-family);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.9rem !important;
}

#footer-about-newsletter input {
  background-color: transparent !important;
  border-color: rgba(245, 241, 232, 0.2) !important;
  color: #F5F1E8 !important;
}

#footer-about-newsletter button {
  border-color: rgba(245, 241, 232, 0.2) !important;
}

.footer-copyright small {
  display: none !important;
}

/* Product Gallery Pagination Dots */
.product-gallery .splide__pagination {
  bottom: -20px !important;
  padding: 0 !important;
  pointer-events: auto !important;
}

.product-gallery .splide__pagination__page {
  width: 8px !important;
  height: 8px !important;
  background: rgba(15, 27, 61, 0.2) !important;
  border: none !important;
  margin: 0 4px !important;
  transition: all 0.2s ease !important;
  opacity: 1 !important;
}

.product-gallery .splide__pagination__page.is-active {
  background: var(--lumnira-navy) !important;
  transform: scale(1.2) !important;
}

@media (max-width: 767px) {
  .product-gallery {
    margin-bottom: 2.5rem !important;
  }
}

/* ==========================================================================
   LUMNIRA PREMIUM SUBSCRIPTION WIDGET OVERRIDES (NAVY/GOLD)
   ========================================================================== */

#product-purchase-options {
    background-color: transparent !important;
    padding: 0 !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

#product-purchase-options .form-check {
    margin-bottom: 0.75rem !important;
    padding: 0 !important;
}

#product-purchase-options .form-check-label {
    background-color: #16254E !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    border-radius: 8px !important;
    padding: 1rem 1rem 1rem 3.25rem !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: all 0.25s ease-in-out !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
}

#product-purchase-options .form-check-label:hover {
    background-color: #1b2a57 !important;
    border-color: #D4AF37 !important;
    color: #FFFFFF !important;
}

#product-purchase-options input:checked + .form-check-label {
    background-color: #0F1B3D !important;
    border: 2px solid #D4AF37 !important;
    color: #FFFFFF !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.25) !important;
}

#product-purchase-options .form-check-input {
    left: 1.25rem !important;
    border: 1px solid #D4AF37 !important;
    background-color: transparent !important;
}

#product-purchase-options .form-check-input:checked {
    background-color: #D4AF37 !important;
    border-color: #D4AF37 !important;
}

#product-purchase-options .form-check-label span,
#product-purchase-options .form-check-label strong,
#product-purchase-options .form-check-label div,
#product-purchase-options .form-check-label p {
    color: #FFFFFF !important;
    font-weight: 500 !important;
}

#product-purchase-options .form-check-label strong,
#product-purchase-options .discount-savings,
#product-purchase-options .savings-badge {
    color: #D4AF37 !important;
    font-weight: 600 !important;
}

/* Hero Trust Badges */
.advanced-image-with-text .description.rte p:first-child strong {
  color: #D4AF37 !important;
  font-size: 1.05em !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin-bottom: 15px !important;
  display: block !important;
}

/* ==========================================================================
   LUMNIRA COMPARISON CHART GOLD HIGHLIGHTS
   ========================================================================== */

.comparison-table .text-primary {
  color: #D4AF37 !important;
  font-weight: 600 !important;
}

.comparison-table thead th.text-primary {
  color: #D4AF37 !important;
  font-weight: 700 !important;
  font-size: 1.15rem !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

.comparison-table td.text-primary svg {
  stroke: #D4AF37 !important;
  filter: drop-shadow(0 2px 5px rgba(212, 175, 55, 0.25)) !important;
}

@media (max-width: 767px) {
  .table-responsive {
    border: 1px solid #ede8df !important;
    border-radius: 12px !important;
    padding: 2px !important;
    background: #ffffff !important;
    box-shadow: 0 4px 16px rgba(15, 27, 61, 0.04) !important;
    margin-bottom: 24px !important;
    -webkit-overflow-scrolling: touch;
  }
  
  .table-responsive table {
    margin-bottom: 0 !important;
  }
  
  .table-responsive th, 
  .table-responsive td {
    padding: 14px 10px !important;
    font-size: 0.78rem !important;
    line-height: 1.35 !important;
    vertical-align: middle !important;
  }
  
  .table-responsive th[scope="row"] {
    min-width: 130px !important;
    font-weight: 600 !important;
    color: #0F1B3D !important;
    background-color: #f5f1e8 !important;
    border-right: 1px solid #ede8df !important;
  }
  
  .table-responsive th:not([scope="row"]), 
  .table-responsive td:not([scope="row"]) {
    min-width: 105px !important;
    text-align: center !important;
  }
  
  .table-responsive td svg {
    width: 18px !important;
    height: 18px !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }
  
  h2.title.mb-5 {
    font-size: 1.85rem !important;
    line-height: 1.25 !important;
    margin-bottom: 1.5rem !important;
  }
}

/* ==========================================================================
   LUMNIRA PREMIUM DESKTOP PRODUCT PAGE SYMMETRY & STICKY GALLERY
   ========================================================================== */
@media (min-width: 992px) {
  #product-template .product-gallery-wrapper {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 6rem !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    z-index: 10 !important;
  }

  #product-template .product-gallery {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  #product-template .main-splide {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
  }

  #product-template .main-splide .splide__slide img {
    max-height: 650px !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 12px !important;
  }

  #product-template .main-splide:not(.is-initialized) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  #product-template .main-splide:not(.is-initialized) .splide__track {
    display: block !important;
    overflow: visible !important;
  }

  #product-template .main-splide:not(.is-initialized) .splide__list {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #product-template .main-splide:not(.is-initialized) .splide__slide:first-child {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  #product-template .main-splide:not(.is-initialized) .splide__slide:first-child img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 650px !important;
    object-fit: contain !important;
  }

  #product-template .main-splide:not(.is-initialized) .splide__slide:not(:first-child) {
    display: none !important;
  }
}

/* ==========================================================================
   LUMNIRA PREMIUM GLOBAL BLOG ARTICLE DARK THEME
   ========================================================================== */
.article-template .rte, .article-template .article-content {
  color: #FFFFFF !important;
}

.article-template .rte h1, .article-template .rte h2, .article-template .rte h3, 
.article-template .rte h4, .article-template .rte h5, .article-template .rte h6 {
  color: #D4AF37 !important; 
  font-family: 'Playfair Display', serif !important;
  margin-top: 1.8rem !important;
  margin-bottom: 1rem !important;
  font-weight: 600 !important;
}

.article-template .rte table {
  background: rgba(21, 35, 77, 0.4) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(212, 175, 55, 0.2) !important;
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
  width: 100% !important;
  border-collapse: collapse !important;
}

.article-template .rte td, .article-template .rte th {
  border: 1px solid rgba(212, 175, 55, 0.15) !important;
  padding: 12px !important;
  color: #FFFFFF !important;
}

.article-template .rte th, .article-template .rte thead tr {
  background-color: #0E1A3C !important;
  color: #D4AF37 !important;
  font-family: 'Playfair Display', serif !important;
  font-weight: bold !important;
}

.article-template .rte tr:nth-child(even), .article-template .rte tbody tr:nth-child(even) {
  background-color: rgba(212, 175, 55, 0.03) !important;
}
.article-template .rte tr:nth-child(odd), .article-template .rte tbody tr:nth-child(odd) {
  background-color: rgba(21, 35, 77, 0.5) !important;
}

.article-template .rte blockquote, .article-template .rte .blockquote, 
.article-template .rte div[style*="background-color: #F4F6F9"], 
.article-template .rte div[style*="background-color: #F4F6F9;"] {
  background: rgba(21, 35, 77, 0.5) !important;
  border-left: 5px solid #D4AF37 !important;
  color: #FFFFFF !important;
  padding: 18px !important;
  margin: 22px 0 !important;
  border-radius: 0 6px 6px 0 !important;
}

.article-template .rte div[style*="background-color: #FFF9E6"],
.article-template .rte div[style*="background-color: #FFF9E6;"] {
  background: rgba(21, 35, 77, 0.3) !important;
  border: 1px solid rgba(212, 175, 55, 0.2) !important;
  color: #FFFFFF !important;
  padding: 15px !important;
  border-radius: 6px !important;
}

/* ==========================================================================
   LUMNIRA PREMIUM FOOTER LAYOUT & COLOR
   ========================================================================== */
#footer, .footer, footer {
  background-color: #0E1A3C !important;
  border-top: 1px solid rgba(212, 175, 55, 0.15) !important;
  color: #FFFFFF !important;
}

#footer h2, #footer h3, #footer h4, #footer .footer-block__heading, 
#footer .footer-block-title, #footer h2.h5 {
  color: #D4AF37 !important;
  font-family: 'Playfair Display', serif !important;
  font-weight: 600 !important;
  font-size: 1.15rem !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  margin-bottom: 1.6rem !important;
}

#footer ul, #footer .list-unstyled {
  padding-left: 0 !important;
}

#footer li, #footer .footer-block__details li {
  margin-bottom: 0.75rem !important;
}

#footer a, #footer .nav-link, #footer .footer-block__details a {
  color: rgba(255, 255, 255, 0.7) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.95rem !important;
  transition: all 0.25s ease-in-out !important;
  text-decoration: none !important;
  display: inline-block !important;
}

#footer a:hover, #footer .nav-link:hover, #footer .footer-block__details a:hover {
  color: #D4AF37 !important;
  transform: translateX(4px) !important;
}

#footer .footer-disclaimer, #footer .fda-disclosure, 
#footer p, #footer p[style*="font-size"] {
  color: rgba(255, 255, 255, 0.45) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.85rem !important;
  line-height: 1.55 !important;
}

#footer .footer-bottom, #footer-copyright, #footer .footer__column--info {
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
  padding-top: 1.5rem !important;
  margin-top: 2rem !important;
}

@media (max-width: 767px) {
  #footer, .footer {
    padding-top: 3.5rem !important;
    padding-bottom: 3rem !important;
  }

  #footer .footer-block, #footer [class*="col-"] {
    margin-bottom: 2.2rem !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
    padding-bottom: 1.8rem !important;
  }

  #footer .footer-block:last-child, #footer [class*="col-"]:last-child {
    margin-bottom: 0 !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
  }

  #footer h2, #footer h3, #footer h4, #footer .footer-block__heading, 
  #footer .footer-block-title, #footer h2.h5 {
    margin-bottom: 1.1rem !important;
    font-size: 1.1rem !important;
  }
}

@media (min-width: 992px) {
  #footer a.d-lg-none, #footer .d-lg-none, .article-template .d-lg-none {
    display: none !important;
  }
}

#template-index .description.rte p:first-of-type {
  color: #D4AF37 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  margin-bottom: 12px !important;
  display: block !important;
  text-align: inherit !important;
}


/* ==========================================================================
   LUMNIRA PREMIUM CONTACT FORM FIELD VISIBILITY OVERRIDES (JUNE 2026)
   ========================================================================== */
.contact-form input.form-control,
.contact-form textarea.form-control,
.contact-form select.form-select,
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"] {
  background-color: rgba(255, 255, 255, 0.05) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
  border-radius: 6px !important;
  padding: 14px 18px !important;
  font-size: 16px !important;
  transition: all 0.25s ease-in-out !important;
}

.contact-form input.form-control:focus,
.contact-form textarea.form-control:focus,
.contact-form select.form-select:focus {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: #D4AF37 !important;
  box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.25) !important;
  color: #FFFFFF !important;
}

/* Force placeholder text visibility to soft white */
.contact-form input::placeholder,
.contact-form textarea::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
}

.contact-form input:-ms-input-placeholder,
.contact-form textarea:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}

.contact-form input::-ms-input-placeholder,
.contact-form textarea::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}

/* Force dropdown options to be legible (light text on dark background in dropdown lists) */
.contact-form select.form-select option {
  background-color: #0E1A3C !important;
  color: #FFFFFF !important;
}

/* Autofill styling overrides */
.contact-form input:-webkit-autofill,
.contact-form input:-webkit-autofill:hover, 
.contact-form input:-webkit-autofill:focus {
  -webkit-text-fill-color: #FFFFFF !important;
  -webkit-box-shadow: 0 0 0px 1000px #0E1A3C inset !important;
  transition: background-color 5000s ease-in-out 0s !important;
}


/* ==========================================================================
   LUMNIRA PREMIUM COMPARISON TABLE MOBILE-RESPONSIVE FIXES (JUNE 2026)
   ========================================================================== */
@media (max-width: 767px) {
  .lumnira-comparison-section {
    padding: 20px 12px !important;
    margin-top: 30px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  
  .lumnira-comparison-section h3 {
    font-size: 22px !important;
    margin-bottom: 20px !important;
  }
  
  .lumnira-comparison-section table {
    font-size: 13px !important;
    width: 100% !important;
    min-width: 450px !important; /* Forces a stable layout so columns don't crunch into vertical spaghetti */
  }
  
  .lumnira-comparison-section th,
  .lumnira-comparison-section td {
    padding: 10px 8px !important;
    line-height: 1.4 !important;
  }
}




/* ==========================================================================
   LUMNIRA PREMIUM FAQ ACCORDION COHESIVE DARK STYLING (JUNE 2026)
   ========================================================================== */
.faq-section,
.faq-section .accordion {
  background-color: transparent !important;
}

.faq-section .accordion-item {
  background-color: #15234D !important; /* Lumnira Deep Slate Blue */
  border: 1px solid rgba(212, 175, 55, 0.2) !important;
  margin-bottom: 14px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* Base button styles */
.faq-section .accordion-button {
  background-color: #15234D !important;
  color: #FFFFFF !important; /* Crisp white question text */
  font-family: 'Playfair Display', serif !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  padding: 22px 26px !important;
  border: none !important;
  box-shadow: none !important;
  text-align: left !important;
  transition: all 0.25s ease-in-out !important;
}

/* EXPLICIT COLLAPSED BUTTON STATE - OVERRIDES THEME LIGHT-THEME DEFAULT WHITE BOX */
.faq-section .accordion-button.collapsed {
  background-color: #15234D !important;
  color: #FFFFFF !important; /* Crisp white question text when closed */
}

/* Hover state for questions (both open and collapsed) */
.faq-section .accordion-button:hover,
.faq-section .accordion-button.collapsed:hover {
  background-color: #1a2c62 !important;
  color: #D4AF37 !important;
}

/* Open expanded state */
.faq-section .accordion-button:not(.collapsed) {
  background-color: #1C2E60 !important; /* Slightly lighter on active expand */
  color: #D4AF37 !important; /* Gold question text when expanded */
  border-bottom: 1px solid rgba(212, 175, 55, 0.15) !important;
}

/* Force expand chevron icon to be clean gold/white instead of black */
.faq-section .accordion-button::after {
  filter: invert(1) brightness(2) !important;
}

/* Expanded answer body styling */
.faq-section .accordion-body {
  background-color: #15234D !important;
  color: #FDFDFD !important; /* Soft white answer body text */
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
  padding: 26px !important;
  text-align: left !important;
}

.faq-section .accordion-body p,
.faq-section .accordion-body li {
  color: #FDFDFD !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  margin-bottom: 12px !important;
}

.faq-section .accordion-body p:last-child {
  margin-bottom: 0 !important;
}

.faq-section .accordion-body strong,
.faq-section .accordion-body b {
  color: #D4AF37 !important;
  font-weight: 600 !important;
}

.faq-section .accordion-body a {
  color: #D4AF37 !important;
  text-decoration: underline !important;
}


/* ==========================================================================
   LUMNIRA ANIMATED COUNTERS DARK-THEME CIRCLE INNER FILL FIX (JUNE 2026)
   ========================================================================== */
.animated-counters .animated-counter-circle::before {
  background-color: #0F1B3D !important; /* Force transparent inner blend */
}

.animated-counters .animated-counter-title {
  font-family: 'Playfair Display', serif !important;
  color: #D4AF37 !important; /* Gold title for stat labels */
  font-weight: 600 !important;
}

.animated-counters .animated-counter-desc {
  font-family: 'Inter', sans-serif !important;
  color: #FDFDFD !important; /* Soft white descriptions */
}


/* ==========================================================================
   LUMNIRA PREMIUM CART DRAWER VISIBILITY FIX (JUNE 2026)
   ========================================================================== */

/* 1. Fix the Checkout Button Contrast */
.offcanvas-footer .btn-checkout {
    background-color: #D4AF37 !important;
    color: #0F1B3D !important;
    border: none !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
    transition: all 0.2s ease !important;
}

.offcanvas-footer .btn-checkout:hover {
    background-color: #f1c40f !important;
    transform: translateY(-2px) !important;
}

/* 2. Fix the 'View Cart' link (was invisible text-dark) */
.offcanvas-footer .btn-link.text-dark {
    color: #D4AF37 !important;
    text-decoration: underline !important;
    font-size: 14px !important;
}

/* 3. Ensure the Offcanvas Body is correctly Navy */
#offcanvas-cart {
    background-color: #0F1B3D !important;
    color: #FFFFFF !important;
}

#offcanvas-cart .offcanvas-header {
    border-bottom: 1px solid rgba(212, 175, 55, 0.2) !important;
}

#offcanvas-cart .offcanvas-title {
    color: #D4AF37 !important;
    font-family: 'Playfair Display', serif !important;
}

/* 4. Quantity Controls & Titles */
#offcanvas-cart .product-item-title a {
    color: #FFFFFF !important;
}

#offcanvas-cart .quantity-wrapper .form-control {
    background-color: rgba(255,255,255,0.05) !important;
    color: #FFFFFF !important;
    border-color: rgba(212, 175, 55, 0.3) !important;
}

#offcanvas-cart .quantity-wrapper .btn {
    color: #D4AF37 !important;
}


/* ==========================================================================
   LUMNIRA CART TERMS & CONDITIONS VISIBILITY FIX
   ========================================================================== */

#offcanvas-cart .form-check-label {
    color: #FFFFFF !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    cursor: pointer !important;
}

#offcanvas-cart .form-check-label a {
    color: #D4AF37 !important;
    text-decoration: underline !important;
}

#offcanvas-cart #cart-terms-checkbox {
    border-color: #D4AF37 !important;
    background-color: transparent !important;
    cursor: pointer !important;
    width: 1.25em !important;
    height: 1.25em !important;
    margin-top: 0.15em !important;
}

#offcanvas-cart #cart-terms-checkbox:checked {
    background-color: #D4AF37 !important;
    border-color: #D4AF37 !important;
}


/* ==========================================================================
   LUMNIRA PREMIUM CART DRAWER CLINICAL OVERHAUL (JUNE 2026)
   ========================================================================== */

/* 1. Fix the 'Invisible' White Buttons (Note, Gift Wrap, Shipping, Discount) */
#offcanvas-cart .btn-light,
#offcanvas-cart .cart-notice-msg,
#offcanvas-cart .btn-outline-secondary {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    text-align: left !important;
    padding: 12px 20px !important;
}

#offcanvas-cart .btn-light:hover {
    background-color: rgba(212, 175, 55, 0.1) !important;
    border-color: #D4AF37 !important;
}

/* 2. Fix the Invisible Terms Checkbox */
#offcanvas-cart .form-check-input {
    appearance: none !important;
    -webkit-appearance: none !important;
    background-color: #0F1B3D !important;
    border: 2px solid #D4AF37 !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 4px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 12px !important;
    position: relative !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

#offcanvas-cart .form-check-input:checked {
    background-color: #D4AF37 !important;
}

#offcanvas-cart .form-check-input:checked::after {
    content: '✓' !important;
    color: #0F1B3D !important;
    font-weight: 900 !important;
    position: absolute !important;
    left: 3px !important;
    top: -2px !important;
    font-size: 16px !important;
}

/* 3. Fix Terms Label & Links */
#offcanvas-cart .form-check-label {
    color: #FFFFFF !important;
    font-size: 15px !important;
    cursor: pointer !important;
}

#offcanvas-cart .form-check-label a {
    color: #D4AF37 !important;
    text-decoration: underline !important;
}

/* 4. Subtotal & Shipping Text */
#offcanvas-cart .lead, 
#offcanvas-cart .text-muted {
    color: #FFFFFF !important;
}

#offcanvas-cart a[href*='shipping'] {
    color: #D4AF37 !important;
}


/* ==========================================================================
   LUMNIRA PREMIUM CART FORM EXPANSION & INPUT FIX (JUNE 2026)
   ========================================================================== */

/* Fix expanded collapse areas (Note, Shipping, etc.) */
#offcanvas-cart .collapse.show,
#offcanvas-cart .collapsing {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border-radius: 0 0 8px 8px !important;
    margin-top: -1px !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    border-top: none !important;
    padding: 15px !important;
}

/* Fix Labels (Country, Zip, etc.) inside expanded areas */
#offcanvas-cart label {
    color: #D4AF37 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* Fix Input Fields (Textarea, Select, Text Inputs) */
#offcanvas-cart .form-control,
#offcanvas-cart .form-select {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    border-radius: 4px !important;
    padding: 10px 15px !important;
}

#offcanvas-cart .form-control:focus,
#offcanvas-cart .form-select:focus {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-color: #D4AF37 !important;
    box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.25) !important;
    color: #FFFFFF !important;
}

/* Fix placeholder text */
#offcanvas-cart .form-control::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}

/* Fix dropdown options readability (Force dark bg for dropdown list) */
#offcanvas-cart select option {
    background-color: #0F1B3D !important;
    color: #FFFFFF !important;
}

/* Fix the 'Calculate Shipping' specific button contrast inside expansion */
#offcanvas-cart .btn-calculate-shipping {
    background-color: #D4AF37 !important;
    color: #0F1B3D !important;
    font-weight: 700 !important;
}

/* --- LUMNIRA MINIMUM ORDER NOTICE --- */
#offcanvas-cart .alert-info, 
#offcanvas-cart .cart-min-order-alert,
#offcanvas-cart [id*='cart-min-order'] {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: #D4AF37 !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    font-size: 13px !important;
    margin-top: 15px !important;
}

#offcanvas-cart .alert-info svg {
    color: #D4AF37 !important;
}