/* ===== CUSTOM STYLES PENTRU FEATURES SECTION ===== */

/* Mărește dimensiunea cercurilor și adaugă imagini de fundal */
.fancy-icon-box-two .icon {
  width: 200px !important;
  height: 200px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 25px !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Ascunde iconițele flaticon vechi */
.fancy-icon-box-two .icon i {
  display: none !important;
}

/* Styling pentru imaginile din PHP */
.fancy-icon-box-two .icon img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  display: block !important;
}

/* Overlay pentru a face imaginile mai vizibile */
.fancy-icon-box-two .icon::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(99, 171, 69, 0.1) !important;
  border-radius: 50% !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* Border și shadow pentru cercuri */
.fancy-icon-box-two .icon {
  border: 3px solid rgba(99, 171, 69, 0.3) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
}

/* fon-images.png fix pe marginile stânga și dreapta a paginii */
.features-section {
  position: relative !important;
  overflow: visible !important;
}

/* fon-images.png pe dreapta */
.features-section::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.4 !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* fon-images.png pe stânga */
.features-section::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.4 !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* Imaginea wine.png în centru între text și căsuțe */
.features-section .row.align-items-xl-center {
  position: relative !important;
}

/* Wine.png sus */
.features-section .row.align-items-xl-center::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-150%, -250%) !important;
  width: 200px !important;
  height: 200px !important;
  background-image: url('/assets/images/features/wine.png') !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  opacity: 0.8 !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* Wine.png jos (oglindită) */
.features-section .row.align-items-xl-center::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;
  transform: translate(-150%, -50%) !important;
  width: 200px !important;
  height: 200px !important;
  background-image: url('/assets/images/features/wine.png') !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  opacity: 0.8 !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* Responsive pentru ambele imagini */
@media (max-width: 1600px) {
  .features-section::before,
  .features-section::after {
    opacity: 0.2 !important;
    width: 150px !important;
  }
}

@media (max-width: 1399px) {
  .features-section::before,
  .features-section::after {
    opacity: 0.4 !important;
    width: 120px !important;
  }
  .features-section .row.align-items-xl-center::before {
    width: 200px !important;
    height: 200px !important;
  }
}

@media (max-width: 1200px) {
  .features-section::before,
  .features-section::after,
  .features-section .row.align-items-xl-center::before,
  .features-section .row.align-items-xl-center::after {
    display: none !important;
  }
}

/* Animații pentru cercuri */
.fancy-icon-box-two .icon {
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* Hover effect */
.fancy-icon-box-two:hover .icon {
  transform: scale(1.05) !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15) !important;
  border-color: rgba(99, 171, 69, 0.5) !important;
}

/* Centrează box-urile */
.fancy-icon-box-two {
  text-align: center !important;
}

/* Styling pentru card-ul ca link */
a.fancy-icon-box-two.feature-card-link {
  display: block !important;
  text-decoration: none !important;
  color: inherit !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

a.fancy-icon-box-two.feature-card-link:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}

a.fancy-icon-box-two.feature-card-link:hover .title {
  color: #63AB45 !important;
}

/* Responsive - pe mobile, păstrează dimensiunea */
@media (max-width: 767px) {
  .fancy-icon-box-two .icon {
    width: 100px !important;
    height: 100px !important;
  }
}