.elementor-2592 .elementor-element.elementor-element-c75fe02{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2592 .elementor-element.elementor-element-c75fe02:not(.elementor-motion-effects-element-type-background), .elementor-2592 .elementor-element.elementor-element-c75fe02 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-2592 .elementor-element.elementor-element-08c3a39 .elementor-gallery-item__overlay{background-color:#D1E9FF;}.elementor-2592 .elementor-element.elementor-element-08c3a39 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-2592 .elementor-element.elementor-element-08c3a39 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:#B6DCFF;}.elementor-2592 .elementor-element.elementor-element-08c3a39{--image-border-color:var( --e-global-color-accent );--image-border-width:4px;--image-transition-duration:800ms;--overlay-mix-blend-mode:multiply;--overlay-transition-duration:1000ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}/* Start custom CSS for gallery, class: .elementor-element-08c3a39 *//* ===== Galerie Mosaic — ART PLUS ===== */
/* أضِف class: gal-mosaic على ويدجت الجاليري */

.gal-mosaic .elementor-gallery__container{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 14px;                 /* المسافة بين العناصر */
}

/* بطاقة الصورة */
.gal-mosaic .elementor-gallery-item{
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
  transition: transform .35s ease, box-shadow .35s ease;
  will-change: transform;
  /* القاعدة: كل عنصر يْشد 3 أعمدة (يتبدل بالنث-تشايلد تحت) */
  grid-column: span 3;
}

/* داخل البطاقة: الرابط يكون صندوق بنسبة محدّدة */
.gal-mosaic .elementor-gallery-item > a{
  display: block;
  width: 100%;
  height: 100%;
  /* النسبة الافتراضية مربّع */
  aspect-ratio: 1 / 1;
  position: relative;
}

/* الصورة تملى الصندوق */
.gal-mosaic .elementor-gallery-item img{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform .45s ease;
}

/* هوڤر عصري: زوم خفيف + روتاسيون صغيرة + ظل أقوى */
.gal-mosaic .elementor-gallery-item:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 40px rgba(0,0,0,.12);
}
.gal-mosaic .elementor-gallery-item:hover img{
  transform: scale(1.06) rotate(.6deg);
}

/* كابتشن Overlay من الأسفل */
.gal-mosaic .elementor-gallery-item .elementor-gallery-item__caption{
  position: absolute; left: 0; right: 0; bottom: 0;
  margin: 0; padding: 12px 14px;
  color: #fff; font-size: 14px; line-height: 1.45;
  background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.55));
  opacity: 0; transform: translateY(10px);
  transition: all .25s ease;
  pointer-events: none;
}
.gal-mosaic .elementor-gallery-item:hover .elementor-gallery-item__caption{
  opacity: 1; transform: translateY(0);
}

/* ===== نمط الموزاييك (غير نمطي) عبر nth-child =====
   يتكرر النمط كل 12 صورة: بلاطات كبيرة وعريضة وطويلة ومتوسطة
*/

/* 1) صورة عريضة (بانر) */
.gal-mosaic .elementor-gallery-item:nth-child(12n + 1){
  grid-column: span 6;
}
.gal-mosaic .elementor-gallery-item:nth-child(12n + 1) > a{
  aspect-ratio: 2 / 1;
}

/* 2) مربعات صغيرة افتراضية (span 3) — ما نلمسهاش */

/* 3) مربعات طويلة (طول أكثر) */
.gal-mosaic .elementor-gallery-item:nth-child(12n + 4),
.gal-mosaic .elementor-gallery-item:nth-child(12n + 5){
  grid-column: span 3;
}
.gal-mosaic .elementor-gallery-item:nth-child(12n + 4) > a,
.gal-mosaic .elementor-gallery-item:nth-child(12n + 5) > a{
  aspect-ratio: 3 / 4; /* portrait */
}

/* 4) مربع كبير جداً */
.gal-mosaic .elementor-gallery-item:nth-child(12n + 6){
  grid-column: span 6;
}
.gal-mosaic .elementor-gallery-item:nth-child(12n + 6) > a{
  aspect-ratio: 1 / 1; /* big square */
}

/* 5) بلاطات وسط (span 4) بنِسَب متنوعة */
.gal-mosaic .elementor-gallery-item:nth-child(12n + 8),
.gal-mosaic .elementor-gallery-item:nth-child(12n + 9),
.gal-mosaic .elementor-gallery-item:nth-child(12n + 10){
  grid-column: span 4;
}
.gal-mosaic .elementor-gallery-item:nth-child(12n + 8) > a{ aspect-ratio: 4 / 5; } /* عمودي أنيق */
.gal-mosaic .elementor-gallery-item:nth-child(12n + 9) > a{ aspect-ratio: 5 / 4; } /* أفقي */
.gal-mosaic .elementor-gallery-item:nth-child(12n + 10) > a{ aspect-ratio: 4 / 3; } /* أفقي كلاسيك */

/* 6) ختام المجموعة (11-12) مربعات عادية أو portrait خفيف */
.gal-mosaic .elementor-gallery-item:nth-child(12n + 11) > a{ aspect-ratio: 1 / 1; }
.gal-mosaic .elementor-gallery-item:nth-child(12n + 12) > a{ aspect-ratio: 3 / 4; }

/* ===== Responsive ===== */

/* Tablet (≤1024px): شبكة 6 أعمدة */
@media (max-width: 1024px){
  .gal-mosaic .elementor-gallery__container{
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
  }
  .gal-mosaic .elementor-gallery-item{ grid-column: span 3; } /* القاعدة */
  .gal-mosaic .elementor-gallery-item:nth-child(12n + 1),
  .gal-mosaic .elementor-gallery-item:nth-child(12n + 6){
    grid-column: span 6; /* الكبيرة تْبقى كبيرة */
  }
  .gal-mosaic .elementor-gallery-item:nth-child(12n + 8),
  .gal-mosaic .elementor-gallery-item:nth-child(12n + 9),
  .gal-mosaic .elementor-gallery-item:nth-child(12n + 10){
    grid-column: span 3; /* وسط ترجع متوسطة */
  }
}

/* Mobile (≤767px): عمودان، كلشي يُملأ العرض */
@media (max-width: 767px){
  .gal-mosaic .elementor-gallery__container{
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .gal-mosaic .elementor-gallery-item{ grid-column: span 2; }
  .gal-mosaic .elementor-gallery-item > a{ aspect-ratio: 1 / 1; } /* مربعات متساوية للموبايل */
  .gal-mosaic .elementor-gallery-item .elementor-gallery-item__caption{
    opacity: 1; transform: none; font-size: 13px; /* لا يوجد hover على الموبايل */
    background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.45));
  }
}
/* ===== Background élégant & animé – ART PLUS ===== */
.bg-artplus{
  position: relative;
  isolation: isolate; /* باش الطبقات ما تتداخلش مع باقي الصفحة */
  color: #eee;
  /* تدرّج أسود راقي */
  background:
    radial-gradient(1200px 600px at 20% -10%, rgba(255,106,61,.16), transparent 60%),
    radial-gradient(800px 480px at 85% 5%, rgba(255,255,255,.06), transparent 50%),
    linear-gradient(180deg, #0f0f10 0%, #151517 100%);
  overflow: hidden;
}

/* طبقة نقطية شفافة (pattern) */
.bg-artplus::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(2px 2px at 12px 12px, rgba(255,255,255,.06) 50%, transparent 51%) 0 0 / 24px 24px;
  opacity:.35; pointer-events:none; mix-blend-mode:overlay;
}

/* فقاعات لونية ناعمة تتحرك ببطء */
.bg-artplus::after{
  content:"";
  position:absolute; inset:-10% -10%;
  background:
    radial-gradient(300px 300px at 15% 20%, rgba(255,106,61,.18), transparent 60%),
    radial-gradient(260px 260px at 85% 30%, rgba(255,106,61,.10), transparent 60%),
    radial-gradient(220px 220px at 65% 80%, rgba(255,255,255,.05), transparent 60%);
  filter: blur(20px);
  animation: bg-drift 28s ease-in-out infinite alternate;
  pointer-events:none;
  z-index:-1;
}

@keyframes bg-drift{
  0%   { transform: translate3d(0,0,0) scale(1); }
  50%  { transform: translate3d(-2%, 2%, 0) scale(1.02); }
  100% { transform: translate3d(2%, -2%, 0) scale(1.03); }
}

/* احترام تفضيل تقليل الحركة */
@media (prefers-reduced-motion: reduce){
  .bg-artplus::after{ animation: none; }
}/* End custom CSS */