/* ===== FORCE Product Details / Features to be readable ===== */
/* Put this at TOP of Custom CSS so it still works even if there's a syntax error later */

/* Reset any scaling that might be shrinking this section */
.theme-prod-detail-tab-content,
.theme-prod-detail-tab-contents,
.theme-prod-detail-tab-content-active,
.theme-prod-detail-content-info-container {
  transform: none !important;
  zoom: 1 !important;
}

/* Make the content big (including nested div/span etc.) */
.theme-prod-detail-tab-content,
.theme-prod-detail-tab-content-active,
.theme-prod-detail-content-info-container,
.theme-prod-detail-tab-contents {
  font-size: 36px !important;
  line-height: 1.6 !important;
}

.theme-prod-detail-tab-content *,
.theme-prod-detail-tab-content-active *,
.theme-prod-detail-content-info-container *{
  font-size: inherit !important;
  line-height: inherit !important;
}

/* Make the tab labels bigger too (“Product Details”, “Features”) */
.theme-prod-detail-tabs *{
  font-size: 24px !important;
  font-weight: 800 !important;
}

/* Make dropdown completely opaque */
.zpmm-element-menu-content {
  background-color: #ffffff !important; /* Solid white background */
  backdrop-filter: none !important;     /* Removes any blur effect */
  box-shadow: 0 4px px rgba(0, 0, 0, 0.1); /* Optional: adds subtle depth */
  padding: 12px;
  border-radius: 4px;
}

/* Ensure links are legible */
.zpmm-element-anchor .zpmm-element-textcontent {
  color: #000000 !important;
}
[data-zs-filter-container] {
  font-size: 16px
}

.theme-product-filter-box .theme-product-filter-show-more {
  font-size: 14px
}

    .theme-productfilter-enable .theme-produt-filter-row {
      background: #fff
    }
.theme-product-details-style-03 .theme-prod-details-container .theme-prod-detail-entries .theme-prod-detail-entry-row.theme-short-desc-row {
    font-size: 15px;
}
[data-zs-product-id] .theme-prod-price-and-addcart {
  flex-direction: column;
  align-items: flex-start;
}
[data-zs-product-id] .sku,[data-zs-product-details-commentbox-section] {
  font-size: 14px
}
.theme-product-details-style-03 .theme-prod-details-container .theme-prod-detail-entries .theme-prod-detail-entry-row.theme-short-desc-row {
    font-size: 15px;
}
[data-zs-product-id] .theme-prod-price-and-addcart {
  flex-direction: column;
  align-items: flex-start;
}
[data-zs-product-id] .sku,[data-zs-product-details-commentbox-section] {
  font-size: 14px
}

/* ===== MOBILE + TABLET: Fix burger menu readability (solid background) ===== */
@media (max-width: 1024px) {

  /* Target your theme's responsive menu area */
  [data-zs-responsive-menu-area] {
    background: transparent !important; /* don't paint the header bar */
  }

  /* The actual opened menu panel (Zoho menu uses zpmm- classes) */
  [data-zs-responsive-menu-area] .zpmm-element-menu-content,
  [data-zs-responsive-menu-area] .zpmm-menu-content,
  [data-zs-responsive-menu-area] .zpmm-element-menu,
  [data-zs-responsive-menu-area] nav,
  [data-zs-responsive-menu-area] ul {
    background: rgba(255, 255, 255, 0.97) !important;
  }

  /* Make menu links readable */
  [data-zs-responsive-menu-area] a,
  [data-zs-responsive-menu-area] a span,
  [data-zs-responsive-menu-area] .zpmm-element-textcontent {
    color: #111 !important;
  }

  /* Keep the menu above the hero/banner */
  .zpmm-backdrop.zpmm-backdrop-enabled {
    z-index: 9998 !important;
  }
  [data-zs-responsive-menu-area] .zpmm-element-menu-content,
  [data-zs-responsive-menu-area] .zpmm-menu-content {
    position: relative;
    z-index: 9999 !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.18) !important; /* optional, helps contrast */
  }
}
/* ===== HOME: Category tiles alignment (Tablet + Mobile) ===== */
@media (max-width: 1024px) {

  /* Make each tile a flex card so content aligns consistently */
  .theme-category-section .theme-category-box,
  .theme-category-section .theme-category-item,
  .theme-category-container .theme-category-box,
  .theme-category-container .theme-category-item,
  .theme-category-slider .theme-category-box,
  .theme-category-slider .theme-category-item {
    display: flex;
  }

  /* Ensure the clickable card fills and stacks neatly */
  .theme-category-section .theme-category-box > a,
  .theme-category-section .theme-category-item > a,
  .theme-category-container .theme-category-box > a,
  .theme-category-container .theme-category-item > a,
  .theme-category-slider .theme-category-box > a,
  .theme-category-slider .theme-category-item > a {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 100%;
  }

  /* Constrain category images so they don't blow up / crop */
  .theme-category-section .theme-category-box img,
  .theme-category-section .theme-category-item img,
  .theme-category-container .theme-category-box img,
  .theme-category-container .theme-category-item img,
  .theme-category-slider .theme-category-box img,
  .theme-category-slider .theme-category-item img {
    width: 100% !important;
    max-width: 320px !important;   /* prevents giant icons on tablet */
    height: 220px !important;      /* consistent image block height */
    object-fit: contain !important;/* icons stay visible, no cropping */
    display: block;
  }

  /* Push button to bottom so every tile lines up */
  .theme-category-section .theme-btn,
  .theme-category-container .theme-btn,
  .theme-category-slider .theme-btn {
    margin-top: auto !important;
  }
}

/* Mobile tweaks */
@media (max-width: 767px) {
  .theme-category-section .theme-category-box img,
  .theme-category-section .theme-category-item img,
  .theme-category-container .theme-category-box img,
  .theme-category-container .theme-category-item img,
  .theme-category-slider .theme-category-box img,
  .theme-category-slider .theme-category-item img {
    height: 180px !important;
    max-width: 280px !important;
  }
}
/* Make button text bold + white (covers buttons + "button-like" links) */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
a.btn,
.btn,
.btn-primary,
.button,
.button-primary {
  color: #fff !important;
  font-weight: 700 !important;
}

/* Keep it white on hover/focus too */
button:hover,
button:focus,
input[type="button"]:hover,
input[type="submit"]:hover,
a.btn:hover,
.btn:hover,
.btn-primary:hover {
  color: #fff !important;
}
/* Mobile: make header search solid (adjust color as you like) */
@media (max-width: 767px) {

  /* Try common search input selectors */
  input[type="search"],
  .search input,
  .search-bar input,
  .searchBox input,
  .zcs-search input,
  .search-input {
    -webkit-appearance: none;  /* important for iOS */
    appearance: none;
    background-color: #ffffff !important; /* solid */
    opacity: 1 !important;
    color: #111 !important;
  }

  /* If the "bar" around it is also transparent, force wrapper solid too */
  .search,
  .search-bar,
  .searchBox,
  .zcs-search,
  .search-container {
    background-color: #ffffff !important;
    opacity: 1 !important;
  }
}
/* ===== Add-to-cart success message: high contrast ===== */

div.theme-cart-add-success-message.theme-cart-success{
  background: #0b3d1f !important;   /* dark green */
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.25) !important;
}

div.theme-cart-add-success-message.theme-cart-success,
div.theme-cart-add-success-message.theme-cart-success *{
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Buttons/links: View Cart + Close */
div.theme-cart-add-success-message.theme-cart-success .theme-cart-success-message-links a,
div.theme-cart-add-success-message.theme-cart-success .theme-cart-success-message-links button{
  background: #ffffff !important;
  color: #0b3d1f !important;
  border: 2px solid #ffffff !important;
  font-weight: 700 !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  text-decoration: none !important;
}
/* Stronger "Added to cart" toast contrast */
.zs-toast,
.zs-notification,
.zcs-notification,
.zcart-notification,
.zcart-toast,
.added-to-cart,
.addedToCart {
  background: #0b3d1f !important;   /* dark green */
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.25) !important;
}

/* Toast message text */
.zs-toast *,
.zs-notification *,
.zcs-notification *,
.zcart-notification *,
.zcart-toast *,
.added-to-cart *,
.addedToCart * {
  color: #ffffff !important;
}

/* Buttons inside the toast (View Cart / Close) */
.zs-toast a,
.zs-toast button,
.zs-notification a,
.zs-notification button,
.zcs-notification a,
.zcs-notification button,
.zcart-notification a,
.zcart-notification button,
.zcart-toast a,
.zcart-toast button {
  background: #ffffff !important;
  color: #0b3d1f !important;
  border: 1px solid #ffffff !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}

/* Optional: make "Close" look like a secondary action if it’s a plain link/button */
.zs-toast .close,
.zs-notification .close,
.zcs-notification .close,
.zcart-toast .close {
  background: transparent !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.65) !important;
}
/* === FORCE high-contrast Add-to-cart success bar (Zoho theme) === */
div[data-cart-add-success="theme-cart-add-success"]{
  background-color: #0b3d1f !important;   /* dark green */
  background: #0b3d1f !important;
  opacity: 1 !important;                  /* kill any fading */
  filter: none !important;
  color: #ffffff !important;
}

/* Make sure all text/icons inside are fully visible */
div[data-cart-add-success="theme-cart-add-success"] *{
  color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
  font-weight: 700 !important;
}

/* Buttons/links area */
div[data-cart-add-success="theme-cart-add-success"] .theme-cart-success-message-links a,
div[data-cart-add-success="theme-cart-add-success"] .theme-cart-success-message-links button{
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #0b3d1f !important;
  border: 2px solid #ffffff !important;
  opacity: 1 !important;
  font-weight: 800 !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  text-decoration: none !important;
}

/* If the check icon is an SVG, force it white */
div[data-cart-add-success="theme-cart-add-success"] svg,
div[data-cart-add-success="theme-cart-add-success"] svg *{
  fill: #ffffff !important;
  stroke: #ffffff !important;
  opacity: 1 !important;
}
/* ========= QUICK VIEW: make Product Details / Features MUCH bigger ========= */
/* Targets #product_quick_look plus common Zoho quick-view wrappers */

#product_quick_look,
#product_quick_look .theme-product-quicklook,
#product_quick_look [class*="quick"],
#product_quick_look [id*="quick"],
.zpmm-backdrop-enabled #product_quick_look {
  font-size: 18px !important; /* base size */
}

/* Headings like "Product Details" and "Features" */
#product_quick_look h1,
#product_quick_look h2,
#product_quick_look h3,
#product_quick_look .theme-product-details-title,
#product_quick_look .theme-product-features-title,
#product_quick_look .theme-product-tab-title,
#product_quick_look [class*="title"],
#product_quick_look [class*="heading"]{
  font-size: 2.4em !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

/* Body text inside details/features */
#product_quick_look p,
#product_quick_look li,
#product_quick_look span,
#product_quick_look div{
  font-size: 1.8em !important;     /* ~triple vs tiny defaults */
  line-height: 1.45 !important;
}

/* Keep buttons/inputs from becoming cartoonishly huge */
#product_quick_look button,
#product_quick_look input,
#product_quick_look select,
#product_quick_look textarea{
  font-size: 1.1em !important;
}
/* ===== QUICK VIEW: scale up everything (most reliable) ===== */
#product_quick_look,
#product_quick_look *[class*="quick"],
div[id*="quick"],
div[class*="quick"]{
  transform: none !important;
}

/* Scale the quick view container/modal */
#product_quick_look,
div[id*="product_quick"],
div[id*="quick_look"],
div[class*="quicklook"],
div[class*="quick-view"],
div[class*="quickview"]{
  transform: scale(1.6) !important;           /* increase this (1.8 / 2.0) if needed */
  transform-origin: top center !important;
}

/* Prevent scaling from clipping by giving it room */
div[id*="product_quick"],
div[id*="quick_look"],
div[class*="quicklook"],
div[class*="quick-view"],
div[class*="quickview"]{
  overflow: visible !important;
}
/* ===== QUICK VIEW: enlarge iframe contents ===== */
#product_quick_look iframe,
iframe[id*="quick"],
iframe[class*="quick"],
iframe[src*="quick"],
iframe[src*="quicklook"],
iframe[src*="quick_look"]{
  transform: scale(1.8) !important;          /* increase to 2.0 for ~double+ */
  transform-origin: top left !important;
  width: calc(100% / 1.8) !important;        /* keeps it fitting */
  height: calc(100% / 1.8) !important;
  border: 0 !important;
}

/* Make sure the modal doesn’t clip the scaled iframe */
#product_quick_look,
#product_quick_look *{
  overflow: visible !important;
}
/* QUICK VIEW: Product Details + Features readability boost */
#product_quick_look .theme-product-details,
#product_quick_look .theme-product-features,
#product_quick_look .theme-product-tab-content,
#product_quick_look .theme-product-desc,
#product_quick_look [class*="tab-content"],
#product_quick_look [class*="product-details"],
#product_quick_look [class*="features"]{
  font-size: 22px !important;     /* big base */
  line-height: 1.6 !important;
}

/* Paragraphs + list items specifically */
#product_quick_look p,
#product_quick_look li{
  font-size: 22px !important;
  line-height: 1.6 !important;
}

/* Headings like “Product Details” and “Features” */
#product_quick_look h2,
#product_quick_look h3{
  font-size: 34px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}
/* ===== PRODUCT PAGE: make Product Details / Features readable ===== */

/* Increase text inside the product details / features section */
.theme-content-container .theme-product-details,
.theme-content-container .theme-product-features,
.theme-content-container .theme-product-tab-content,
.theme-content-container [class*="product-details"],
.theme-content-container [class*="product-features"],
.theme-content-container [class*="tab-content"]{
  font-size: 22px !important;
  line-height: 1.6 !important;
}

/* Paragraphs + lists inside those sections */
.theme-content-container .theme-product-details p,
.theme-content-container .theme-product-features p,
.theme-content-container .theme-product-tab-content p,
.theme-content-container [class*="product-details"] p,
.theme-content-container [class*="product-features"] p,
.theme-content-container [class*="tab-content"] p,
.theme-content-container .theme-product-details li,
.theme-content-container .theme-product-features li,
.theme-content-container .theme-product-tab-content li,
.theme-content-container [class*="product-details"] li,
.theme-content-container [class*="product-features"] li,
.theme-content-container [class*="tab-content"] li{
  font-size: 22px !important;
  line-height: 1.6 !important;
}

/* Optional: make the section headings larger */
.theme-content-container .theme-product-details h2,
.theme-content-container .theme-product-features h2,
.theme-content-container [class*="product-details"] h2,
.theme-content-container [class*="product-features"] h2{
  font-size: 34px !important;
  font-weight: 800 !important;
}
/* ===== PRODUCT PAGE: Increase Product Details / Features text ===== */
/* Zoho themes often wrap the product page in a "theme-product-details-style-0X" class */

body[class*="theme-product-details-style-"] .theme-content-container .theme-product-details,
body[class*="theme-product-details-style-"] .theme-content-container .theme-product-features,
body[class*="theme-product-details-style-"] .theme-content-container [class*="product-details"],
body[class*="theme-product-details-style-"] .theme-content-container [class*="product-features"],
body[class*="theme-product-details-style-"] .theme-content-container [class*="product-tab"],
body[class*="theme-product-details-style-"] .theme-content-container [class*="accordion"],
body[class*="theme-product-details-style-"] .theme-content-container [class*="tabs"]{
  font-size: 22px !important;
  line-height: 1.65 !important;
}

/* Make the actual text (paragraphs + bullets) bigger */
body[class*="theme-product-details-style-"] .theme-content-container p,
body[class*="theme-product-details-style-"] .theme-content-container li{
  font-size: 22px !important;
  line-height: 1.65 !important;
}

/* Headings like "Product Details" and "Features" */
body[class*="theme-product-details-style-"] .theme-content-container h2,
body[class*="theme-product-details-style-"] .theme-content-container h3{
  font-size: 36px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}
body[class*="theme-product-details-style-"] .theme-content-container h2 { color: red !important; }
/* ===== Product page: make "Product Details" + "Features" text much larger ===== */

/* Set a larger base size on the active tab content */
.theme-content-container[class*="theme-product-details-style-"] 
  .theme-prod-detail-tab-content.theme-prod-detail-tab-content-active,
.theme-content-container[class*="theme-product-details-style-"] 
  .theme-prod-detail-content-info-container{
  font-size: 22px !important;      /* adjust up if you want bigger */
  line-height: 1.7 !important;
}

/* FORCE all inner elements to inherit the bigger font (this is the key) */
.theme-content-container[class*="theme-product-details-style-"] 
  .theme-prod-detail-tab-content.theme-prod-detail-tab-content-active *{
  font-size: inherit !important;
  line-height: inherit !important;
}

/* Make headings inside the content bigger if present */
.theme-content-container[class*="theme-product-details-style-"] 
  .theme-prod-detail-tab-content.theme-prod-detail-tab-content-active h1,
.theme-content-container[class*="theme-product-details-style-"] 
  .theme-prod-detail-tab-content.theme-prod-detail-tab-content-active h2,
.theme-content-container[class*="theme-product-details-style-"] 
  .theme-prod-detail-tab-content.theme-prod-detail-tab-content-active h3{
  font-size: 25px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

/* Make the tab titles ("Product Details", "Features") bigger too */
.theme-content-container[class*="theme-product-details-style-"] 
  .theme-prod-detail-tabs *{
  font-size: 25px !important;
  font-weight: 700 !important;
}
/* ===== Cookie consent (Zoho) make visible + add readable label ===== */

/* Make sure the cookie widget is above everything */
#zsmsg-policy{
  position: fixed !important;
  z-index: 999999 !important;
}

/* Style any buttons/links inside */
#zsmsg-policy button,
#zsmsg-policy a{
  background: #0b3d1f !important;   /* dark green */
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  opacity: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  min-width: 140px !important;      /* ensures there's room for text */
  min-height: 40px !important;
}

/* If the button has no visible label, add one */
#zsmsg-policy button:empty::after,
#zsmsg-policy a:empty::after{
  content: "Accept cookies" !important;
  color: #ffffff !important;
}

/* If the text exists but is invisible due to styles */
#zsmsg-policy button *,
#zsmsg-policy a *{
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}
/* ===== Cookie consent: add explanatory text above the button ===== */

#zsmsg-policy::before{
  content: "We use cookies to improve your experience. By clicking “Accept cookies”, you agree to our use of cookies.";
  display: block;
  background: rgba(0,0,0,0.82);
  color: #ffffff;
  padding: 10px 12px;
  border-radius: 10px;
  margin: 0 0 10px 0;
  font-size: 14px;
  line-height: 1.35;
  max-width: 320px;
}

/* Optional: keep the whole cookie control readable and sized nicely */
#zsmsg-policy{
  padding: 12px !important;
}
/* ===== Cookie consent: add explanatory text ABOVE the Accept button ===== */
#zsmsg-policy button::before,
#zsmsg-policy a::before{
  content: "We use cookies to improve your experience. By clicking “Accept cookies”, you agree to our use of cookies.";
  display: block;
  background: rgba(0,0,0,0.82);
  color: #ffffff;
  padding: 10px 12px;
  border-radius: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.35;
  max-width: 340px;
  white-space: normal;
}

/* Make sure it can wrap nicely */
#zsmsg-policy button,
#zsmsg-policy a{
  white-space: normal !important;
  text-align: center;
}
/* ===== FOOTER: increase contrast + readability ===== */
.theme-footer-area,
.theme-footer-area *{
  opacity: 1 !important;                 /* kills faint/washed text */
}

.theme-footer-area,
.zpdark-section,
.zpdark-section-bg{
  background: #0b0b0b !important;        /* solid dark */
}

/* Footer text + headings */
.theme-footer-area,
.theme-footer-area p,
.theme-footer-area span,
.theme-footer-area li,
.theme-footer-area div{
  color: #ffffff !important;
}

/* Footer links */
.theme-footer-area a{
  col
/* ===== FOOTER: force ALL headings/labels to high contrast ===== */

/* Common footer heading patterns */
.theme-footer-area h1,
.theme-footer-area h2,
.theme-footer-area h3,
.theme-footer-area h4,
.theme-footer-area h5,
.theme-footer-area h6,
.theme-footer-area strong,
.theme-footer-area b,
.theme-footer-area .title,
.theme-footer-area .heading,
.theme-footer-area [class*="title"],
.theme-footer-area [class*="heading"],
.theme-footer-area [class*="footer"] [class*="title"],
.theme-footer-area [class*="footer"] [class*="heading"]{
  color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Specifically catch “Payment Options” type labels */
.theme-footer-area .payment,
.theme-footer-area [class*="payment"],
.theme-footer-area [class*="Payment"]{
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Social icons sometimes inherit faint colors */
.th
/* ===== FOOTER: force Zoho builder headings (zpheading) to be white ===== */

/* Any Zoho "Heading" element in the footer */
.theme-footer-area [data-element-type="heading"],
.theme-footer-area .zpelem-heading,
.theme-footer-area .zpheading,
.theme-footer-area [class*="zpheading"]{
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* Also force any child spans/em tags inside those headings */
.theme-footer-area [data-element-type="heading"] *,
.theme-footer-area .zpelem-heading *,
.theme-footer-area .zpheading *{
  color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Catch “Payment Options” if it’s actually a text element (not heading) */
.theme-footer-area [data-element-type="text"],
.theme-footer-area [data-element-type="text"] *{
  color: #ffffff !important;
  opacity: 1 !important;
}
/* ===== FOOTER: HARD OVERRIDE for dim Zoho builder headings ===== */

/* Ensure nothing in footer is being faded by parent opacity */
.theme-footer-area [data-element-type],
.theme-footer-area .zpelement,
.theme-footer-area .zprow,
.theme-footer-area .zpelem-col,
.theme-footer-area .zpcolumn,
.theme-footer-area .zpsection{
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* Target the exact heading element you showed */
.theme-footer-area h1,
.theme-footer-area h2,
.theme-footer-area h3,
.theme-footer-area h4,
.theme-footer-area h5,
.theme-footer-area h6,
.theme-footer-area h1 * ,
.theme-footer-area h2 * ,
.theme-footer-area h3 * ,
.theme-footer-area h4 * ,
.theme-footer-area h5 * ,
.theme-footer-area h6 * {
  color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;

  /* IMPORTANT: some Zoho themes use text-fill color instead of color */
  -webkit-text-fill-color: #ffffff !important;
  text-fill-color: #ffffff !important;
}

/* Specifically for Zoho "heading" widgets */
.theme-footer-area .zpelem-heading .zpheading,
.theme-footer-area .zpelem-heading .zpheading *,
.theme-footer-area .zpheading,
.theme-footer-area .zpheading *{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
/* ===== FOOTER headings still dim: force above overlays + force white ===== */

/* Make footer sections establish a stacking context */
.theme-footer-area .zpsection,
.theme-footer-area .zpdefault-section,
.theme-footer-area .zpdefault-section-bg,
.theme-footer-area .zprow,
.theme-footer-area .zpelement {
  position: relative !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Put headings ABOVE any overlay layer */
.theme-footer-area [data-element-type="heading"],
.theme-footer-area .zpelem-heading,
.theme-footer-area h1, .theme-footer-area h2, .theme-footer-area h3,
.theme-footer-area h4, .theme-footer-area h5, .theme-footer-area h6,
.theme-footer-area .zpheading {
  position: relative !important;
  z-index: 9999 !important;
  opacity: 1 !important;
  filter: none !important;

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-fill-color: #ffffff !important;

  background: none !important;
  -webkit-background-clip: border-box !important;
  mix-blend-mode: normal !important;

  /* Optional but helps if there is any dark overlay */
  text-shadow: 0 1px 2px rgba(0,0,0,0.65) !important;
}
/* MOBILE: enlarge the mega-menu “pill” links + allow pills to grow */
@media (max-width: 991px){

  /* Target links inside the mobile header/menu area */
  .theme-mobile-header-fixed a,
  .theme-mobile-header-fixed a *,
  [data-zs-mobile-headerstyle] a,
  [data-zs-mobile-headerstyle] a *,
  .zpmenu a,
  .zpmenu a *,
  .zp-menu a,
  .zp-menu a *{
    font-size: 25px !important;      /* try 22–26 */
    line-height: 1.2 !important;
  }

  /* Let the “pill” boxes grow so bigger text fits */
  .theme-mobile-header-fixed a,
  .zpmenu a,
  .zp-menu a{
    padding: 12px 16px !important;
    height: auto !important;
    min-height: 44px !important;
    white-space: normal !important;  /* allow wrapping */
  }
}
/* Move the search box upward */
.theme-search-and-minicart-group {
  position: relative;
}

.theme-search-field-container {
  position: relative;
  top: -18px;   /* increase/decrease until it clears the menu */
}
@media (min-width: 992px) {
  .theme-search-field-container {
    position: relative;
    top: -18px;
  }
}

}

}

}