/* TanuArtVibes global footer cream/beige luxury fix + remove floating social buttons
   Applies to Home, Shop, Courses, Details and all pages using dynamic .tav-footer markup. */

:root{
  --tav-cream:#fff8f0;
  --tav-cream-2:#f7eadc;
  --tav-cream-3:#f5eee7;
  --tav-nude:#ead8c8;
  --tav-gold:#d9b77e;
  --tav-brown:#4a2c1d;
  --tav-brown-soft:#7b5a4a;
  --tav-border:rgba(217,183,126,.32);
}

/* Remove floating WhatsApp / Instagram round buttons on every page */
.tav-float,
.floating-buttons,
.floating-social,
.float-social,
.whatsapp-float,
.instagram-float,
a.whatsapp-float,
a.instagram-float{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Global footer color and premium background */
footer.tav-footer,
.tav-footer,
footer.footer,
.footer,
.site-footer,
.luxury-footer{
  background:
    radial-gradient(circle at 20% 0%, rgba(255,255,255,.9) 0%, rgba(255,248,240,.65) 34%, transparent 64%),
    linear-gradient(180deg, var(--tav-cream) 0%, var(--tav-cream-2) 58%, var(--tav-cream-3) 100%)!important;
  color:var(--tav-brown)!important;
  border-top:1px solid var(--tav-border)!important;
  box-shadow:0 -18px 45px rgba(74,44,29,.06)!important;
  font-family:'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
}

.tav-footer .tav-container,
.footer .container,
.site-footer .container,
.luxury-footer .container{
  color:var(--tav-brown)!important;
}

/* Top brand card inside footer */
.tav-footer-grid > div:first-child,
.footer-brand,
.footer-about{
  background:rgba(255,255,255,.48)!important;
  border:1px solid rgba(217,183,126,.28)!important;
  border-radius:30px!important;
  box-shadow:0 18px 45px rgba(74,44,29,.07)!important;
  padding:24px 22px!important;
}

.tav-footer-logo,
.footer-logo-img,
.footer-logo img,
.site-footer img{
  max-width:185px!important;
  height:auto!important;
  object-fit:contain!important;
  margin-bottom:14px!important;
}

.tav-footer p,
.tav-footer a,
.tav-footer li,
.tav-footer span,
.footer p,
.footer a,
.footer li,
.footer span,
.site-footer p,
.site-footer a,
.site-footer li,
.site-footer span,
.luxury-footer p,
.luxury-footer a,
.luxury-footer li,
.luxury-footer span{
  color:var(--tav-brown-soft)!important;
  font-family:'Poppins', system-ui, sans-serif!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.85!important;
  text-decoration:none!important;
  text-shadow:none!important;
}

.tav-footer h4,
.footer h4,
.site-footer h4,
.luxury-footer h4{
  color:var(--tav-brown)!important;
  font-family:'Poppins', system-ui, sans-serif!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:2px!important;
  text-transform:uppercase!important;
  margin:0 0 20px!important;
  position:relative!important;
}

.tav-footer h4::after,
.footer h4::after,
.site-footer h4::after,
.luxury-footer h4::after{
  content:''!important;
  display:block!important;
  width:34px!important;
  height:2px!important;
  margin-top:12px!important;
  background:linear-gradient(90deg, var(--tav-gold), rgba(217,183,126,0))!important;
  border-radius:99px!important;
}

.tav-footer ul,
.footer ul,
.site-footer ul,
.luxury-footer ul{
  padding:0!important;
  margin:0!important;
  list-style:none!important;
}

.tav-footer a:hover,
.footer a:hover,
.site-footer a:hover,
.luxury-footer a:hover{
  color:var(--tav-brown)!important;
}

.tav-social,
.footer-social{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:18px!important;
}

.tav-social a,
.footer-social a{
  width:42px!important;
  height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,#fffdf9,#f7eadc)!important;
  border:1px solid rgba(217,183,126,.42)!important;
  color:var(--tav-brown)!important;
  box-shadow:0 10px 22px rgba(74,44,29,.08)!important;
}

.tav-social a i,
.footer-social a i{
  color:var(--tav-brown)!important;
  font-size:15px!important;
}

.tav-footer-bottom,
.footer-bottom{
  border-top:1px solid rgba(217,183,126,.28)!important;
  color:var(--tav-brown-soft)!important;
  margin-top:34px!important;
  padding-top:18px!important;
}

.tav-footer-bottom p,
.footer-bottom p{
  color:var(--tav-brown-soft)!important;
}

@media (max-width:768px){
  .tav-footer,
  footer.tav-footer,
  .footer,
  .site-footer,
  .luxury-footer{
    padding-bottom:105px!important;
  }

  .tav-footer-grid,
  .footer-grid{
    gap:26px!important;
  }

  .tav-footer-grid > div:first-child,
  .footer-brand,
  .footer-about{
    text-align:center!important;
    padding:24px 18px!important;
    border-radius:26px!important;
  }

  .tav-footer-logo,
  .footer-logo-img,
  .footer-logo img{
    max-width:170px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .tav-social,
  .footer-social{
    justify-content:center!important;
  }

  .tav-footer h4,
  .footer h4,
  .site-footer h4,
  .luxury-footer h4{
    font-size:12px!important;
    letter-spacing:1.8px!important;
  }

  .tav-footer p,
  .tav-footer a,
  .tav-footer li,
  .tav-footer span,
  .footer p,
  .footer a,
  .footer li,
  .footer span,
  .site-footer p,
  .site-footer a,
  .site-footer li,
  .site-footer span{
    font-size:14px!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;
}
