/*
 Theme Name: Astra Kakuweb Child
 Theme URI: https://kakuweb.eu/
 Author: Kaimar / Kakuweb
 Author URI: https://kakuweb.eu/
 Description: Astra child-teema kakuwebi ruudulise ja helendava tausta ning tumeda kastiga footeriga. Sisu on täielikult muudetav Astra header/footer builderiga.
 Version: 1.2.0
 Template: astra
 Text Domain: astra-kakuweb-child
*/

/* --- BAAS: kogu lehele tume ruuduline + gradient-taust --- */

html, body {
  height: 100%;
}

html {
  position: relative;
  background-color: #020617; /* väga tume sinakas */
}

/* Eemalda valged taustad, et ruudud ja gradient paistaksid läbi */
body,
.site,
.site-content,
#content,
.ast-container,
.site-main {
  background: transparent !important;
}

/* Ruuduline grid */
html::before {
  content: "";
  position: fixed;
  inset: 0;
  background-image:
    linear-gradient(rgba(148, 163, 184, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, 0.07) 1px, transparent 1px);
  background-size: 80px 80px;
  opacity: 0.6;
  pointer-events: none;
  z-index: -2;
}

/* Helendavad värvilised laigud + aeglane vilkumine */
html::after {
  content: "";
  position: fixed;
  inset: 0;
  background:
    radial-gradient(circle at 0% 60%, rgba(56, 189, 248, 0.22), transparent 55%),
    radial-gradient(circle at 100% 20%, rgba(168, 85, 247, 0.35), transparent 60%),
    radial-gradient(circle at 60% 80%, rgba(34, 197, 94, 0.25), transparent 55%),
    radial-gradient(circle at center, rgba(15, 23, 42, 0.4), rgba(15, 23, 42, 0.95));
  mix-blend-mode: screen;
  opacity: 0.9;
  animation: kaku-bg-pulse 20s ease-in-out infinite alternate;
  pointer-events: none;
  z-index: -1;
}

@keyframes kaku-bg-pulse {
  0% {
    opacity: 0.8;
    transform: translate3d(0, 0, 0);
  }
  50% {
    opacity: 1;
    transform: translate3d(0, -10px, 0);
  }
  100% {
    opacity: 0.9;
    transform: translate3d(0, 0, 0);
  }
}

/* Teksti üldvärv */
body {
  color: #e5e7eb;
}

/* --- HEADER: sulanda Astra header taustaga --- */

#masthead,
.main-header-bar,
.main-header-bar-wrap {
  background: transparent !important;
}

#masthead {
  position: sticky;
  top: 0;
  z-index: 20;
  border-bottom: 1px solid rgba(148, 163, 184, 0.25);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.9);
}

/* gradient overlay headeriribale */
#masthead::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(2,6,23,0.96) 0%, rgba(2,6,23,0.96) 40%, rgba(76,29,149,0.78) 100%);
  z-index: -1;
}

/* sisu natuke ruumi, et grid ei kleepuks kohe headeri alla */
.site-content {
  padding-top: 24px;
  padding-bottom: 40px;
}

/* --- FOOTER: tume kast, aga sisu tuleb Astra Footer Builderist --- */

.site-footer {
  padding: 40px 24px 24px;
  font-size: 14px;
  color: #9ca3af;
  border-top: 1px solid rgba(148, 163, 184, 0.28);
  background: rgba(15, 23, 42, 0.96); /* tume kast üle kogu footer-area */
}

/* Astra footer builderi ridade sees natuke spacingut */
.site-footer .ast-builder-grid-row {
  gap: 32px;
}

/* footer lingid */
.site-footer a {
  color: #9ca3af;
  text-decoration: none;
}

.site-footer a:hover {
  color: #e5e7eb;
}

/* alumine copyright-rida */
.site-footer .ast-footer-copyright {
  font-size: 13px;
}

/* Kui kasutad HTML elementi oma brändikastiks, saad lisada klassid:
   kaku-footer-logo-row, kaku-footer-logo-badge, kaku-footer-brand, kaku-footer-desc
   ja need stiilid annavad sama välimuse nagu mockup-il. */

.kaku-footer-logo-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.kaku-footer-logo-badge {
  width: 44px;
  height: 44px;
  border-radius: 16px;
  background: linear-gradient(135deg, #06b6d4, #4f46e5, #a855f7);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #020617;
  font-weight: 700;
  font-size: 22px;
}

.kaku-footer-brand {
  font-size: 18px;
  font-weight: 700;
  color: #e5e7eb;
}

.kaku-footer-desc {
  font-size: 14px;
  color: #9ca3af;
  max-width: 320px;
}