/* Add custom CSS styles below */ 
/* 
Add custom CSS styles 
/* Add custom CSS styles below */ 
.main-nav-container{
box-shadow: none;
    z-index: 100;
}
.bg-inherit {

  
  

}

.s-product-card-content-subtitle{

    display: none;
}

}
.s-reviews-testimonial__icon svg{

    display: none;
}
.s-reviews-testimonial__text p {
    margin-bottom: .5rem;
    margin-top: 1rem;
    background: #1d1f1e;
    
    color: #fff;
    padding: 10px;
    border: 2px solid #1d1f1e;
}
.s-menu-footer-list{

        columns: 2;
}

.s-button-icon .s-button-text{
 color: red !important;

}

.banner-entry:hover{
 box-shadow: 0 0 15px #1d1f1e;
}
.w-full button, .s-product-card-content-footer{
background: #1d1f1e;
color:#fff;

 border-radius: 10px;
}

.s-slider-block__title:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin-left: 25%;
    height: 1px;
    background-color: #1d1f1e;
    z-index: 0;
}

.s-slider-block__title-left{

        margin-right: 78%;
    background: #fff;
    z-index: 22;
}

.s-slider-block__title-right{

   background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
    position: absolute;
    right: 0;
    padding: 0;
    margin: 0;
  
    padding: 0;
    
}
.s-slider-block__title-right h2{

    color: #1d1f1e;
    padding: 10px;
}

.s-slider-block__display-all{

          background: #1d1f1e;
    padding: 10px;
    border-radius: 10px;
    z-index: 0;
    
    color: #ffffff;

}

#wa-widget-send-button{

bottom: 100px;
}

.s-button-element:not(:disabled):not([loading]){
color:#fff;
border: 0px;
}
.grid-flow-row {
    grid-template-columns: repeat(4, 1fr);
   
}

  .banner-entry a {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover; 
            background-position: center; 
            background-repeat: no-repeat; 
        }

@media(max-width: 992px) {
.square-photos {
    margin: 0;
    height: auto;
    padding: 0px;
    padding-top: 25px; 
            padding-bottom: 25px; 
    background-attachment: fixed;
    border: 1px solid #1d1f1e;
    background-position: center;


}
.s-product-card-content-title a {
    color: #1d1f1e;
    font-size: 16px;
    margin: 0;
}
.s-products-slider-card{
width: 55%;

}
.s-product-card-entry{

 border: 1px solid #1d1f1e;}

 .footer-title span {
    color: #1d1f1e;
    background: #1d1f1e;
    border-radius: 8px;
    font-weight: 700;
    padding-top: .3rem;
    padding-bottom: .3rem
}

.store-footer ,.store-contact {
    text-align: center
}

.s-social-link a {
    color: #ffffff;
    border-radius: 100%;
    border: 1px solid rgb(232 177 118)
}


.footer-list a:hover {
    color: #1d1f1e
}

.store-footer .store-footer__inner .container {

    background-color: #1d1f1e;
}




.footer-is-light .store-footer .store-footer__inner{

    color: black;
}
.store-footer h3{

    color: #ffffff;
}

.store-footer h3{
   
        margin: auto;
} 
/* .s-contacts-list{
    display: none;
} */
.s-social-list{
  margin-right:30% ;
}
.main-nav-container {
    background-color: #ffffff !important;
    background-image: none !important;
    box-shadow: none;
}
}
.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100;
    animation: pulse 2s infinite;
}
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
@media (max-width: 768px) {
    .whatsapp-button { display: block; }
}
@media (min-width: 769px) {
    .whatsapp-button { display: none; }
}
.bg-inherit {

    background: url(https://cdn.salla.sa/form-builder/ZBLFwD9TMNIeXAIEkypiYhCEskovVQUXMeh8AksB.jpg);
  

}

.s-product-card-content-subtitle{

    display: none;
}
header-btn__icon,.s-user-menu-trigger{
    border-radius: 10px;
    background: #ffffff!important;
    padding: 2px
}
.s-reviews-testimonial__icon svg{

    display: none;
}
.s-reviews-testimonial__text p {
    margin-bottom: .5rem;
    margin-top: 1rem;
    background: #1d1f1e;
    
    color: #fff;
    padding: 10px;
    border: 2px solid #1d1f1e;
}
.s-menu-footer-list{

        columns: 2;
}

.s-button-icon .s-button-text{
 color: red !important;

}

.banner-entry:hover{
 box-shadow: 0 0 15px #1d1f1e;
}
.w-full button, .s-product-card-content-footer{
background: #1d1f1e;
color:#fff;

 border-radius: 10px;
}

.s-slider-block__title:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin-left: 25%;
    height: 1px;
    background-color: #1d1f1e;
    z-index: 0;
}

.s-slider-block__title-left{

        margin-right: 78%;
    background: #fff;
    z-index: 22;
}

.s-slider-block__title-right{

   background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
    position: absolute;
    right: 0;
    padding: 0;
    margin: 0;
  
    padding: 0;
    
}
.s-slider-block__title-right h2{

    color: #1d1f1e;
    padding: 10px;
}

.s-slider-block__display-all{

          background: #1d1f1e;
    padding: 10px;
    border-radius: 10px;
    z-index: 0;
    
    color: #ffffff;

}

#wa-widget-send-button{

bottom: 100px;
}

.s-button-element:not(:disabled):not([loading]){
color:#fff;
border: 0px;
}
.grid-flow-row {
    grid-template-columns: repeat(4, 1fr);
   
}

  .banner-entry a {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover; 
            background-position: center; 
            background-repeat: no-repeat; 
        }

@media(max-width: 992px) {
.square-photos {
    margin: 0;
    height: auto;
    padding: 0px;
    padding-top: 25px; 
            padding-bottom: 25px; 
    background-attachment: fixed;
    border: 1px solid #1d1f1e;
    background-position: center;


}

}
.s-products-slider-card{
width: 55%;

}
.s-product-card-entry{

 border: 1px solid #1d1f1e;}

 .footer-title span {
    color: #1d1f1e;
    background: #1d1f1e;
    border-radius: 8px;
    font-weight: 700;
    padding-top: .3rem;
    padding-bottom: .3rem
}

.store-footer ,.store-contact {
    text-align: center
}

.s-
}
/* الهيدر الأساسي */
header,
.main-header,
.main-nav-container,
.store-header,
.store-header-section {
    background-color: #ffffff !important;
    background-image: none !important;
}

/* شريط التنقل العلوي */
.navbar,
.top-header,
.s-header,
.store-navbar {
    background-color: #ffffff !important;
    background-image: none !important;
}

/* خلفية المنطقة خلف الشريط بالكامل */
.header-wrapper,
.header-container,
.s-header-wrap {
    background-color: #ffffff !important;
}
}




.footer-is-light .store-footer .store-footer__inner{

    color: black;
}
header,
.main-header,
.main-nav-container,
.store-header,
.store-header-section {
    background-color: #ffffff !important;
    background-image: none !important;
}
/* زر إضافة للسلة - مربع + أيقونة */
.s-product-card-content-footer button,
.s-button-element,
button[type="submit"] {
    background-color: #000 !important;     /* خلفية سوداء */
    color: #fff !important;                /* نص أبيض */
    border: none !important;
    border-radius: 6px !important;         /* مربع تقريبًا */
    padding: 12px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    width: 100%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 8px;                               /* مسافة بين الأيقونة والنص */
    transition: .3s;
}
/* استهداف جميع الأزرار التي تحتوي كلمة "إضافة للسلة" */
button:contains("إضافة للسلة"),
.s-add-to-cart,
.add-to-cart,
button[data-action="add-to-cart"] {
    background-color: #000 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;    /* مربع */
    padding: 12px 15px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
}

/* إضافة أيقونة السلة */
button:contains("إضافة للسلة")::before,
.s-add-to-cart::before,
.add-to-cart::before,
button[data-action="add-to-cart"]::before {
    content: "🛒";
    font-size: 18px;
    margin-top: -2px;
}

/* تأثير hover */
button:contains("إضافة للسلة"):hover,
.s-add-to-cart:hover,
.add-to-cart:hover,
button[data-action="add-to-cart"]:hover {
    background-color: #333 !important;
}
/* محاولة إجبار الهيدر والخلفية لأعلى الصفحة أن تكون بيضاء + إزالة أي طبقات فوقه */
header, header * {
  background-color: #ffffff !important;
  background-image: none !important;
  background: #ffffff !important;
  color: inherit !important;
}

header::before,
header::after {
  content: none !important;
  background: none !important;
}
<!DOCTYPE html>
<html lang="ar">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Footer جاهز</title>
  <style>
    /* ===== Footer Styles ===== */
    body {
      margin: 0;
      font-family: Arial, sans-serif;
    }

    .site-footer {
      background-color: #222;
      color: #fff;
      padding: 40px 20px 20px;
      direction: rtl;
    }

    .footer-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 30px;
      max-width: 1200px;
      margin: auto;
    }

    .footer-container h2,
    .footer-container h3 {
      margin-bottom: 10px;
      color: #fff;
    }

    .footer-links ul {
      list-style: none;
      padding: 0;
    }

    .footer-links ul li {
      margin-bottom: 8px;
    }

    .footer-links ul li a,
    .footer-contact a,
    .footer-policies a {
      color: #fff;
      text-decoration: none;
      transition: color 0.3s;
    }

    .footer-links ul li a:hover,
    .footer-contact a:hover,
    .footer-policies a:hover {
      color: #f0a500;
    }

    .footer-contact p {
      margin: 5px 0;
    }

    .footer-newsletter form {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .footer-newsletter input[type="email"] {
      padding: 10px;
      border: none;
      border-radius: 5px;
    }

    .footer-newsletter button {
      padding: 10px;
      border: none;
      border-radius: 5px;
      background-color: #f0a500;
      color: #222;
      cursor: pointer;
      font-weight: bold;
      transition: background-color 0.3s;
    }

    .footer-newsletter button:hover {
      background-color: #ffbf00;
    }
.custom-footer {
  background-color: #222;
  color: #fff;
  padding: 30px 20px;
  text-align: right;
  direction: rtl;
  font-family: Arial, sans-serif;
}

.custom-footer h2 {
  margin: 0 0 10px 0;
  color: #fff;
}

.custom-footer a {
  color: #fff;
  text-decoration: none;
}

.custom-footer a:hover {
  color: #f0a500;
}

.custom-footer .footer-links {
  margin: 15px 0;
}

.custom-footer .footer-links a {
  margin-right: 10px;
}

.custom-footer .footer-contact p,
.custom-footer .footer-bottom p {
  margin: 5px 0;
  font-size: 14px;
}

.custom-footer .footer-bottom {
  border-top: 1px solid #444;
  margin-top: 20px;
  padding-top: 10px;
}