/* =============================================================================
   Inner Hero — Industrial Precision
   Pagini interne: Servicii, Soluții, Despre noi, Contact, Proiecte etc.
   NU se aplică pe homepage (template-homepage.php).
   ============================================================================= */

.tp-inner-hero {
  position: relative;
  min-height: 240px;
  display: flex;
  align-items: flex-end;
  padding: 100px 0 48px;
  overflow: hidden;
  background: linear-gradient(
    135deg,
    #1A2332 0%,
    #1e3a2a 35%,
    #2d5a35 65%,
    #3d7a3e 85%,
    #4a8b3f 100%
  );
}

/* Pattern geometric — dot matrix subtil, evocă planuri tehnice */
.tp-inner-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    circle,
    rgba(255,255,255,0.08) 1px,
    transparent 1px
  );
  background-size: 28px 28px;
  pointer-events: none;
  z-index: 1;
}

/* Overlay gradient pentru lizibilitate text */
.tp-inner-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(26,35,50,0.4) 0%,
    transparent 60%
  );
  pointer-events: none;
  z-index: 1;
}

.tp-inner-hero__container {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 48px;
}

/* ── Breadcrumbs ──────────────────────────────────────────────────────────── */
.tp-inner-hero__breadcrumbs {
  font-family: var(--font-mono);
  font-size: 11px;
  color: rgba(255,255,255,0.55);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.tp-inner-hero__breadcrumbs a {
  color: rgba(255,255,255,0.55);
  text-decoration: none;
  transition: color 0.2s;
}

.tp-inner-hero__breadcrumbs a:hover {
  color: var(--tp-green-400, #6DAE4F);
}

.tp-inner-hero__breadcrumbs .sep {
  color: rgba(255,255,255,0.25);
}

/* ── Titlu H1 ─────────────────────────────────────────────────────────────── */
.tp-inner-hero__title {
  font-family: var(--font-display);
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1.15;
  letter-spacing: -0.5px;
  margin: 0 0 0;
  max-width: 700px;
}

/* Accent line sub titlu */
.tp-inner-hero__title::after {
  content: '';
  display: block;
  width: 56px;
  height: 3px;
  background: var(--tp-green-400, #6DAE4F);
  margin-top: 16px;
  border-radius: 2px;
}

/* ── Subtitlu ─────────────────────────────────────────────────────────────── */
.tp-inner-hero__subtitle {
  font-size: 16px;
  color: rgba(255,255,255,0.72);
  line-height: 1.6;
  max-width: 580px;
  margin: 20px 0 0;
}

/* ── Animații fade-in ─────────────────────────────────────────────────────── */
.tp-inner-hero__container > * {
  animation: tpHeroFadeUp 0.5s ease both;
}

.tp-inner-hero__breadcrumbs { animation-delay: 0s; }
.tp-inner-hero__title        { animation-delay: 0.08s; }
.tp-inner-hero__subtitle     { animation-delay: 0.16s; }

@keyframes tpHeroFadeUp {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .tp-inner-hero {
    min-height: 200px;
    padding: 80px 0 36px;
  }

  .tp-inner-hero__container {
    padding: 0 24px;
  }

  .tp-inner-hero__title {
    font-size: clamp(1.5rem, 5vw, 2rem);
  }

  .tp-inner-hero__subtitle {
    font-size: 15px;
  }
}