/*
Theme Name: Hello Elementor Child
Template: hello-elementor
*/

/* =========================================================
   BYTARIA — GLOBAL BACKGROUND + STACKING (FINAL / STABLE)
   ========================================================= */

html, body { height: 100%; }

body{
  position: relative;
  isolation: isolate;
  background: transparent !important;
}

/* =========================================================
   GLOBAL BACKGROUND PAINTER (FIXED — OPTION A)
   ========================================================= */

body.has-bytaria-bg::before{
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  transform: translateZ(0);
}



/* Mobile + tablet portrait framing */
@media (max-width: 900px){
  body.has-bytaria-bg::before{
    background-position: center top;
  }
}

/* Mobile + tablet portrait framing */
@media (max-width: 900px){
  body.has-bytaria-bg::before{
    background-position: center top;
  }
}

/* Mobile landscape fix: stop pinning to top */
@media (max-width: 900px) and (orientation: landscape){
  body.has-bytaria-bg::before{
    background-position: center;
  }
}



/* =========================================================
   STACKING SAFETY — DO NOT TOUCH
   ========================================================= */

#page, #content, main, .elementor{
  position: relative;
  z-index: auto;
}

.bt-header-ui{
  position: relative;
  z-index: 100;
}

.elementor-popup-modal,
.dialog-widget,
.dialog-lightbox-widget,
.dialog-type-lightbox,
.dialog-type-modal,
.elementor-nav-menu__container,
.elementor-nav-menu--dropdown{
  z-index: 2147483000 !important;
}

.bt-bg-layer{
  display: none !important;
}

/* =========================================================
   BACKGROUND IMAGE MAPPING
   ========================================================= */

/* SINGLE POST (BLOG) */
body.single-post.has-bytaria-bg::before{
  background-image: url('https://bytaria.store/wp-content/uploads/2026/01/bytaria-blog-background-2560x1440-2.avif');
}

@media (max-width: 900px){
  body.single-post.has-bytaria-bg::before{
    background-image: url('https://bytaria.store/wp-content/uploads/2026/01/bytaria-blog-background-mobile-1440x2560-2.avif');
  }
}

/* PRODUCT SEARCH */
body.search.post-type-archive-product.has-bytaria-bg::before{
  background-image: url('https://bytaria.store/wp-content/uploads/2025/12/Search-bg-desktop.avif');
}
@media (max-width: 900px){
  body.search.post-type-archive-product.has-bytaria-bg::before{
    background-image: url('https://bytaria.store/wp-content/uploads/2025/12/Search-bg-mobile.avif');
  }
}

/* SINGLE PRODUCT */
body.single-product.has-bytaria-bg::before{
  background-image: url('https://bytaria.store/wp-content/uploads/2025/12/Single-product-bg-desktop.avif');
}
@media (max-width: 900px){
  body.single-product.has-bytaria-bg::before{
    background-image: url('https://bytaria.store/wp-content/uploads/2025/12/Single-product-bg-mobile.avif');
  }
}

/* CONTACT US (ID 26) */
body.page-id-26.has-bytaria-bg::before{
  background-image: url('https://bytaria.store/wp-content/uploads/2025/12/Contact-us-bg-desktop.avif');
}
@media (max-width: 900px){
  body.page-id-26.has-bytaria-bg::before{
    background-image: url('https://bytaria.store/wp-content/uploads/2025/12/Contact-us-bg-mobile.avif');
  }
}

/* HOME (ID 38) */
body.page-id-38.has-bytaria-bg::before{
  background-image: url('https://bytaria.store/wp-content/uploads/2025/12/Home-page-bg-desktop.avif');
}
@media (max-width: 900px){
  body.page-id-38.has-bytaria-bg::before{
    background-image: url('https://bytaria.store/wp-content/uploads/2025/12/Home-page-bg-mobile.avif');
  }
}

/* PRODUCTS (ID 1760) */
body.page-id-1760.has-bytaria-bg::before{
  background-image: url('https://bytaria.store/wp-content/uploads/2025/12/Products-bg-desktop.avif');
}
@media (max-width: 900px){
  body.page-id-1760.has-bytaria-bg::before{
    background-image: url('https://bytaria.store/wp-content/uploads/2025/12/Products-bg-mobile.avif');
  }
}

/* ABOUT US (ID 24) */
body.page-id-24.has-bytaria-bg::before{
  background-image: url('https://bytaria.store/wp-content/uploads/2025/12/About-Us-bg-desktop.avif');
}
@media (max-width: 900px){
  body.page-id-24.has-bytaria-bg::before{
    background-image: url('https://bytaria.store/wp-content/uploads/2025/12/About-Us-bg-mobile.avif');
  }
}

/* INSIGHTS (ID 785) */
body.page-id-785.has-bytaria-bg::before{
  background-image: url('https://bytaria.store/wp-content/uploads/2025/12/Insights-bg-desktop.avif');
}
@media (max-width: 900px){
  body.page-id-785.has-bytaria-bg::before{
    background-image: url('https://bytaria.store/wp-content/uploads/2025/12/Insights-bg-mobile.avif');
  }
}

/* MY ACCOUNT (ID 20) */
body.page-id-20.has-bytaria-bg::before{
  background-image: url('https://bytaria.store/wp-content/uploads/2025/12/myaccount-laptop-2560x1440-1.avif');
}
@media (max-width: 900px){
  body.page-id-20.has-bytaria-bg::before{
    background-image: url('https://bytaria.store/wp-content/uploads/2025/12/myaccount-laptop-1440x2560-1.avif');
  }
}

/* CART (ID 18) */
body.page-id-18.has-bytaria-bg::before{
  background-image: url('https://bytaria.store/wp-content/uploads/2025/12/Cart-bg-desktop.avif');
}
@media (max-width: 900px){
  body.page-id-18.has-bytaria-bg::before{
    background-image: url('https://bytaria.store/wp-content/uploads/2025/12/Cart-bg-mobile.avif');
  }
}

/* CHECKOUT (ID 19) */
body.page-id-19.has-bytaria-bg::before{
  background-image: url('https://bytaria.store/wp-content/uploads/2025/12/Checkout-bg-desktop.avif');
}
@media (max-width: 900px){
  body.page-id-19.has-bytaria-bg::before{
    background-image: url('https://bytaria.store/wp-content/uploads/2025/12/Checkout-bg-mobile.avif');
  }
}

/* T&C (ID 1625) */
body.page-id-1625.has-bytaria-bg::before{
  background-image: url('https://bytaria.store/wp-content/uploads/2025/12/Checkout-bg-desktop.avif');
}
@media (max-width: 900px){
  body.page-id-1625.has-bytaria-bg::before{
    background-image: url('https://bytaria.store/wp-content/uploads/2025/12/Checkout-bg-mobile.avif');
  }
}

/* RETURN POLICY (ID 1837) */
body.page-id-1837.has-bytaria-bg::before{
  background-image: url('https://bytaria.store/wp-content/uploads/2025/12/Checkout-bg-desktop.avif');
}
@media (max-width: 900px){
  body.page-id-1837.has-bytaria-bg::before{
    background-image: url('https://bytaria.store/wp-content/uploads/2025/12/Checkout-bg-mobile.avif');
  }
}

/* PRIVACY POLICY (ID 1881) */
body.page-id-1881.has-bytaria-bg::before{
  background-image: url('https://bytaria.store/wp-content/uploads/2025/12/Checkout-bg-desktop.avif');
}
@media (max-width: 900px){
  body.page-id-1881.has-bytaria-bg::before{
    background-image: url('https://bytaria.store/wp-content/uploads/2025/12/Checkout-bg-mobile.avif');
  }
}

/* COOKIE POLICY (ID 1908) */
body.page-id-1908.has-bytaria-bg::before{
  background-image: url('https://bytaria.store/wp-content/uploads/2025/12/Checkout-bg-desktop.avif');
}
@media (max-width: 900px){
  body.page-id-1908.has-bytaria-bg::before{
    background-image: url('https://bytaria.store/wp-content/uploads/2025/12/Checkout-bg-mobile.avif');
  }
}


/* SHIPPING POLICY (ID 5555) */
body.page-id-5555.has-bytaria-bg::before{
  background-image: url('https://bytaria.store/wp-content/uploads/2025/12/Checkout-bg-desktop.avif');
}
@media (max-width: 900px){
  body.page-id-5555.has-bytaria-bg::before{
    background-image: url('https://bytaria.store/wp-content/uploads/2025/12/Checkout-bg-mobile.avif');
  }
}


/* =========================================================
   ICON BOX – bytaria-feature (hover + divider that never breaks)
   ========================================================= */

/* Keep effects */
.elementor-widget-icon-box.bytaria-feature .elementor-icon-box-wrapper{
  transition: transform 200ms ease, filter 200ms ease, box-shadow 200ms ease;
  will-change: transform;
  overflow: hidden; /* hard safety: divider can’t spill out */
}

.elementor-widget-icon-box.bytaria-feature:hover .elementor-icon-box-wrapper{
  transform: translateY(-4px) scale(1.04);
  filter: brightness(1.08);
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}

.elementor-widget-icon-box.bytaria-feature .elementor-icon{
  transition: filter 200ms ease;
}

.elementor-widget-icon-box.bytaria-feature:hover .elementor-icon{
  filter: brightness(1.15);
}

/* Divider: stable, full-width, horizontally aligned */
.elementor-widget-icon-box.bytaria-feature .elementor-icon-box-title{
  position: relative;
  display: block; /* prevents inline weirdness */
}

/* The divider line */
.elementor-widget-icon-box.bytaria-feature .elementor-icon-box-title::after{
  content: "";
  display: block;

  /* spacing between title and description */
  margin: 10px auto 0;

  /* force it to live inside the box */
  width: 100%;
  max-width: 100%;
  height: 2px;
  box-sizing: border-box;

  /* basic line style */
  background: rgba(255,255,255,0.6);

  /* make sure it’s always horizontally “level” */
  transform: translateZ(0);

  /* fade the ends (modern browsers) */
  -webkit-mask-image: linear-gradient(to right,
    transparent 0%,
    #000 12%,
    #000 88%,
    transparent 100%
  );
  mask-image: linear-gradient(to right,
    transparent 0%,
    #000 12%,
    #000 88%,
    transparent 100%
  );

  transition: background 200ms ease, box-shadow 200ms ease;
}

/* Hover glow preserved */
.elementor-widget-icon-box.bytaria-feature:hover .elementor-icon-box-title::after{
  background: #fff;
  box-shadow:
    0 0 8px rgba(255,255,255,0.6),
    0 0 18px rgba(255,255,255,0.45),
    0 0 30px rgba(255,255,255,0.25);
}

/* Fallback if mask isn't supported: fake fade using gradient */
@supports not ((mask-image: linear-gradient(#000,#000)) or (-webkit-mask-image: linear-gradient(#000,#000))){
  .elementor-widget-icon-box.bytaria-feature .elementor-icon-box-title::after{
    background: linear-gradient(to right,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0.6) 12%,
      rgba(255,255,255,0.6) 88%,
      rgba(255,255,255,0) 100%
    );
  }
  .elementor-widget-icon-box.bytaria-feature:hover .elementor-icon-box-title::after{
    background: linear-gradient(to right,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,1) 12%,
      rgba(255,255,255,1) 88%,
      rgba(255,255,255,0) 100%
    );
  }
}

/* =========================================
   GLOBAL — GLASS CONTAINER (reusable)
   ========================================= */

.bt-glass-product{
  background: var(--bt-glass-bg);
  backdrop-filter: blur(var(--bt-glass-blur));
  -webkit-backdrop-filter: blur(var(--bt-glass-blur));
  border: 1px solid var(--bt-glass-border);
  border-radius: var(--bt-radius-lg);
  box-shadow: var(--bt-glass-shadow);
  padding: 24px;
  box-sizing: border-box;
}

/* Tidy spacing inside glass box */
.bt-glass-product > *:first-child{ margin-top: 0 !important; }
.bt-glass-product > *:last-child{ margin-bottom: 0 !important; }

/* =========================================
   SINGLE PRODUCT — TYPOGRAPHY INSIDE GLASS
   (scoped so cart/account/etc stay free)
   ========================================= */

.single-product .bt-glass-product .product_title{
  font-weight: 700;
  letter-spacing: 0.3px;
}

.single-product .bt-glass-product .price,
.single-product .bt-glass-product .amount{
  color: rgba(255,255,255,0.95);
  font-weight: 700;
}

.single-product .bt-glass-product .woocommerce-product-details__short-description,
.single-product .bt-glass-product .variations label{
  color: rgba(255,255,255,0.75);
}

/* =========================================================
   GLOBAL — WooCommerce Notices (dark glass theme)
   ========================================================= */

.woocommerce-notices-wrapper{
  margin: 0 0 16px 0;
}

/* Notice container */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
  background: rgba(0,0,0,0.40) !important;
  color: rgba(255,255,255,0.92) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 16px !important;
  padding: 14px 16px !important;
  box-shadow: none !important;
}

/* Remove Woo default icons */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before{
  content: none !important;
  display: none !important;
}

/* Notice text links (accent blue) */
.woocommerce-message a:not(.button),
.woocommerce-info a:not(.button),
.woocommerce-error a:not(.button){
  color: #026BAA !important;
  font-weight: 650;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* =========================================================
   Notice action button (e.g. "View cart")
   ========================================================= */

.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button{
  background: rgba(255,255,255,0.06) !important; /* transparent glass */
  border: 1px solid rgba(244,70,6,0.55) !important; /* CTA orange border */
  color: #F44606 !important; /* CTA orange text */

  border-radius: 999px !important;
  padding: 10px 16px !important;
  font-weight: 700 !important;
  text-decoration: none !important;

  box-shadow: none !important;
  transition: transform 160ms ease, filter 160ms ease, background-color 200ms ease;
}

.woocommerce-message .button:hover,
.woocommerce-info .button:hover,
.woocommerce-error .button:hover{
  background: rgba(244,70,6,0.12) !important;
  filter: brightness(1.05);
  transform: translateY(-1px);
}


/* Footer: prevent margin-collapse gap without creating a scrollable footer */
.elementor-location-footer{
  overflow: hidden;
  padding-bottom: 1px;
}



/* =========================================================
   GLOBAL — Forms inside glass containers
   ========================================================= */

.bt-glass-product input[type="text"],
.bt-glass-product input[type="email"],
.bt-glass-product input[type="tel"],
.bt-glass-product input[type="password"],
.bt-glass-product input[type="search"],
.bt-glass-product textarea,
.bt-glass-product select{
  width: 100%;
  background-color: rgba(0,0,0,0.32) !important;
  color: rgba(255,255,255,0.92) !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  line-height: 1.4;
  box-shadow: none !important;
  outline: none !important;
}

.bt-glass-product input:focus,
.bt-glass-product textarea:focus,
.bt-glass-product select:focus{
  background-color: rgba(0,0,0,0.45) !important;
  border-color: rgba(255,255,255,0.28) !important;
}

.bt-glass-product ::placeholder{
  color: rgba(255,255,255,0.55) !important;
}

/* =========================================================
   FADED TITLE: force wrapping on small breakpoints
   ========================================================= */
.faded-title .elementor-heading-title{
  white-space: normal;
  overflow-wrap: anywhere;   /* breaks long strings safely */
  word-break: normal;
  hyphens: auto;
}

/* Prevent flex parents from forcing overflow */
.faded-title{
  min-width: 0;
}
.faded-title .elementor-widget-container{
  min-width: 0;
}

/* Tablet portrait + mobile portrait tuning */
@media (max-width: 900px){
  .faded-title .elementor-heading-title{
    font-size: clamp(18px, 3.6vw, 26px); /* scale down gently */
    line-height: 1.15;
  }
}

@media (max-width: 480px){
  .faded-title .elementor-heading-title{
    font-size: clamp(18px, 5vw, 24px);
    line-height: 1.12;
  }
}

/* CART: 2-panel layout */
.bt-cart-layout{
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 24px;
  align-items: start;
}

@media (max-width: 1200px){
  .bt-cart-layout{ grid-template-columns: 1fr 380px; }
}

@media (max-width: 900px){
  .bt-cart-layout{ grid-template-columns: 1fr; }
}

/* ==========================================================
   SINGLE PRODUCT — GLASS UI (LOCKED)
   Scope: body.single-product
   Do not modify unless redesigning product page
   ========================================================== */

/* Single Product — Dark Tinted Glass */
body.single-product .bt-glass-product-sp{
  position: relative;
  border-radius: 18px;
  padding: 22px;

  /* dark tinted glass base */
  background: rgba(20, 20, 20, 0.38) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;

  /* controlled blur */
  -webkit-backdrop-filter: blur(6px) saturate(125%);
  backdrop-filter: blur(6px) saturate(125%);

  /* depth & weight */
  box-shadow:
    0 18px 60px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);

  overflow: visible;
  z-index: 0;
}

/* glow + highlight layers */
body.single-product .bt-glass-product-sp::before,
body.single-product .bt-glass-product-sp::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: -1;
}

body.single-product .bt-glass-product-sp::before{
  background: radial-gradient(
    120% 90% at 10% 10%,
    rgba(255, 255, 255, 0.18),
    rgba(255, 255, 255, 0.04) 45%,
    rgba(0, 0, 0, 0.00) 70%
  );
  filter: blur(6px);
  opacity: 0.28;
  transform: translateZ(0);
}

body.single-product .bt-glass-product-sp::after{
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.18),
    rgba(255, 255, 255, 0.00) 45%
  );
  opacity: 0.45;
}

/* prevent inner widgets from killing the glass */
body.single-product .bt-glass-product-sp,
body.single-product .bt-glass-product-sp *{
  background-color: transparent;
}

/* Single Product — Quantity number color fix */
body.single-product .quantity input[type="number"]{
  color: rgba(245, 245, 245, 0.95); /* near white */
  
  /* optional but recommended for dark UIs */
  caret-color: rgba(245, 245, 245, 0.95);
}

/* Fix WebKit autofill / spinner text contrast */
body.single-product .quantity input[type="number"]::-webkit-inner-spin-button,
body.single-product .quantity input[type="number"]::-webkit-outer-spin-button{
  filter: invert(1);
  opacity: 0.85;
}

/* Firefox number input text */
body.single-product .quantity input[type="number"]{
  -moz-appearance: textfield;
}


/* SEARCH POPUP — FORCE DARK GLASS (wins specificity wars) */
.bt-search-popup input[type="search"],
.bt-search-popup input.bt-search-input{
  background: rgba(20, 20, 20, 0.38) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;

  color: rgba(245, 245, 245, 0.95) !important;
  caret-color: rgba(245, 245, 245, 0.95) !important;

  border-radius: 14px !important;
  min-height: 52px !important;
  padding: 12px 14px !important;

  -webkit-backdrop-filter: blur(11px) saturate(125%) !important;
  backdrop-filter: blur(11px) saturate(125%) !important;

  box-shadow:
    0 12px 40px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;

  outline: none !important;
}

.bt-search-popup input[type="search"]::placeholder,
.bt-search-popup input.bt-search-input::placeholder{
  color: rgba(245, 245, 245, 0.55) !important;
}

.bt-search-popup button.bt-search-btn,
.bt-search-popup button[type="submit"]{
  background: rgba(255, 255, 255, 0.10) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: rgba(245, 245, 245, 0.95) !important;

  border-radius: 14px !important;
  min-height: 52px !important;
  padding: 12px 18px !important;

  cursor: pointer !important;
  box-shadow:
    0 12px 40px rgba(0, 0, 0, 0.30),
    inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
}

/* ==========================================
   SEARCH POPUP — GLASS BACKGROUND
   ========================================== */

.bt-search-popup{
  padding: 22px;
  border-radius: 20px;

  background: rgba(15, 15, 15, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.10);

  -webkit-backdrop-filter: blur(16px) saturate(130%);
  backdrop-filter: blur(16px) saturate(130%);

  box-shadow:
    0 30px 90px rgba(0, 0, 0, 0.65),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

/* SEARCH POPUP — make the form use the popup width */
.bt-search-popup{
  width: 100%;
}

/* If Elementor adds extra wrappers, force them to allow full width */
.bt-search-popup,
.bt-search-popup .elementor-element,
.bt-search-popup .elementor-widget-container{
  width: 100%;
}

/* Inline layout that fills the popup */
.bt-search-popup form{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
}

/* Input expands */
.bt-search-popup .bt-search-input{
  flex: 1 1 auto !important;
  width: 100% !important;   /* helps when flex is being weird */
  max-width: 100% !important;
}

/* Button stays compact */
.bt-search-popup .bt-search-btn{
  flex: 0 0 auto !important;
  white-space: nowrap;
}

/* Optional: cap button width so input gets more room */
@media (min-width: 601px){
  .bt-search-popup .bt-search-btn{
    min-width: 110px;
  }
}

/* ==========================================
   SEARCH POPUP — FORCE BOXY GLASS PERIMETER
   Overrides bt-glass-product radius completely
   ========================================== */

/* Target any glass container inside the search popup */
.bt-search-popup .bt-glass-product,
.bt-search-popup .bt-glass-product-sp{
  border-radius: 0 !important;
  overflow: hidden; /* clips inner blur correctly */
}

/* Kill rounded corners on pseudo-elements */
.bt-search-popup .bt-glass-product::before,
.bt-search-popup .bt-glass-product::after,
.bt-search-popup .bt-glass-product-sp::before,
.bt-search-popup .bt-glass-product-sp::after{
  border-radius: 0 !important;
}

/* Extra safety: if Elementor wraps with glass on container */
.bt-search-popup{
  border-radius: 0 !important;
}

/* Off-canvas: force the search trigger to accept taps */
.elementor-off-canvas .bt-search-trigger,
.elementor-off-canvas .bt-search-trigger *{
  pointer-events: auto !important;
}

/* Search popup close (X) — near white */
.bt-search-popup-modal .dialog-close-button,
.bt-search-popup-modal .dialog-close-button i,
.bt-search-popup-modal .dialog-close-button svg{
  color: rgba(245,245,245,0.90) !important;
  fill: rgba(245,245,245,0.90) !important;
}

.bt-search-popup-modal .dialog-close-button:hover,
.bt-search-popup-modal .dialog-close-button:hover i,
.bt-search-popup-modal .dialog-close-button:hover svg{
  color: rgba(255,255,255,1) !important;
  fill: rgba(255,255,255,1) !important;
}

body.search.post-type-archive-product .woocommerce-result-count{
  color: rgba(245, 245, 245, 0.85);
}


/* Notice row: message left, actions right */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  display: flex;
  align-items: center;
  justify-content: flex-start; /* IMPORTANT: do NOT center */
  gap: 12px;
  flex-wrap: nowrap;
}

/* The notice text should take remaining space and stay left */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
  flex: 0 0 auto;
}

.woocommerce-message {
  /* if your theme wraps text in a p/span, this still works */
}

.woocommerce-message > *:not(.button):not(.wc-forward) {
  flex: 1 1 auto;
  min-width: 0;
}

/* Action buttons container: push to the far right */
.woocommerce-message .button,
.woocommerce-message a.button,
.woocommerce-message .wc-forward {
  flex: 0 0 auto;
}

.woocommerce-message .button.continue-shopping {
  order: 0; /* before view cart */
}

/* Make sure all action buttons sit at the far right */
.woocommerce-message a.button,
.woocommerce-message .button.wc-forward,
.woocommerce-message a.wc-forward {
  margin-left: 0;
}

/* This is the key: push the FIRST button group to the right */
.woocommerce-message a.button.continue-shopping {
  margin-left: auto; /* forces buttons to the right edge */
}

/* Keep buttons equal-looking */
.woocommerce-message a.button,
.woocommerce-message .button {
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 10px 16px;
}

/* Tablet portrait and down: stack (text on top, buttons below) */
@media (max-width: 900px) {
  .woocommerce-message,
  .woocommerce-info,
  .woocommerce-error {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  /* Text row full width */
  .woocommerce-message > *:not(.button):not(.wc-forward) {
    flex: 0 0 100%;
    width: 100%;
  }

  /* Buttons below, aligned right */
  .woocommerce-message a.button.continue-shopping {
    margin-left: 0;
  }

  .woocommerce-message a.button,
  .woocommerce-message .button,
  .woocommerce-message .wc-forward {
    margin-left: 0;
  }

  /* put buttons on the right as a group */
  .woocommerce-message a.button.continue-shopping,
  .woocommerce-message a.wc-forward,
  .woocommerce-message .button.wc-forward {
    margin-left: auto;
  }
}

/* =========================================
   CART NOTICE — TEXT LEFT, BUTTONS RIGHT
   ========================================= */

/* Desktop & tablet landscape */
@media (min-width: 901px){
  .woocommerce-message,
  .woocommerce-info{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }

  /* Text stays left */
  .woocommerce-message > :not(.button),
  .woocommerce-info > :not(.button){
    flex: 1 1 auto;
    text-align: left;
  }

  /* Buttons stay right, equal size */
  .woocommerce-message .button,
  .woocommerce-info .button{
    flex: 0 0 auto;
    margin-left: 8px;
    white-space: nowrap;
  }
}

/* Tablet portrait & below: stack */
@media (max-width: 900px){
  .woocommerce-message,
  .woocommerce-info{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .woocommerce-message .button,
  .woocommerce-info .button{
    width: 100%;
    text-align: center;
  }
}


/* LOOP / CAROUSEL: make “incl. VAT” near-white */
.woocommerce .woocommerce-price-suffix,
.woocommerce small.woocommerce-price-suffix,
.woocommerce span.woocommerce-price-suffix,
.woocommerce .price .woocommerce-price-suffix,
.woocommerce .price small.woocommerce-price-suffix{
  color: rgba(245,245,245,0.88) !important;
}

/* Elementor loop carousel safety */
.elementor-widget-loop-carousel .woocommerce-price-suffix,
.elementor-widget-loop-carousel .price .woocommerce-price-suffix{
  color: rgba(245,245,245,0.88) !important;
}