/* style.css */
body {
  margin: 0;
  font-family: 'Montserrat', sans-serif;
  background: #f6f6fb; /* Atenție: În HTML folosești clase Tailwind pentru fundal, acest stil s-ar putea să nu fie vizibil */
}

/* Atenție: Aceste stiluri pot fi suprascrise de clasele Tailwind din HTML */
.header {
  width: 100%;
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 1000; /* În HTML ai z-50 */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); /* În HTML ai shadow-sm */
}

/* Atenție: Această clasă .container pare nefolosită în HTML-ul furnizat */
.container {
  max-width: 1920px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 60px;
}

/* Atenție: Această clasă .logo pare nefolosită în HTML-ul furnizat */
.logo {
  width: 360px;
  height: auto;
}

/* Atenție: Aceste stiluri pot fi suprascrise de clasele Tailwind din HTML */
.nav a {
  font-size: 25px; /* În HTML ai text-xl */
  font-weight: 400; /* În HTML ai font-medium */
  color: #333;
  text-decoration: none;
  margin-left: 50px; /* În HTML ai space-x-... */
  display: inline-block;
  padding: 10px 0;
  transition: color 0.3s ease; /* În HTML ai transition ... */
}

/* Atenție: Aceste stiluri pot fi suprascrise de clasele Tailwind din HTML */
.nav a:hover {
  color: #b88b1a; /* În HTML ai hover:text-[#b88b1a] */
}

/* În styles.css */

/* Ascunde scrollbar pentru Chrome, Safari și Opera */
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

/* Ascunde scrollbar pentru IE, Edge și Firefox */
.scrollbar-hide {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* Stiluri pentru liniile laterale ale indicatorului de plan */
.plan-indicator-lines::before,
.plan-indicator-lines::after {
  content: ''; /* Necesar pentru pseudo-elemente */
  position: absolute; /* Poziționare relativă la div */
  top: 50%; /* Aliniază vertical la centru */
  height: 2px; /* Grosimea liniei (aceeași cu border-2) */
  background-color: #CAA228; /* Culoarea aurie */
  width: 50px; /* Lățimea liniilor laterale - AJUSTEAZĂ AICI */
  transform: translateY(-50%); /* Centrează perfect vertical */
  z-index: -1; /* Pune liniile în spatele textului/conturului principal */
}

.plan-indicator-lines::before {
  left: 0; /* Poziționează linia stânga */
  transform: translateX(-100%) translateY(-50%); /* Mută complet în afara div-ului spre stânga */
}

.plan-indicator-lines::after {
  right: 0; /* Poziționează linia dreapta */
  transform: translateX(100%) translateY(-50%); /* Mută complet în afara div-ului spre dreapta */
}

html {
  scroll-behavior: smooth;
}