.elementor-2814 .elementor-element.elementor-element-569c453{--display:flex;}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2814 .elementor-element.elementor-element-7b298b2 .gallery-item .gallery-caption{display:none;}.elementor-2814 .elementor-element.elementor-element-7b298b2 .gallery-item{padding:0 0 13px 13px;}.elementor-2814 .elementor-element.elementor-element-7b298b2 .gallery{margin:0 0 -13px -13px;}/* Start custom CSS for image-gallery, class: .elementor-element-7b298b2 *//* === معرض الصور | حدائق الصحراء === */

/* الشبكة */
.elementor-gallery .gallery-grid,
.gallery .gallery-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 0 auto;
}

/* الكارت (صورة + النص فوقها) */
.elementor-gallery .gallery-item,
.gallery .gallery-item {
  position: relative;
  width: calc(25% - 10px);
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 12px;
  background-color: #e8efe5;
}

/* الصورة */
.elementor-gallery .gallery-item img,
.gallery .gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* التأثير عند المرور */
.elementor-gallery .gallery-item img:hover,
.gallery .gallery-item img:hover {
  transform: scale(1.03);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

/* النص (اسم المشروع) فوق الصورة */
.elementor-gallery .gallery-item .gallery-caption,
.gallery .gallery-item .gallery-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.45); /* خلفية شفافة أنيقة */
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  padding: 8px 6px;
  border-radius: 0 0 12px 12px;
  backdrop-filter: blur(3px);
}

/* للموبايل: عمودين */
@media (max-width: 767px) {
  .elementor-gallery .gallery-item,
  .gallery .gallery-item {
    width: calc(50% - 10px);
  }
}

/* للشاشات الصغيرة جدًا: عمود واحد */
@media (max-width: 420px) {
  .elementor-gallery .gallery-item,
  .gallery .gallery-item {
    width: 100%;
  }
}/* End custom CSS */