/* =================================================
   SALSA CUSTOM FOOTER
   ================================================= */

.salsa-footer{
  --sf-bg:#fff;
  --sf-card:#fff;
  --sf-text:#171717;
  --sf-muted:#707070;
  --sf-border:#cfc9c0;
  --sf-line:#e8e3dc;

  background:var(--sf-bg)!important;
  color:var(--sf-text)!important;
  direction:rtl;
}

.salsa-footer,
.salsa-footer *{
  box-sizing:border-box;
}

.salsa-footer-wrapper{
  width:100%;
  max-width:1180px;
  margin:auto;
  padding:30px 18px 20px;
}


/* ===== الشعار والوصف ===== */

.salsa-footer-brand{
  display:flex;
  align-items:center;
  gap:18px;
  padding-bottom:22px;
  border-bottom:1px solid var(--sf-line);
}

.salsa-footer-logo{
  width:auto;
  max-width:34%;
  max-height:105px;
  object-fit:contain;
  flex:none;
}

.salsa-footer-divider{
  width:2px;
  height:70px;
  background:#111;
  border-radius:5px;
  flex:none;
}

.salsa-footer-description{
  margin:0;
  flex:1;
  font-size:13px;
  line-height:1.9;
  color:var(--sf-text);
}


/* ===== السجل والتوثيقات ===== */

.salsa-certificates{
  margin-top:15px;
}

.salsa-cert-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  justify-content:center;
}

.salsa-cert-card{
  min-height:105px;
  padding:13px 8px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;

  background:var(--sf-card);
  border:1px solid var(--sf-border);
  border-radius:13px;

  text-align:center;
  color:var(--sf-text);
}

.salsa-cert-card:only-child{
  grid-column:1/-1;
  width:100%;
  max-width:360px;
  justify-self:center;
}

.salsa-cert-icon{
  width:30px;
  height:30px;
}

.salsa-cert-title{
  font-size:12px;
  font-weight:700;
}

.salsa-cert-number{
  font-size:12px;
  direction:ltr;
  color:var(--sf-text);
}


/* ===== العناوين ===== */

.salsa-footer-heading{
  display:flex;
  align-items:center;
  gap:12px;

  margin:20px 0 11px;

  font-size:16px;
  font-weight:700;
  text-align:center;
}

.salsa-footer-heading::before,
.salsa-footer-heading::after{
  content:"";
  height:1px;
  background:var(--sf-line);
  flex:1;
}


/* ===== بطاقات الروابط ===== */

.salsa-link-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

.salsa-link-card{
  min-height:75px;
  padding:10px 7px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;

  background:var(--sf-card);
  border:1px solid var(--sf-border);
  border-radius:13px;

  color:var(--sf-text)!important;
  text-decoration:none!important;

  text-align:center;
  font-size:12px;
  line-height:1.5;

  transition:border-color .2s ease;
}

.salsa-link-card:hover{
  border-color:#777;
}

.salsa-link-card svg{
  width:23px;
  height:23px;
  flex:none;
}


/* لو كان في الروابط السريعة رابط واحد فقط */

.salsa-link-grid--quick:has(.salsa-link-card:only-child)
.salsa-link-card{
  grid-column:1/-1;
}


/* ===== تواصل معنا ===== */

.salsa-contact{
  margin-top:9px;
  min-height:52px;
  padding:10px 15px;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;

  background:#fff;
  border:1px solid var(--sf-border);
  border-radius:13px;

  color:var(--sf-text)!important;
  text-decoration:none!important;

  font-size:14px;
  font-weight:700;
}

.salsa-contact svg{
  width:22px;
  height:22px;
}


/* ===== التواصل الاجتماعي ===== */

.salsa-social{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:20px;

  margin:20px 0 12px;
}

.salsa-social a{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#111!important;
  text-decoration:none!important;
}

.salsa-social svg{
  width:24px;
  height:24px;
}


/* ===== أسفل الفوتر ===== */

.salsa-footer-bottom{
  margin-top:15px;
  padding-top:15px;
  border-top:1px solid var(--sf-line);
  text-align:center;
}

.salsa-footer-rights{
  margin:0 0 12px;
  font-size:12px;
  color:var(--sf-muted);
}

.salsa-footer-bottom .s-payments-list{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}

.salsa-footer-bottom .s-payments-list img{
  height:25px!important;
  width:auto!important;
}


/* =================================================
   MOBILE
   ================================================= */

@media(max-width:767px){

  .salsa-footer-wrapper{
    padding:26px 16px 16px;
  }

  .salsa-footer-brand{
    gap:14px;
    padding-bottom:18px;
  }

  .salsa-footer-logo{
    max-width:37%;
    max-height:95px;
  }

  .salsa-footer-divider{
    height:65px;
  }

  .salsa-footer-description{
    font-size:11.5px;
    line-height:1.75;
  }

  .salsa-cert-card{
    min-height:95px;
  }

  .salsa-link-card{
    min-height:72px;
    font-size:11.5px;
  }

  .salsa-footer-heading{
    margin:17px 0 9px;
    font-size:15px;
  }

}


/* =================================================
   DESKTOP
   ================================================= */

@media(min-width:768px){

  .salsa-footer-wrapper{
    padding:45px 25px 22px;
  }

  .salsa-link-grid{
    grid-template-columns:repeat(4,minmax(0,200px));
    justify-content:center;
    gap:10px;
  }

  .salsa-link-grid--quick{
    grid-template-columns:repeat(3,minmax(0,200px));
  }

  .salsa-cert-row{
    grid-template-columns:repeat(3,minmax(0,220px));
  }

}

/* =====================================================
   SALSA - MLEHA STYLE CATEGORY BANNERS
   بانر عريض + بانرين + بانر عريض
===================================================== */


/* القسم الرئيسي */
.s-block--square-links.salsa-mleha-layout {
    margin: 0 !important;
    padding: 0 !important;
}


/* إخفاء عنوان SALSA - فساتين راقية */
.s-block--square-links.salsa-mleha-layout > div > .home-block-title {
    display: none !important;
}


/* الشبكة */
.s-block--square-links.salsa-mleha-layout .square-links__grid {
    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    gap: 7px !important;

    width: 100% !important;
    max-width: 1400px !important;

    margin: 0 auto !important;

    padding: 7px !important;

    box-sizing: border-box !important;
}


/* كل عنصر */
.s-block--square-links.salsa-mleha-layout .square-links__item {
    position: relative !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: right !important;

    overflow: hidden !important;
}


/* البانر العريض */
.s-block--square-links.salsa-mleha-layout
.square-links__item.salsa-wide {
    grid-column: 1 / -1 !important;
}


/* الرابط */
.s-block--square-links.salsa-mleha-layout
.square-links__item > a {

    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;

    color: #111 !important;

    text-decoration: none !important;

    background: #eee !important;

    border-radius: 0 !important;

    isolation: isolate;
}


/* إلغاء شكل سلة القديم */
.s-block--square-links.salsa-mleha-layout
.square-links__image-wrap {

    width: 100% !important;
    height: 100% !important;

    position: absolute !important;

    inset: 0 !important;

    overflow: hidden !important;

    border-radius: 0 !important;
}


/* الصورة */
.s-block--square-links.salsa-mleha-layout
.square-links__image-wrap img {

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    object-fit: cover !important;
    object-position: center !important;

    aspect-ratio: auto !important;

    display: block !important;

    border-radius: 0 !important;

    transition: transform .65s ease !important;
}


/* إزالة العنوان والوصف الأصلي */
.s-block--square-links.salsa-mleha-layout
.square-links__item-title,

.s-block--square-links.salsa-mleha-layout
.square-links__item-subtitle {

    display: none !important;
}


/* =====================================================
   مقاس البانر العريض
===================================================== */

.s-block--square-links.salsa-mleha-layout
.salsa-wide > a {

    aspect-ratio: 16 / 6 !important;
}


/* =====================================================
   البانرين اللي بالنص
===================================================== */

.s-block--square-links.salsa-mleha-layout
.salsa-half > a {

    aspect-ratio: 3 / 4 !important;
}


/* =====================================================
   التدرج الشفاف
===================================================== */

.s-block--square-links.salsa-mleha-layout
.square-links__item > a::after {

    content: "";

    position: absolute;

    z-index: 2;

    left: 0;
    right: 0;
    bottom: 0;

    height: 60%;

    pointer-events: none;

    background: linear-gradient(

        to top,

        rgba(208, 184, 167, .96) 0%,

        rgba(208, 184, 167, .82) 25%,

        rgba(208, 184, 167, .52) 47%,

        rgba(208, 184, 167, .18) 69%,

        rgba(208, 184, 167, 0) 100%

    );
}


/* =====================================================
   النص الموجود فوق الصورة
===================================================== */

.salsa-category-content {

    position: absolute;

    z-index: 10;

    right: 24px;
    left: 24px;
    bottom: 24px;

    text-align: right;

    color: #111;
}


/* العنوان */
.salsa-category-title {

    display: block;

    margin: 0 0 6px !important;

    padding: 0 !important;

    font-size: 25px !important;

    font-weight: 700 !important;

    line-height: 1.4 !important;

    color: #111 !important;
}


/* الوصف */
.salsa-category-description {

    display: block;

    margin: 0 0 7px !important;

    padding: 0 !important;

    font-size: 16px !important;

    font-weight: 400 !important;

    line-height: 1.65 !important;

    color: #111 !important;
}


/* رابط شاهدي التشكيلة */
.salsa-category-button {

    display: inline-block;

    margin: 0 !important;

    padding: 0 0 2px !important;

    font-size: 15px !important;

    font-weight: 500 !important;

    line-height: 1.5 !important;

    color: #111 !important;

    border-bottom: 1px solid #111;
}


/* =====================================================
   الشريط الإعلاني
===================================================== */

.salsa-category-marquee {

    position: absolute;

    z-index: 20;

    top: 0;
    right: 0;
    left: 0;

    width: 100%;

    height: 35px;

    display: flex;

    align-items: center;

    overflow: hidden;

    background: #f6e9df;

    color: #111;

    white-space: nowrap;

    direction: ltr;
}


/* النص المتحرك */
.salsa-category-marquee-track {

    display: flex;

    align-items: center;

    width: max-content;

    min-width: max-content;

    animation:
        salsa-category-marquee-animation
        17s
        linear
        infinite;

    will-change: transform;
}


.salsa-category-marquee-track span {

    display: block;

    flex-shrink: 0;

    padding: 0 28px;

    direction: rtl;

    font-size: 13px;

    font-weight: 400;

    line-height: 35px;

    color: #111;
}


/* حركة الشريط */
@keyframes salsa-category-marquee-animation {

    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}


/* حركة الصورة بالماوس */
@media (hover:hover) {

    .s-block--square-links.salsa-mleha-layout
    .square-links__item:hover
    .square-links__image-wrap img {

        transform: scale(1.025) !important;
    }
}


/* =====================================================
   الجوال
===================================================== */

@media (max-width: 767px) {

    .s-block--square-links.salsa-mleha-layout
    .square-links__grid {

        gap: 6px !important;

        padding: 6px !important;
    }


    /* البانر العريض */
    .s-block--square-links.salsa-mleha-layout
    .salsa-wide > a {

        aspect-ratio: 2.05 / 1 !important;
    }


    /* البانرين */
    .s-block--square-links.salsa-mleha-layout
    .salsa-half > a {

        aspect-ratio: .67 / 1 !important;
    }


    /* النص */
    .salsa-category-content {

        right: 11px;
        left: 11px;
        bottom: 13px;
    }


    .salsa-category-title {

        margin-bottom: 4px !important;

        font-size: 17px !important;

        line-height: 1.35 !important;
    }


    .salsa-category-description {

        margin-bottom: 5px !important;

        font-size: 12px !important;

        line-height: 1.55 !important;
    }


    .salsa-category-button {

        font-size: 12px !important;
    }


    /* الشريط */
    .salsa-category-marquee {

        height: 28px;
    }


    .salsa-category-marquee-track span {

        padding: 0 20px;

        font-size: 10px;

        line-height: 28px;
    }


    /* التدرج */
    .s-block--square-links.salsa-mleha-layout
    .square-links__item > a::after {

        height: 62%;
    }
}


/* =====================================================
   جوالات صغيرة جدًا
===================================================== */

@media (max-width: 390px) {

    .salsa-category-content {

        right: 9px;
        left: 9px;
        bottom: 11px;
    }


    .salsa-category-title {

        font-size: 15px !important;
    }


    .salsa-category-description {

        font-size: 10.5px !important;
    }


    .salsa-category-button {

        font-size: 10.5px !important;
    }

}


/* =====================================================
   الكمبيوتر
===================================================== */

@media (min-width: 768px) {

    .s-block--square-links.salsa-mleha-layout
    .square-links__grid {

        gap: 12px !important;

        padding: 12px !important;
    }


    .salsa-category-content {

        right: 28px;
        left: 28px;
        bottom: 28px;
    }

}


/* تقليل الحركة لمن يطلب ذلك */
@media (prefers-reduced-motion: reduce) {

    .salsa-category-marquee-track {

        animation: none !important;
    }

}