/* CSS للوجو في الهيدر والفوتر */

/* لوجو الهيدر */
a[href="https://ha-brand.com/"] img,
.site-header a img[src*="nR2zQA0RXlrOQzpC6aOYFmiD60Jpgbz69VAA3fRI"],
header a img[src*="nR2zQA0RXlrOQzpC6aOYFmiD60Jpgbz69VAA3fRI"] {
   height: 56px !important;
   width: auto !important;
   max-width: 100% !important;
   object-fit: contain !important;
}

/* لوجو الفوتر */
footer img.logo-dark,
footer img[src*="nR2zQA0RXlrOQzpC6aOYFmiD60Jpgbz69VAA3fRI"],
.site-footer img.logo-dark,
.site-footer img[src*="nR2zQA0RXlrOQzpC6aOYFmiD60Jpgbz69VAA3fRI"] {
   height: 40px !important;
   width: auto !important;
   max-width: 100% !important;
   object-fit: contain !important;
}

/* للشاشات المتوسطة (تابلت) */
@media screen and (max-width: 768px) {
   /* الهيدر */
   a[href="https://ha-brand.com/"] img,
   .site-header a img[src*="nR2zQA0RXlrOQzpC6aOYFmiD60Jpgbz69VAA3fRI"],
   header a img[src*="nR2zQA0RXlrOQzpC6aOYFmiD60Jpgbz69VAA3fRI"] {
       height: 44px !important;
   }
   
   /* الفوتر */
   footer img.logo-dark,
   footer img[src*="nR2zQA0RXlrOQzpC6aOYFmiD60Jpgbz69VAA3fRI"],
   .site-footer img.logo-dark,
   .site-footer img[src*="nR2zQA0RXlrOQzpC6aOYFmiD60Jpgbz69VAA3fRI"] {
       height: 36px !important;
   }
}

/* للموبايل */
@media screen and (max-width: 480px) {
   /* الهيدر */
   a[href="https://ha-brand.com/"] img,
   .site-header a img[src*="nR2zQA0RXlrOQzpC6aOYFmiD60Jpgbz69VAA3fRI"],
   header a img[src*="nR2zQA0RXlrOQzpC6aOYFmiD60Jpgbz69VAA3fRI"] {
       height: 36px !important;
   }
   
   /* الفوتر */
   footer img.logo-dark,
   footer img[src*="nR2zQA0RXlrOQzpC6aOYFmiD60Jpgbz69VAA3fRI"],
   .site-footer img.logo-dark,
   .site-footer img[src*="nR2zQA0RXlrOQzpC6aOYFmiD60Jpgbz69VAA3fRI"] {
       height: 32px !important;
   }
}/* صناديق المقاسات لجميع المنتجات */
.salla-size-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px; margin:10px 0 14px;
}
@media (max-width:640px){
  .salla-size-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
}
.salla-size-box{position:relative; cursor:pointer; user-select:none;}
.salla-size-box input{position:absolute; inset:0; opacity:0;}
.salla-size-box span{
  display:grid; place-items:center; height:40px;
  border:1.5px solid #e5e7eb; border-radius:10px;
  font-weight:700; font-size:13px; transition:.2s ease;
}
.salla-size-box input:checked + span{
  border-color:#2563eb; background:rgba(37,99,235,.08); color:#2563eb;
}
.salla-size-box input:disabled + span{opacity:.45; cursor:not-allowed;}
/* إخفاء الـselect بعد التحويل */
.salla-size-hidden{display:none !important;}
/* X أحمر على المقاسات المنتهية */
.salla-size-box.is-oos span{
  position:relative;
  opacity:.55;           /* يبهّت النص */
  color:#9ca3af;         /* لون أفتح للنص */
}

.salla-size-box.is-oos span::before,
.salla-size-box.is-oos span::after{
  content:"";
  position:absolute;
  top:50%; left:50%;
  width:60%; height:2px;  /* سُمك خط الـX */
  background:#ef4444;     /* أحمر */
  border-radius:2px;
  transform-origin:center;
  pointer-events:none;
  z-index:1;
}
.salla-size-box.is-oos span::before{ transform:translate(-50%,-50%) rotate(45deg); }
.salla-size-box.is-oos span::after { transform:translate(-50%,-50%) rotate(-45deg); }

.salla-size-box.is-oos{ cursor:not-allowed; }
.salla-size-box.is-oos input{ pointer-events:none; }