/* Add custom CSS styles below */ 
/* Footer Styles */
.new-footer {
  font-family: "Tajawal", sans-serif;
  padding: 40px 20px;
  transition: all .3s ease;
  background: #f7f7f7;
  color: #333333;
}

/* توزيع الشبكة للأعمدة */
.new-footer .footer-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;  /* 4 أعمدة */
  gap: 30px;  /* مسافة بين الأعمدة */
  max-width: 1200px;
  margin: auto;
}

/* عند الشاشات المتوسطة (تابلت) → عمودين */
@media (max-width: 991px) {
  .new-footer .footer-container {
    grid-template-columns: 1fr 1fr;  /* عمودين */
  }
}

/* عند الشاشات الصغيرة (موبايل) → عمود واحد */
@media (max-width: 575px) {
  .new-footer .footer-container {
    grid-template-columns: 1fr;  /* عمود واحد */
  }
}

/* عنوان كل عمود */
.new-footer h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
  border-bottom: 2px solid #0078d7;
  display: inline-block;
  padding-bottom: 4px;
  color: #111;
}

/* النصوص والروابط */
.new-footer p, 
.new-footer li {
  font-size: 14px;
  color: #000000;
  line-height: 1.8;
   font-weight: 600;
}

.new-footer a {
  color: #000000;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease;
}

.new-footer a:hover { 
  color: #005bb5; 
}

/* قائمة الروابط */
.new-footer .footer-links ul {
  list-style: none; 
  padding: 0; 
  margin: 0;
}

.new-footer .footer-links li { 
  margin-bottom: 6px; 
}

/* بيانات التواصل */
.new-footer .footer-contact p {
  display: flex; 
  align-items: center; 
  gap: 6px;
  margin-bottom: 8px;
}

.new-footer .footer-contact a[href^="tel"],
.new-footer .footer-contact a[href^="mailto"] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

/* لوجو وشريك */
.new-footer .footer-logo { 
  max-width: 150px; 
  margin-bottom: 15px;
}

.new-footer .partner-logo { 
  max-width: 160px; 
  margin: 10px 50px; 
}

/* وسائل الدفع */
.footer-payments ul {
  display: flex; 
  flex-wrap: wrap; 
  gap: 10px;
  list-style: none; 
  padding: 0; 
  margin: 0;
  margin-top: 15px;
}

.footer-payments li {
  background: #fff; 
  border-radius: 6px;
  width: 55px; 
  height: 30px;
  display: flex; 
  align-items: center; 
  justify-content: center;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  transition: transform 0.2s ease;
}

.footer-payments li:hover {
  transform: scale(1.05);
}

.footer-payments img {
  max-width: 100%; 
  max-height: 100%; 
  object-fit: contain;
}

/* أسفل الفوتر */
.new-footer .footer-bottom {
  margin-top: 25px; 
  text-align: center;
  font-size: 13px; 
  color: #666;
  border-top: 1px solid #ddd;
  padding-top: 15px;
}

/* 🌙 الوضع الداكن */
.dark .new-footer { 
  background: #1a1a1a; 
  color: #eee; 
}

.dark .new-footer h3 { 
  color: #fff; 
  border-color: #4da3ff; 
}

.dark .new-footer p, 
.dark .new-footer li { 
  color: #ffffff; 
  font-weight: 600;
}

.dark .new-footer a { 
  color: #ffffff; 
}

.dark .new-footer a:hover { 
  color: #82c4ff; 
}

.dark .new-footer .footer-bottom { 
  color: #aaa; 
  border-color: #444; 
}

.dark .footer-payments li {
  background: #ffffff;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}/* --- Product Card --- */
.product-card-content-media-rating{
    background: var(--color-primary);
}

.product-card-content-media-rating svg{
    color: white;
}

.product-card:hover{
    transform: unset;
}

.product-card:hover img{
    transform: translatey(-8px) !important;
}

.product-card-content-media,
.product-card a{
    overflow: visible !important;
}

.product-card a:has(img)::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 70%;
    height: 4px;
    margin: 0 auto;
    filter: blur(10px);
    background: rgba(0,0,0,0);
    transition: 0.5s ease;
}

.product-card:hover a:has(img)::before{
    width: 60%;
    background: var(--product-shadow);
}

.product-card-content-meta-pricing{
    flex-direction: column-reverse;
    gap: 5px;
}

.product-card-content-meta-pricing-current-discounted-percentage{
    font-weight: 600;
    border: none;
    background: var(--theme-gray);
    color: var(--description-color);
}

.product-card-content-meta-pricing-current-discounted-meta-value{
    display: none;
}

.product-card-actions-wishlist{
    width: unset;
    padding: 0 10px;
    color: var(--description-color);
}

.product-card-actions-add-to-cart{
    font-weight: 600;
    width: 100%;
    transition: 0.4s ease !important;
}
.product-card-content-media-image {
    aspect-ratio: 0 / 0;
}

/* Comments */
#comments > .container > div{
    background: #ffffff;
    padding: 20px;
    border-radius: 8px;
}

.dark #comments > .container > div {
    background: #1e1e2b;
}

#comments .container > div > div:first-child > h2 {
    font-size: 1.5rem;
    padding-bottom: 20px;
    text-align: center;
}

#comments .s-comment-form-input{
    background-color: #E7E7E7 !important;
    color: var(--heading-color);
    border: 0px;
}

.dark #comments .s-comment-form-input{
    background-color: #111216 !important;
}

#comments .s-comment-form-action{
    justify-content: center;
    text-align: center;
}




#comments .container > div .comment{
    background: white;
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
}

#comments .border-b{
  border: none;
}

.dark #comments .container > div .comment{
   background: #212135;
}

.dark #comments .container > div .comment span,
.dark #comments .container > div .comment .sicon-check{
    color: white;
}

.product-details-meta:has(salla-social-share) button:hover svg,
.product-details-meta:has(salla-social-share) button:hover{
    color: var(--color-primary);
}

.dark salla-mini-checkout-widget{
    --color-primary: #c2c2d9;
}



@media (min-width: 1024px){
    
    /* NAV Path */
    .container nav > ol {
        margin-top: 20px;
        font-weight: 600;
    }
    
    .is-sticky-product-bar.product-single{
        padding-bottom: 0;
    }
    
    .sticky-product-bar__quantity::before{
        color: var(--heading-color);
        content: "الكمية";
        font-weight: 700;
        display: block;
    }
    
    .sticky-product-bar{
        position: static !important;
        height: unset !important;
        transform: unset !important;
        border-radius: 12px !important;
        margin-top: 20px;
        display: grid !important;
        justify-content: center;
        grid-template-columns: 1fr 1fr;
    }
    
    .dark .sticky-product-bar{
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }
    
    .sticky-product-bar h4.sticky-product-bar__name{
        display: none !important;
    }
    
    .sticky-product-bar h4{
        text-align: center;
        width: 100%;
        max-width: unset;
    }
    
    .sticky-product-bar__pricing{
        order: 2;
    }
    
    salla-add-product-button{
        grid-column: 2 span;
        order: 3;
    }
    
    salla-quantity-input{
        order: 1;
        margin: 0 20px 0 auto;
    }
    
    .center-between:has(.total-price){
        display: none;
    }
    
    /* Comments */
    #comments .container > div{
        flex-direction: column;
    }
    
    #comments .container > div > div{
        width: auto;
    }
    
    #comments .container > div > div:first-child > h2{
        font-size: 2rem;
        margin-bottom: 0;
    }
    
}

#comments salla-infinite-scroll > div{
    padding: 0;
}
.\!h-full{height:75% !important}