/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

html {
  scroll-behavior: smooth;
}

.woocommerce-tabs,
.woocommerce-tabs .wc-tab,
.woocommerce-tabs .panel,
.woocommerce-tabs ul.tabs {
    display: none !important;
}


.bg-glows {
  position: fixed !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  overflow: visible !important;
}

.elementor, main, .site, .site-main, .site-content, .content, #page {
  position: relative;
  z-index: 1 !important;
}

.glow-spot {
  position: fixed !important;
  width: 35vw !important;
  height: 35vw !important;
  border-radius: 50% !important;
  opacity: 0.6 !important;
  filter: blur(70px) saturate(130%) !important;
  mix-blend-mode: screen !important;
  animation: glowMotion 14s ease-in-out infinite alternate !important;
  pointer-events: none !important;
}

/* мобилки — пятна больше */
@media (max-width: 768px) {
  .glow-spot {
    width: 55vw !important;
    height: 55vw !important;
    filter: blur(50px) !important;
  }
}

/* --- позиции и градиенты --- */

/* центральное (чуть ниже центра) */
.glow-center {
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
background: radial-gradient(circle,rgba(150, 208, 255, 0.92) 0%, rgba(209, 255, 227, 0.6) 24%, rgba(237, 221, 83, 0.17) 50%, rgba(237, 221, 83, 0) 90%);
  animation-duration: 18s !important;
}

/* правый верхний угол */
.glow-top-right {
  top: -12vh;
  right: -12vw;
background: radial-gradient(circle,rgba(224, 241, 255, 0.92) 0%, rgba(150, 208, 255, 0.6) 65%, rgba(237, 221, 83, 0) 90%);
  animation-duration: 20s !important;
}

/* нижний левый угол */
.glow-bottom-left {
  bottom: -12vh;
  left: -12vw;
 background: radial-gradient(circle,rgba(224, 241, 255, 0.92) 0%, rgba(64, 255, 239, 0.39) 65%, rgba(237, 221, 83, 0) 90%);
  animation-duration: 22s !important;
}

/* Анимация дыхания и оттенка */
@keyframes glowMotion {
  0%   { transform: translate(-50%, -50%) scale(1); filter: blur(65px) hue-rotate(0deg); }
  25%  { transform: translate(-48%, -52%) scale(1.08); filter: blur(80px) hue-rotate(25deg); }
  50%  { transform: translate(-52%, -48%) scale(0.95); filter: blur(70px) hue-rotate(-20deg); }
  75%  { transform: translate(-50%, -50%) scale(1.05); filter: blur(75px) hue-rotate(15deg); }
  100% { transform: translate(-50%, -50%) scale(1); filter: blur(65px) hue-rotate(0deg); }
}

@media (prefers-color-scheme: dark) {
  .glow-spot { opacity: 0.35 !important; }
}