/* ========================================================

   تحسينات متجر موائد العز (تكبير الصور + إصلاح شامل)

   ======================================================== */



/* 1. هيكل البطاقة وإزالة الخلفيات الرمادية */

.product-card,

.product-block, 

.product-block__info, 

custom-salla-product-card {

    background-color: #ffffff !important;

    border-color: #f5f5f5 !important;

}



/* 2. شارة "الضمان الذهبي" (أعلى اليمين) */

/*.product-card__subtitle,

.text-store-text-secondary.leading-6.text-sm {

    position: absolute !important;

    

    /* == التحكم في الموقع == */

  /*  top: 0px !important;    

    right: 0px !important;  

    left: auto !important;

    bottom: auto !important;



    /* == التصميم والشكل == */

  /*  background-color: #ffffff !important; /* الخلفية بيضاء لتميز النص */

 /*   color: #8f2323 !important;           /* النص أحمر */

  /*  padding: 5px 15px !important;

    margin: 0 !important;

    font-size: 12px !important;

    font-weight: bold !important;

    z-index: 99 !important;

    opacity: 1 !important;

    

    /* التحكم في الزوايا (فوق-يسار، فوق-يمين، تحت-يمين، تحت-يسار) */

  /*  border-radius: 0 0 0 20px !important;

    box-shadow: -2px 2px 5px rgba(0,0,0,0.1);

}



/* 3. شارة الخصم (في المنتصف السفلي) */

.product-card__promotion {

    position: absolute !important;

    bottom: 10px !important;

    top: auto !important;

    left: 50% !important;

    right: auto !important;

    transform: translateX(-50%) !important;

    background-color: #e53935 !important;

    color: #ffffff !important;

    padding: 5px 16px !important;

    border-radius: 6px !important;

    font-size: 12px !important;

    font-weight: bold !important;

    z-index: 5 !important;

}



/* 4. تكبير صورة المنتج (بدون هوامش) */

.product-card__image {

    position: relative !important;

    z-index: 1 !important;

    padding: 0px !important; /* إلغاء الهوامش لتكبير الصورة */

    margin: 0px !important;

    overflow: hidden !important; 

    width: 100% !important;

    

    /* تحديد ارتفاع مناسب للصورة */

    height: 250px !important; 

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

}



.product-card__image img {

    border-radius: 15px !important; /* تدوير الزوايا الأربعة */

    width: 100% !important;

    height: 100% !important; 

    

    /* contain: تظهر الصورة كاملة (آمن للنصوص) */

    /* إذا مازالت صغيرة، جرب تغييرها إلى cover لكن انتبه قد تقص الأطراف */

    object-fit: contain !important; 

    

    display: block !important;

}



/* 5. تلوين زر "أضف للسلة" بالأحمر */

.product-card--primary-buttons button,

.s-add-product-button button { 

    background-color: #8f2323 !important;

    border-color: #8f2323 !important;

    color: #ffffff !important;

    opacity: 1 !important;

}



/* عند مرور الماوس */

.s-add-product-button button:hover,

.s-button-element:hover {

    background-color: #6e1b1b !important;

    color: #fff !important;

}



/* 6. تحسين عنوان المنتج */

.product-card__title a {

    font-size: 16px !important;

    font-weight: 600 !important;

    color: #333 !important;

    text-decoration: none !important;

}



.product-card__title a:hover {

    color: #7cb342 !important;

}



/* 7. المحتوى والأسعار */

.product-card__content {

    text-align: center !important;

    padding: 10px !important;

}



.product-card__price {

    justify-content: center !important;

    margin: 10px 0 !important;

}



.product-card__price .total-price {

    font-size: 20px !important;

    font-weight: 800 !important;

    color: #333 !important;

}



.price_is_on_sale .total-price {

    color: #e53935 !important;

}



.product-card__price .before-price {

    font-size: 14px !important;

    color: #999 !important;

    text-decoration: line-through !important;

}



/* 8. إخفاء الأزرار الزائدة */

.product-card__buttons,

.product-card__actions {

    display: none !important;

}



/* 9. استبدال كلمة "الوزن" بـ "الوزن التقريبي" */

.sicon-luggage-cart + span.text-store-text-primary {

    font-size: 0 !important;

}



.sicon-luggage-cart + span.text-store-text-primary::after {

    content: "الوزن التقريبي"; 

    font-size: 14px; 

    visibility: visible;

}



/* أحجام نصوص عامة */

.text-lg {

    font-size: 2.125rem;

}



/* ==================================================

   تكبير صورة المنتج وإزالة الهوامش البيضاء

   ================================================== */



/* 1. استهداف "الحاوية" التي تحمل الصورة */

.product-card__image,

custom-salla-product-card .image-container {

    /* إلغاء الهوامش الداخلية والخارجية تماماً */

    padding: 0px !important;

    margin: 0px !important;

    

    /* جعل عرض الحاوية 100% من عرض البطاقة */

    width: 100% !important;

    

    /* زيادة ارتفاع المنطقة المخصصة للصورة */

    /* جرب زيادة هذا الرقم (مثلاً 300px) إذا أردتها أطول */

    height: 337px !important; 

    

    /* ضمان توسيط الصورة */

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    background-color: transparent !important;

}



/* 2. استهداف "الصورة" نفسها بداخل الحاوية */

.product-card__image img,

custom-salla-product-card img {

    /* إجبار الصورة على ملء الحاوية بالكامل */

    width: 100% !important;

    height: 100% !important;

    

    /* contain: تظهر الذبيحة كاملة بدون قص الأطراف (خيار آمن) */

    /* cover: تملأ المربع بالكامل لكن قد يتم قص جزء بسيط من الجوانب (جربها إذا أردت الصورة أكبر ما يمكن) */

    object-fit: contain !important;

    

    /* إلغاء تدوير الصورة نفسها، لأن البطاقة الخارجية مدورة أصلاً */

    border-radius: 0 !important;

    display: block !important;

}