/*
Theme Name: Taridium
Theme URI: https://www.taridium.com
Author: Taridium
Description: Custom block theme for Taridium — business phone, internet, and SMS. Confident Minimal design system: Space Grotesk headings, Source Sans 3 body, cool corporate blue accent.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: taridium
*/

/* Fallback reset — block themes still load this file, mostly for non-block-editor bits */
* { box-sizing: border-box; }
img { max-width: 100%; height: auto; display: block; }

/* ---- Motion: scroll-reveal ---- */
.u-reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.u-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* ---- Hero: soft floating accent shapes ---- */
.hero-bg-anim {
  position: relative;
  overflow: hidden;
}
.hero-bg-anim::before,
.hero-bg-anim::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  opacity: 0.35;
  pointer-events: none;
  z-index: 0;
}
.hero-bg-anim::before {
  width: 420px;
  height: 420px;
  background: var(--wp--preset--color--accent);
  top: -160px;
  right: -120px;
  animation: taridium-float-a 14s ease-in-out infinite;
}
.hero-bg-anim::after {
  width: 320px;
  height: 320px;
  background: var(--wp--preset--color--accent);
  bottom: -140px;
  left: -100px;
  animation: taridium-float-b 16s ease-in-out infinite;
}
.hero-bg-anim > * { position: relative; z-index: 1; }

@keyframes taridium-float-a {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(-24px, 24px); }
}
@keyframes taridium-float-b {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(20px, -18px); }
}

@media (prefers-reduced-motion: reduce) {
  .u-reveal { opacity: 1; transform: none; transition: none; }
  .hero-bg-anim::before, .hero-bg-anim::after { animation: none; }
}

/* ---- Cards ---- */
.taridium-card {
  background: #fff;
  border: 1px solid var(--wp--preset--color--border);
  border-radius: 8px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.taridium-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(30, 36, 48, 0.08);
}

/* ---- Stat numbers ---- */
.taridium-stat-number {
  font-family: var(--wp--preset--font-family--heading);
  font-weight: 700;
  color: var(--wp--preset--color--accent);
}