/* ============================================================
   interclean — BASE STYLES
   Reset, Variabile, Tipografie Globală și Utilitare
   ============================================================ */

@import url('https://fonts.cdnfonts.com/css/gotham-nights-3');

:root {
  --black:   #0a0a0a;
  --bggray:  #111111;
  --yellow:  rgb(255,193,22);
  --white:   #FFFFFF;
  --gray:    #1A1A1A;
  --gray2:   #2C2C2C;
  --gray3:   #3A3A3A;
  --text:    #BBBBBB;
  --nav-bg:  rgb(17,17,17,0.9);
}

/* ── Reset & Global ── */
*, *::before, *::after { 
  box-sizing: border-box; 
  margin-top: 0; 
  padding: 0; 
}

html { 
  scroll-behavior: smooth; 
  background-color: var(--black); 
}

body {
  background-color: var(--bggray);
  color: var(--white);
  font-family: 'Poppins', sans-serif; 
  letter-spacing: 0.01em;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  cursor: none; /* Ascundem cursorul default pentru cel custom */
}

/* ── Tipografie Globală ── */
h1, .hero-content h1, h2, .section-title {
  font-family: 'Poppins', sans-serif !important; /* Changed to Poppins */
  line-height: 1.05;
  color: var(--white);
  opacity: 1 !important;
}

h1 span, .section-title span { 
  color: var(--yellow) !important; 
}

/* ── Utilitare Secțiuni ── */
.section { 
  padding: 100px 60px; 
}

.section-header { 
  margin-bottom: 64px; 
}

.section-label {
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  letter-spacing: .2em; 
  text-transform: uppercase; 
  color: var(--black);
  margin-bottom: 16px; 
  display: flex; 
  align-items: center; 
  gap: 5px;
  padding-top: 10px;
}

.section-label::before { 
  content: ''; 
  width: 30px; 
  height: 2px; 
  background: var(--yellow); 
}

/* ── Cursor Custom ── */
.cursor {
  position: fixed; top: 0; left: 0; pointer-events: none; z-index: 9999;
  width: 12px; height: 12px; background: var(--yellow); border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width .15s, height .15s;
}

/* ── Animații Fade-in ── */
.fade-in { 
  opacity: 0; 
  transform: translateY(20px); 
  transition: opacity .6s ease-out, transform .6s ease-out; 
}

.fade-in.visible { 
  opacity: 1 !important; 
  transform: translateY(0) !important; 
}

@media (prefers-reduced-motion: reduce) { 
  .fade-in { 
    opacity: 1; 
    transform: none; 
  } 
}

/* ── Placeholders & Text Utilitare ── */
.partner-placeholder {
  width: 160px; height: 70px;
  background: var(--gray2); border: 1px dashed var(--gray3);
  display: flex; align-items: center; justify-content: center;
}
.partner-placeholder span {
  font-family: 'Barlow Condensed', sans-serif; font-size: 14px;
  letter-spacing: .15em; text-transform: uppercase; color: var(--text);
}

.photo-placeholder { 
  display: flex; align-items: center; justify-content: center; 
  border: 1px dashed var(--gray3); 
}
.photo-placeholder span { 
  font-family: 'Bebas Neue', sans-serif; font-size: 48px; 
  color: rgba(245,232,0,.15); letter-spacing: .1em; 
}