/*
Theme Name: ALTOS Teed
Theme URI: https://www.altosteed.ee
Author: ALTOS Teed OÜ
Author URI: https://www.altosteed.ee
Description: WordPress theme for ALTOS Teed OÜ — tee-ehitus ja asfalteerimine
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
License: Proprietary
Text Domain: altosteed
*/

/* ============================================================
   CSS CUSTOM PROPERTIES (from React index.css)
   ============================================================ */
:root {
  --background: 0 0% 100%;
  --foreground: 220 15% 15%;
  --card: 0 0% 98%;
  --card-foreground: 220 15% 15%;
  --popover: 0 0% 100%;
  --popover-foreground: 220 15% 15%;
  --primary: 348 55% 28%;
  --primary-foreground: 0 0% 98%;
  --secondary: 348 20% 94%;
  --secondary-foreground: 348 55% 28%;
  --muted: 220 10% 95%;
  --muted-foreground: 220 10% 40%;
  --accent: 348 45% 35%;
  --accent-foreground: 0 0% 98%;
  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 210 40% 98%;
  --border: 220 10% 88%;
  --input: 220 10% 88%;
  --ring: 348 55% 28%;
  --radius: 0.5rem;
  --gradient-hero: linear-gradient(135deg, hsl(348 55% 22%) 0%, hsl(348 40% 28%) 100%);
  --gradient-maroon: linear-gradient(135deg, hsl(348 55% 28%) 0%, hsl(340 50% 22%) 100%);
  --shadow-glow: 0 0 40px hsl(348 55% 28% / 0.15);
}

* {
  border-color: hsl(var(--border));
}

html {
  overflow-x: hidden;
}

body {
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
  font-family: 'Inter', sans-serif;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  max-width: 100vw;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Space Grotesk', sans-serif;
}

/* ============================================================
   CUSTOM UTILITIES (from React index.css @layer utilities)
   ============================================================ */
.text-gradient-amber {
  background: linear-gradient(135deg, hsl(348 55% 28%) 0%, hsl(348 45% 35%) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.bg-gradient-hero {
  background: var(--gradient-hero);
}

.bg-gradient-maroon {
  background: var(--gradient-maroon);
}

.shadow-glow {
  box-shadow: var(--shadow-glow);
}

/* ============================================================
   HERO ENTRANCE ANIMATIONS (CSS — not AOS)
   ============================================================ */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes bounce {
  0%, 100% { transform: translateX(-50%) translateY(0); }
  50%       { transform: translateX(-50%) translateY(10px); }
}

.hero-animate {
  opacity: 0;
  animation: fadeInUp 0.8s ease-out forwards;
}

.hero-animate-delay-1 { animation-delay: 0.1s; }
.hero-animate-delay-2 { animation-delay: 0.2s; }
.hero-animate-delay-3 { animation-delay: 0.35s; }

.hero-arrow-bounce {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(255,255,255,0.6);
  animation: bounce 2s ease-in-out infinite;
}

/* ============================================================
   WORDPRESS CORE RESETS
   ============================================================ */
img { max-width: 100%; height: auto; }
a { text-decoration: none; }
ul { list-style: none; margin: 0; padding: 0; }