/* =========================
   FRONT PAGE CLEAN
========================= */

html,
body.udanna-front-clean {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
}

body.udanna-front-clean header,
body.udanna-front-clean footer,
body.udanna-front-clean .site-header,
body.udanna-front-clean .site-footer,
body.udanna-front-clean .sphere-topline,
body.udanna-front-clean .popup-button,
body.udanna-front-clean .menu-toggle,
body.udanna-front-clean .nav-pages {
  display: none !important;
}

.front-page {
  min-height: 100svh;
}

.front-hero {
  min-height: 100svh;

  display: flex;
  align-items: center;
  justify-content: center;

  background-image: url("https://test.udanna.ru/wp-content/uploads/2026/03/background.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.front-hero-inner {
  text-align: center;
  transform: translateY(-0.6rem);
}

/* =========================
   UDANNA GOLD TITLE
   Перелив заголовка главной
========================= */

.udanna-gold-title {
  display: block;
  width: fit-content;
  max-width: 90%;
  margin: 0 auto 1.75rem;

  text-align: center;
  font-size: clamp(1.25rem, 2.4vw, 1.9rem);
  font-weight: 750;
  line-height: 1.2;

  color: #c28a12 !important;
  text-decoration: none;

  background: linear-gradient(
    90deg,
    #9a6500 0%,
    #c28a12 16%,
    #e2ad2e 34%,
    #ffd45a 50%,
    #e2ad2e 66%,
    #c28a12 84%,
    #9a6500 100%
  );

  background-size: 340% auto;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  text-shadow:
    0 0.03rem 0 rgba(120, 78, 0, 0.18),
    0 0 0.32rem rgba(255, 205, 80, 0.18);

  animation: udanna-front-gold-wave 6.5s ease-in-out infinite;
}

/* =========================
   DESKTOP: заголовок главной крупнее и в одну строку
========================= */

@media (min-width: 48.001rem) {

  body.udanna-front-clean .udanna-gold-title {
    max-width: 96vw;
    white-space: nowrap;

    font-size: clamp(2rem, 3.2vw, 3rem);
    line-height: 1.08;
    letter-spacing: 0.025em;
  }
}
.udanna-title-link:hover {
  filter: drop-shadow(0 0 0.55rem rgba(255, 215, 0, 0.75));
}

/* =========================
   FRONT SYMBOL
   Сфера на главной
========================= */

.front-symbol {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  /* размер сферы на главной: увеличено примерно в 2 раза */
  width: clamp(15rem, 24vw, 19rem);
  aspect-ratio: 1;

  border-radius: 50%;
  text-decoration: none;

  animation: udanna-pulse 2.4s ease-in-out infinite;
}

.front-symbol img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* При наведении мышкой пульс становится сильнее */
.front-symbol:hover {
  animation: udanna-pulse-hover 1.35s ease-in-out infinite;
}

/* =========================
   ANIMATIONS
========================= */

@keyframes udanna-front-gold-wave {
  0% {
    background-position: 0% center;
    text-shadow:
      0 0.03rem 0 rgba(120, 78, 0, 0.18),
      0 0 0.25rem rgba(255, 205, 80, 0.16);
  }

  50% {
    background-position: 100% center;
    text-shadow:
      0 0.03rem 0 rgba(120, 78, 0, 0.2),
      0 0 0.75rem rgba(255, 205, 80, 0.38);
  }

  100% {
    background-position: 0% center;
    text-shadow:
      0 0.03rem 0 rgba(120, 78, 0, 0.18),
      0 0 0.25rem rgba(255, 205, 80, 0.16);
  }
}

@keyframes udanna-pulse {
  0% {
    transform: scale(1);
    filter: drop-shadow(0 0 0 rgba(244, 210, 26, 0));
  }

  50% {
    transform: scale(1.08);
    filter: drop-shadow(0 0 1.1rem rgba(244, 210, 26, 0.75));
  }

  100% {
    transform: scale(1);
    filter: drop-shadow(0 0 0 rgba(244, 210, 26, 0));
  }
}

@keyframes udanna-pulse-hover {
  0% {
    transform: scale(1.03);
    filter:
      drop-shadow(0 0 0.45rem rgba(244, 210, 26, 0.55))
      drop-shadow(0 0 0.9rem rgba(255, 215, 0, 0.25));
  }

  50% {
    transform: scale(1.14);
    filter:
      drop-shadow(0 0 1.25rem rgba(244, 210, 26, 0.95))
      drop-shadow(0 0 2.2rem rgba(255, 215, 0, 0.55));
  }

  100% {
    transform: scale(1.03);
    filter:
      drop-shadow(0 0 0.45rem rgba(244, 210, 26, 0.55))
      drop-shadow(0 0 0.9rem rgba(255, 215, 0, 0.25));
  }
}

/* =========================
   FIX GOLD TITLE LINK
========================= */

a.udanna-gold-title,
a.udanna-gold-title:visited,
a.udanna-gold-title:hover,
a.udanna-gold-title:active,
a.udanna-gold-title:focus {
  color: #c28a12 !important;
  text-decoration: none !important;

  background: linear-gradient(
    90deg,
    #9a6500 0%,
    #c28a12 16%,
    #e2ad2e 34%,
    #ffd45a 50%,
    #e2ad2e 66%,
    #c28a12 84%,
    #9a6500 100%
  ) !important;

  background-size: 340% auto !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;

  animation: udanna-front-gold-wave 6.5s ease-in-out infinite !important;
}