/* =========================================================
   TanuArtVibes Emergency No-Loader + Shop Order Fix
   Use after tav-98-luxury-aesthetic.css
   ========================================================= */
html, body { min-height: 100% !important; }
body:not(.tav-bound-dynamic)::before,
body.tav-loading::before,
body.loading::before,
body::before {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: -1 !important;
}
.tav-loading,
.loading-boutique,
#tavLoading,
.tav-loader,
.tav-page-loader,
.tav-boutique-loader,
[class*="loading-boutique"],
[class*="tav-loading"],
[class*="page-loader"],
[class*="boutique-loader"]{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:scale(0) !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  width:0 !important;
  max-width:0 !important;
  overflow:hidden !important;
}
body[data-page="shop"] .tav-float,
body[data-page="shop"] .floating-social,
body[data-page="shop"] .floating-whatsapp,
body[data-page="shop"] .floating-instagram,
body[data-page="shop"] .whatsapp-float,
body[data-page="shop"] .instagram-float { display:none !important; }
body[data-page="shop"] .tav-shop-mobile-tools { order: 1 !important; position:relative !important; z-index:3 !important; }
body[data-page="shop"] .tav-shop-section { order: 2 !important; padding-top: 14px !important; }
body[data-page="shop"] .tav-shop-layout { display:flex !important; flex-direction:column !important; gap:14px !important; }
body[data-page="shop"] .tav-shop-sidebar { order:1 !important; position:static !important; width:100% !important; transform:none !important; }
body[data-page="shop"] .tav-shop-products-wrap { order:2 !important; width:100% !important; }
body[data-page="shop"] .tav-shop-custom-box { margin-top:22px !important; }
body[data-page="shop"] .tav-shop-newsletter { margin-top:14px !important; }
body[data-page="shop"] .tav-pro-filter-overlay,
body[data-page="shop"] .tav-pro-filter-drawer,
body[data-page="shop"] .tav-filter-close-btn { display:none !important; visibility:hidden !important; opacity:0 !important; }
@media (max-width: 768px){
  body[data-page="shop"] .tav-shop-hero { padding-bottom: 18px !important; }
  body[data-page="shop"] .tav-sidebar-card { margin: 0 14px 12px !important; border-radius: 24px !important; }
  body[data-page="shop"] .tav-lux-filter,
  body[data-page="shop"] .tav-category-step-filter { display:grid !important; grid-template-columns:1fr !important; gap:10px !important; }
  body[data-page="shop"] .tav-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:14px !important; }
  body[data-page="shop"] .tav-product { min-height:auto !important; }
  body[data-page="shop"] .tav-product-media { height:auto !important; aspect-ratio:1/1 !important; }
  body[data-page="shop"] .tav-product-title, body[data-page="shop"] .tav-product h3 { min-height:42px !important; }
  body[data-page="shop"] .tav-mobile-bottom { z-index: 9999 !important; }
}
/* Product detail polish */
body[data-page="product-details"] .tav-seo-preview,
body[data-page="product-details"] .seo-url,
body[data-page="product-details"] [class*="seo"] { display:none !important; }
body[data-page="product-details"] .tav-product-tab-panel { background:#fffaf4 !important; border:1px solid rgba(120,82,45,.13) !important; border-radius:18px !important; padding:16px !important; }
/* Course image/text-heavy cover quiet luxury */
body[data-page="courses"] .tav-course-img,
body[data-page="course-details"] .tav-course-img { background:linear-gradient(135deg,#1f130d 0%,#000 55%,#d9b77e 56%,#f7eadc 100%) !important; }

/* =========================================================
   FOOTER CREAM LUXURY THEME + FLOAT BUTTON REMOVE - 2026-06-19
   Screenshot fix: footer should match website beige/cream luxury theme,
   use premium typography feel, and hide floating WhatsApp/Instagram buttons.
   ========================================================= */
:root{
  --tav-footer-bg-1:#fff8f0;
  --tav-footer-bg-2:#f7eadc;
  --tav-footer-bg-3:#f5eee7;
  --tav-footer-card:#fffdf9;
  --tav-footer-brown:#4a2c1d;
  --tav-footer-text:#6b4b3a;
  --tav-footer-muted:#806152;
  --tav-footer-gold:#d9b77e;
}

/* Remove floating WhatsApp / Instagram buttons on all pages because mobile bottom nav already has WhatsApp */
.tav-float,
.floating-social,
.floating-buttons,
.floating-whatsapp,
.floating-instagram,
.whatsapp-float,
.instagram-float,
.tav-floating-social,
.tav-floating-buttons{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

.tav-footer{
  background:
    radial-gradient(circle at 18% 0%, rgba(217,183,126,.20), transparent 34%),
    linear-gradient(180deg, var(--tav-footer-bg-1) 0%, var(--tav-footer-bg-2) 58%, var(--tav-footer-bg-3) 100%) !important;
  border-top:1px solid rgba(217,183,126,.30) !important;
  color:var(--tav-footer-text) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.70) !important;
}

.tav-footer .tav-container{
  max-width:1180px !important;
}

.tav-footer-grid{
  align-items:start !important;
}

.tav-footer-grid > div:first-child{
  background:rgba(255,253,249,.82) !important;
  border:1px solid rgba(217,183,126,.32) !important;
  box-shadow:0 18px 46px rgba(74,44,29,.07) !important;
  border-radius:28px !important;
}

.tav-footer-logo{
  filter:none !important;
}

.tav-footer h4{
  font-family:var(--tav-body, 'Poppins', sans-serif) !important;
  color:var(--tav-footer-brown) !important;
  font-weight:800 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}

.tav-footer h4::after{
  background:linear-gradient(90deg, var(--tav-footer-gold), rgba(217,183,126,0)) !important;
}

.tav-footer p,
.tav-footer li,
.tav-footer a{
  font-family:var(--tav-body, 'Poppins', sans-serif) !important;
  color:var(--tav-footer-text) !important;
  font-weight:400 !important;
  letter-spacing:.01em !important;
}

.tav-footer a{
  text-decoration:none !important;
  transition:color .22s ease, transform .22s ease !important;
}

.tav-footer a:hover{
  color:#9a6b2f !important;
  transform:translateX(2px) !important;
}

.tav-footer-grid > div:first-child p{
  color:#5d4033 !important;
  font-family:var(--tav-body, 'Poppins', sans-serif) !important;
  font-weight:400 !important;
}

.tav-social a{
  background:linear-gradient(180deg,#fffdf9,#f8eadb) !important;
  border:1px solid rgba(217,183,126,.42) !important;
  color:var(--tav-footer-brown) !important;
  box-shadow:0 10px 22px rgba(74,44,29,.08) !important;
}

.tav-social a i{
  color:var(--tav-footer-brown) !important;
}

.tav-footer-grid > div:nth-child(5) i{
  color:#a87935 !important;
}

.tav-footer-bottom{
  border-top:1px solid rgba(217,183,126,.30) !important;
}

.tav-footer-bottom p{
  color:#6b4b3a !important;
}

.tav-footer-bottom p:last-child{
  font-family:'Allura', cursive !important;
  color:#9a6b2f !important;
}

@media (max-width:768px){
  .tav-footer{
    padding:26px 0 92px !important;
  }

  .tav-footer-grid{
    grid-template-columns:1fr 1fr !important;
    gap:22px 20px !important;
  }

  .tav-footer-grid > div:first-child{
    grid-column:1 / -1 !important;
    text-align:center !important;
    padding:20px 16px 18px !important;
    border-radius:28px !important;
    background:
      linear-gradient(180deg, rgba(255,253,249,.92), rgba(247,234,220,.74)) !important;
  }

  .tav-footer-logo{
    width:128px !important;
    max-width:128px !important;
    margin:0 auto 10px !important;
  }

  .tav-footer-grid > div:first-child p{
    max-width:360px !important;
    font-size:14px !important;
    line-height:1.75 !important;
    color:#5d4033 !important;
  }

  .tav-footer h4{
    font-size:11px !important;
    letter-spacing:.18em !important;
    margin-bottom:12px !important;
    color:#4a2c1d !important;
  }

  .tav-footer p,
  .tav-footer li,
  .tav-footer a{
    font-size:13px !important;
    line-height:1.75 !important;
    color:#6b4b3a !important;
  }

  .tav-social a{
    width:36px !important;
    height:36px !important;
  }

  .tav-footer-grid > div:nth-child(5){
    grid-column:1 / -1 !important;
    background:rgba(255,253,249,.46) !important;
    border:1px solid rgba(217,183,126,.18) !important;
    border-radius:20px !important;
    padding:14px 14px 10px !important;
  }

  .tav-footer-bottom{
    margin-top:18px !important;
    text-align:center !important;
  }
}


/* =========================================================
   Product detail customer text cleanup - 2026-06-19
   Hide zoom instruction and customer-visible SEO URL block.
   ========================================================= */
body[data-page="product-details"] .tav-detail-img > small.tav-muted,
body[data-page="product-details"] .tav-zoom-wrap > small.tav-muted,
body[data-page="product-details"] .tav-seo-preview,
body[data-page="product-details"] .seo-url,
body[data-page="product-details"] [class*="seo-preview"]{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
body[data-page="product-details"] .tav-float,
body[data-page="product-details"] .floating-social,
body[data-page="product-details"] .floating-buttons,
body[data-page="product-details"] .floating-whatsapp,
body[data-page="product-details"] .floating-instagram,
body[data-page="product-details"] .whatsapp-float,
body[data-page="product-details"] .instagram-float,
body[data-page="product-details"] .tav-floating-social,
body[data-page="product-details"] .tav-floating-buttons{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}