:root {
  --accent: #e8850a;
  --bg: #1a1a1a;
  --text: #f3f4f6;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--bg);
  color: var(--text);
  overflow-x: hidden;
}

/* Industrial Texture Overlay */
.noise-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 9999;
  opacity: 0.05;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
}

.diagonal-stripes {
  background: repeating-linear-gradient(
    45deg,
    rgba(232, 133, 10, 0.1),
    rgba(232, 133, 10, 0.1) 10px,
    transparent 10px,
    transparent 20px
  );
}

/* Typography Overrides */
h1, h2, h3, h4, .btn-font {
  font-family: 'Oswald', sans-serif;
  letter-spacing: -0.01em;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #000;
}

::-webkit-scrollbar-thumb {
  background: var(--accent);
}

::-webkit-scrollbar-thumb:hover {
  background: white;
}

/* Sections reveal setup
   Default: continut VIZIBIL. Ascundem doar cand JS e activ (clasa .js),
   iar daca GSAP nu se incarca (.no-anim) revenim la vizibil. */
.js .reveal {
  opacity: 0;
}

.js.no-anim .reveal {
  opacity: 1 !important;
  transform: none !important;
}

/* Carousel Styles — slide-uri ca <img> object-cover */
.carousel-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: transform 10s linear;
}

.carousel-slide.active {
  opacity: 1;
  transform: scale(1.1);
}

.active-dot {
  background-color: var(--accent) !important;
  border-color: var(--accent) !important;
}

/* Industrial Buttons */
.btn-industrial {
  position: relative;
  transition: transform 0.1s;
}

.btn-industrial:active {
  transform: scale(0.98);
}

/* Grid layout fix for mobile */
@media (max-width: 768px) {
    .container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

/* Grayscale Map */
iframe {
    filter: grayscale(1) invert(0.9) contrast(1.2);
}

/* Cum functioneaza — numar hover */
.how-num {
  opacity: 0.35;
  transition: opacity 0.35s ease, color 0.35s ease;
}

.how-card:hover .how-num {
  opacity: 1;
  color: #e8850a;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .carousel-slide { transition: none; }
  .carousel-slide.active { transform: none; }
}