/* =========================================================
   GLOBAL VARIABLES
   ========================================================= */
:root{
  /* Brand palette */
  --c-blue-dark:#0A2740;           /* الأزرق الغامق */
  --c-ivory:#F8F6F2;               /* العاجي */

  /* Neon accent */
  --c-logo-neon:#0fd3ff;           /* غيّره لو لوجو نيون مختلف */
  --neon-soft:color-mix(in oklab,var(--c-logo-neon) 65%,transparent);
  --neon-strong:color-mix(in oklab,var(--c-logo-neon) 85%,transparent);
}

/* =========================================================
   GENERIC UTILITIES
   ========================================================= */
.s-block--slider-with-bg .slider-bg::before{
  content:"";position:absolute;inset:0;
  background-color:rgb(0 0 0 / 0%);opacity:.6;
}

/* -------------------- Headings -------------------- */
h2.w-full.da-cp{
  width:100%;
  margin:clamp(12px,2vw,28px) 0 clamp(6px,1.2vw,12px);
  text-align:center;color:var(--c-blue-dark);
  font:800 clamp(22px,5vw,36px)/1.2 inherit;
  letter-spacing:.2px;position:relative;
  transition:transform .25s,text-shadow .25s;
}
h2.w-full.da-cp::after{
  content:"";display:block;height:3px;width:56px;
  margin:12px auto 0;background:currentColor;
  border-radius:999px;opacity:.7;
  transform-origin:center;transform:scaleX(.6);
  transition:transform .35s,opacity .35s;
}
h2.w-full.da-cp:hover{transform:translateY(-2px);
  text-shadow:0 2px 14px color-mix(in oklab,var(--c-blue-dark) 30%,transparent);}
h2.w-full.da-cp:hover::after{opacity:1;transform:scaleX(1);}
.bg-ivory h2.w-full.da-cp{background:transparent;}
@media(prefers-reduced-motion:reduce){
  h2.w-full.da-cp,h2.w-full.da-cp::after{transition:none!important;}
}

/* =========================================================
   SQUARE‑GRID (NEON BANNERS)
   ========================================================= */
.square-grid .banner-square,
.square-grid .banner-square .box-img,
.square-grid .banner-square img{border-radius:5px 50px 5px 50px!important;}
html:not([dir="rtl"]) .square-grid .banner-square,
html:not([dir="rtl"]) .square-grid .banner-square .box-img,
html:not([dir="rtl"]) .square-grid .banner-square img{border-radius:50px 5px 50px 5px!important;}

.square-grid .banner-square{
  border:2.5px solid var(--c-logo-neon)!important;
  box-shadow:var(--shadow-card),
             0 0 0 2px rgb(255 255 255 / .18) inset,
             0 0 14px var(--neon-soft),
             0 0 28px var(--neon-soft);
  transition:transform .35s,box-shadow .35s,border-color .35s;
}
.square-grid .banner-square:hover,
.square-grid .banner-square:focus-within{
  transform:translateY(-6px);
  box-shadow:var(--shadow-card-hover),
             0 0 0 2px rgb(255 255 255 / .18) inset,
             0 0 18px var(--neon-strong),
             0 0 42px var(--neon-strong),
             0 0 64px var(--neon-soft);
  border-color:var(--c-logo-neon);
}
.square-grid .banner-square img{
  filter:none!important;transform:scale(1.02);
  transition:transform .6s cubic-bezier(.22,1,.23,1);
}
.square-grid .banner-square:hover img,
.square-grid .banner-square:focus-within img{transform:scale(1.06);}

section .square-grid{
  padding-block-start:clamp(8px,1.6vw,14px)!important;
  row-gap:clamp(10px,1.8vw,24px)!important;
  padding-bottom:50px;
}

/* =========================================================
   LATEST‑PRODUCTS SLIDER (id="slider-with-bg-2")
   ========================================================= */
#slider-with-bg-2{position:relative;overflow:hidden;background:#eaf6ff;}
#slider-with-bg-2::before{
  content:"";position:absolute;inset:0;
  background:color-mix(in oklab,var(--c-blue-dark) 8%,transparent);
  opacity:.15;pointer-events:none;
}

/* ----- Section title ----- */
#slider-with-bg-2 .s-slider-block__title h2{
  width:100%;margin:clamp(14px,2.5vw,32px) 0;
  text-align:center;color:var(--c-blue-dark);
  font:800 clamp(22px,5vw,36px)/1.2 inherit;
  letter-spacing:.2px;position:relative;
  transition:transform .25s,text-shadow .25s;
}
#slider-with-bg-2 .s-slider-block__title h2::after{
  content:"";display:block;height:3px;width:56px;
  margin:12px auto 0;background:currentColor;
  border-radius:999px;opacity:.7;
  transform-origin:center;transform:scaleX(.6);
  transition:transform .35s,opacity .35s;
}
#slider-with-bg-2 .s-slider-block__title h2:hover{
  transform:translateY(-2px);
  text-shadow:0 2px 14px color-mix(in oklab,var(--c-blue-dark) 30%,transparent);}
#slider-with-bg-2 .s-slider-block__title h2:hover::after{opacity:1;transform:scaleX(1);}

/* ----- Arrows ----- */
#slider-with-bg-2 .s-slider-nav-arrow{
  background:var(--c-blue-dark)!important;color:#fff!important;
  border-radius:8px;width:38px;height:38px;
  transition:background .25s;
}
#slider-with-bg-2 .s-slider-nav-arrow:hover{
  background:color-mix(in oklab,var(--c-blue-dark) 70%,#fff);}

/* ----- Cards ----- */
#slider-with-bg-2 .s-product-card-entry{
  position:relative;
  border:2px solid var(--c-blue-dark);
  border-radius:5px 50px 5px 50px!important;
  background:var(--c-ivory);
  box-shadow:0 2px 4px rgb(0 0 0 / .05),
             0 6px 14px rgb(0 0 0 / .07);
  transform:scale(.92);
  transition:transform .35s,box-shadow .35s;
}
#slider-with-bg-2 .s-product-card-entry:hover{
  transform:scale(.96) translateY(-4px);
  box-shadow:0 4px 10px rgb(0 0 0 / .06),
             0 10px 24px rgb(0 0 0 / .09);
}

/* Card image */
#slider-with-bg-2 .s-product-card-image img{
  border-radius:5px 50px 5px 50px!important;
  filter:none!important;transform:scale(1);
  transition:transform .5s cubic-bezier(.22,1,.23,1);
}
#slider-with-bg-2 .s-product-card-entry:hover .s-product-card-image img{
  transform:scale(1.04);}

/* Promotion label centred */
#slider-with-bg-2 .s-product-card-promotion-title{
  position:absolute;top:8px;left:50%;
  transform:translateX(-50%);max-width:92%;
  padding:4px 12px;font-size:13px;line-height:1.3;
  text-align:center;white-space:normal;border-radius:8px;z-index:2;
}

/* Slide gap & visible count */
#slider-with-bg-2 .swiper-slide{padding-inline:4px!important;}
@media(min-width:992px){#slider-with-bg-2 .swiper-slide{width:25%!important;}}
@media(max-width:991.98px) and (min-width:768px){
  #slider-with-bg-2 .swiper-slide{width:33.3333%!important;}}
@media(max-width:767.98px) and (min-width:480px){
  #slider-with-bg-2 .swiper-slide{width:50%!important;}}
@media(max-width:479.98px){#slider-with-bg-2 .swiper-slide{width:100%!important;}}

/* Motion‑reduction */
@media(prefers-reduced-motion:reduce){
  #slider-with-bg-2 .s-product-card-entry,
  #slider-with-bg-2 .s-product-card-image img,
  #slider-with-bg-2 .s-slider-block__title h2,
  #slider-with-bg-2 .s-slider-block__title h2::after{transition:none!important;}
}

/* =========================================================
   HERO FULL‑WIDTH SLIDER (id="main-slider-0")
   ========================================================= */
.home-slider.main-slider{
  position:relative;overflow:hidden;
  min-height:clamp(34vh,48vw,56vh);}
@media(max-width:767.98px){.home-slider.main-slider{min-height:42vh;}}

.home-slider.main-slider .swiper-slide{position:relative;}
.home-slider.main-slider img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  filter:brightness(.93) contrast(1.02) saturate(1.05);
  transform:none;transition:filter .8s ease;
}

/* Angled overlay */
.home-slider.main-slider::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
  background:linear-gradient(45deg,
              color-mix(in oklab,var(--c-blue-dark) 60%,transparent) 0%,
              transparent 60%);opacity:.35;}

/* Bottom gradient for readability */
#main-slider-0 .swiper-slide::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to bottom,
              rgba(0,0,0,0) 55%,rgba(10,39,64,.55) 100%);opacity:.5;}

/* Parallax‑shadow transition */
.home-slider.main-slider .swiper-slide::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:rgba(0,0,0,.28);opacity:0;transform:translateX(-20px);
  transition:opacity .9s,transform .9s;
}
.home-slider.main-slider .swiper-slide-next::before,
.home-slider.main-slider .swiper-slide-prev::before{
  opacity:.25;transform:translateX(0);}
.home-slider.main-slider .swiper-slide-active::before{
  opacity:0;transform:translateX(20px);}

/* Pagination bullets */
#main-slider-0 .swiper-pagination-bullet{
  width:12px;height:12px;margin:0 4px!important;
  border:2px solid var(--c-blue-dark);background:var(--c-ivory);
  opacity:.6;transition:transform .25s,opacity .25s;}
#main-slider-0 .swiper-pagination-bullet-active{
  transform:scale(1.25);background:var(--c-blue-dark);opacity:1;}
@media(max-width:767.98px){
  #main-slider-0 .swiper-pagination-bullet{width:10px;height:10px;}}

/* Nav arrows (optional) */
#main-slider-0 .s-slider-nav-arrow{
  background:var(--c-blue-dark);color:#fff;
  width:42px;height:42px;border-radius:50%;opacity:.85;
  transition:background .25s,transform .25s,opacity .25s;}
#main-slider-0 .s-slider-nav-arrow:hover{
  background:color-mix(in oklab,var(--c-blue-dark) 70%,#fff);
  transform:translateY(-3px);opacity:1;}

/* Motion‑reduction */
@media(prefers-reduced-motion:reduce){
  .home-slider.main-slider .swiper-slide::before,
  .home-slider.main-slider img{transition:none!important;}
}

.menu-silde_link .text-white {
    color: black !important; /* تغيير اللون إلى الأسود */
    font-size: 16px; /* تحديد حجم الخط */
    font-weight: 500; /* جعل الخط سميكًا قليلاً */
    text-transform: none; /* إلغاء تحويل النص إلى حروف كبيرة (إذا كان موجودًا) */
    padding: 10px 15px; /* إضافة بعض الحشو لتوسيع المنطقة القابلة للنقر */
    display: inline-block; /* تأكيد أن العنصر يكون مستعرض */
}

.menu-silde_link:hover .text-white {
    color: #333; /* تغيير اللون عند التمرير */
    text-decoration: none; /* إزالة التسطير عند التمرير */
}

/* الزر الأصلي */
#wa-angel{
  position: fixed !important;
  z-index: 9999 !important;
}

/* زرار الواتساب */
#wa-angel > a{
  width: 56px !important;
  height: 56px !important;
  background:#25D366 !important;
  border-radius:50% !important;
  display:flex;align-items:center;justify-content:center;
  box-shadow: 0 6px 18px rgba(0,0,0,.18);
  position: relative;
  transition: transform .25s ease, box-shadow .25s ease;
  overflow: visible !important;   /* مهم عشان النص يبان */
}

/* أيقونة */
#wa-angel i{
  font-size: 2rem !important;
  color:#fff !important;
}

/* النقطة الحمراء */
#wa-angel > a::after{
  content:"";
  position:absolute;
  top:4px; 
  right:4px;
  width:10px;height:10px;
  background:#F53939;
  border:2px solid #fff;
  border-radius:50%;
}

/* الهالة */
#wa-angel::after{
  content:"";
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  width:88px; height:88px;
  background: rgba(37,211,102,.16);
  border-radius:50%;
  z-index:-1;
  animation: wazz-ping 2.6s infinite ease-out;
}

/* كلمة المبيعات */
#wa-angel > a::before{
  content:"المبيعات";
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  right: calc(100% + 12px);   /* على الشمال من الزر */
  background:#fff;
  color:#333;
  font-size:14px;
  padding:6px 12px;
  border-radius:8px;
  white-space:nowrap;
  box-shadow: 0 4px 14px rgba(0,0,0,.12);
  z-index: 10000;             /* يبان فوق */
}
 
/* أنيميشن الموجة */
@keyframes wazz-ping{
  0%   { transform:translate(-50%,-50%) scale(.9); opacity:.75; }
  70%  { transform:translate(-50%,-50%) scale(1.08); opacity:.18; }
  100% { transform:translate(-50%,-50%) scale(1.12); opacity:.10; }
}