/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


.menu_alegeri{color:#FF0000!important}

/* Asigura slider-ul ocupa īntreaga īnal?ime disponibila */
.slider-element {
  height: 60vh !important; /* Ajusteaza aceasta valoare dupa preferin?a (ex: 40vh, 50vh, 60vh) */
}

.slider-element,
.slider-inner,
.swiper-container,
.swiper-wrapper,
.swiper-slide {
  height: 80% !important; /* aceste elemente ramān la 100% pentru a urma īnal?imea setata mai sus */
}

.swiper-slide {
  position: relative;
  overflow: hidden;
}

/* Fundalul slide-ului */
.swiper-slide-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: 1;
}

/* Overlay pentru a cre?te lizibilitatea textului */
.swiper-slide-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 2;
}

/* Textul afi?at central ?i vizibil imediat */
.slider-caption {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 10 !important;
  width: 100% !important;
  text-align: center !important;
  color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  padding: 0 20px; /* Optional: padding pentru margini */
}

/* For?eaza titlul ?i paragraful sa fie vizibile indiferent de JS/anima?ii */
.slider-caption h2,
.slider-caption p {
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
  margin: 10px auto !important; /* spa?iere uniforma īntre elemente */
  max-width: 80%; /* pentru text mai estetic pe ecrane mari */
}