/* ===== CUSTOM STYLES PENTRU GALLERY SECTION ===== */

/* fon-images.png lene pe marginile stânga și dreapta */
.gallery-section-two {
  position: relative !important;
  overflow: visible !important;
}

/* fon-images.png pe dreapta */
.gallery-section-two::after {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 200px !important;
  background-image: url('/assets/images/features/fon-images.png') !important;
  background-size: contain !important;
  background-position: center right !important;
  background-repeat: repeat-y !important;
  opacity: 0.15 !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* fon-images.png pe stânga */
.gallery-section-two::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 200px !important;
  background-image: url('/assets/images/features/fon-images.png') !important;
  background-size: contain !important;
  background-position: center left !important;
  background-repeat: repeat-y !important;
  opacity: 0.15 !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* Mărește imaginea în gallery item */
.single-gallery-item-two .img-holder {
  height: 350px !important;
  overflow: hidden !important;
}

.single-gallery-item-two .img-holder img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  transition: transform 0.4s ease !important;
}

.single-gallery-item-two:hover .img-holder img {
  transform: scale(1.1) !important;
}

/* Layout pentru content în gallery item */
.single-gallery-item-two .content {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
}

/* Titlul să fie flexibil */
.single-gallery-item-two .content .title {
  flex: 1 !important;
  margin: 0 !important;
}

/* Container pentru buton */
.single-gallery-item-two .gallery-links {
  display: block !important;
  flex-shrink: 0 !important;
}

/* Styling pentru butonul de detalii */
.single-gallery-item-two .gallery-btn {
  padding: 10px 24px !important;
  font-size: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  white-space: nowrap !important;
  transition: all 0.3s ease !important;
}

.single-gallery-item-two .gallery-btn i {
  font-size: 12px !important;
  transition: transform 0.3s ease !important;
}

.single-gallery-item-two .gallery-btn:hover i {
  transform: translateX(5px) !important;
}

/* Responsive pentru lene și gallery */
@media (max-width: 1400px) {
  .gallery-section-two::before,
  .gallery-section-two::after {
    width: 150px !important;
    opacity: 0.1 !important;
  }
}

@media (max-width: 1200px) {
  .gallery-section-two::before,
  .gallery-section-two::after {
    width: 120px !important;
    opacity: 0.08 !important;
  }
}

@media (max-width: 991px) {
  .gallery-section-two::before,
  .gallery-section-two::after {
    display: none !important;
  }
}

/* Responsive pentru mobile */
@media (max-width: 767px) {
  .single-gallery-item-two .img-holder {
    height: 350px !important;
  }
  
  .single-gallery-item-two .content {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  
  .single-gallery-item-two .content .title {
    font-size: 18px !important;
  }
  
  .single-gallery-item-two .gallery-btn {
    width: 100% !important;
    justify-content: center !important;
  }
}

@media (max-width: 576px) {
  .single-gallery-item-two .img-holder {
    height: 280px !important;
  }
}