/* =========================================================
   قرص الشرقية — CSS النهائي
   ========================================================= */


/* =========================================================
   1) توسيط شعار المتجر داخل الهيدر
   ========================================================= */

@media (min-width: 768px) {

    header,
    .site-header,
    .store-header {
        position: relative !important;
    }

    header .navbar-brand,
    header .store-logo,
    header .logo,
    .site-header .navbar-brand,
    .site-header .store-logo,
    .store-header .navbar-brand,
    .store-header .store-logo {
        position: absolute !important;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}


/* =========================================================
   2) إظهار وصف المنتج كاملًا
   ========================================================= */

.product-description,
.product-description-content,
.description-content {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    display: block !important;
    -webkit-line-clamp: unset !important;
}

.product-description * {
    overflow: visible !important;
}


/* =========================================================
   3) إخفاء القائمة الرئيسية القديمة
   ========================================================= */

.header-menu,
.main-menu,
.navbar-menu,
.header__nav {
    display: none !important;
}


/* =========================================================
   4) جعل خلفية بطاقات المنتجات شفافة
      وليس بيضاء
   ========================================================= */

.product-entry,
.product-card,
.s-product-card,
.s-product-card-content,
.s-product-card-image,
.product-block,
.products-list .product-item,
.product-item,

.s-product-card-content,
.s-product-card-content-main,
.s-product-card-content-footer,

.s-product-card-image,
.s-product-card-image-cont,
.product-card-image,
.product-entry__image {

    background-color: transparent !important;
}


/* =========================================================
   5) شبكة المنتجات والسلايدرات
   ========================================================= */

.products-section,
.s-products-list,
.s-products-slider,
.products-grid {
    background-color: transparent !important;
}


/* =========================================================
   6) إلغاء أي ظل أو إطار أبيض حول بطاقة المنتج
   ========================================================= */

.s-product-card {
    background: transparent !important;
    box-shadow: none !important;
    border-color: transparent !important;
}


/* =========================================================
   7) صور المنتجات
      نحافظ على الصورة كما هي بدون فلاتر
      حتى لا نخرب ألوان المنتجات
   ========================================================= */

.s-product-card img,
.s-product-card-image img,
.product-card img,
.product-entry img {

    border: 0 !important;
    box-shadow: none !important;
}


/* =========================================================
   8) حاوية الصورة
   ========================================================= */

.s-product-card-image,
.s-product-card-image-cont,
.product-card-image,
.product-entry__image {

    border: 0 !important;
    box-shadow: none !important;
}


/* =========================================================
   9) الوضع الفاتح
      البطاقة نفسها شفافة وتظهر خلفية المتجر
   ========================================================= */

html:not(.dark) .s-product-card,
html:not(.dark) .product-card,
html:not(.dark) .product-entry {

    background-color: transparent !important;
}


/* =========================================================
   10) الوضع الداكن
       البطاقة نفسها شفافة وتظهر الخلفية السوداء
   ========================================================= */

html.dark .s-product-card,
html.dark .product-card,
html.dark .product-entry {

    background-color: transparent !important;
}


/* =========================================================
   11) منع أي خلفية مضافة من Tailwind
       داخل بطاقة المنتج فقط
   ========================================================= */

.s-product-card {
    --tw-bg-opacity: 0 !important;
}


/* =========================================================
   12) لا نستخدم mix-blend-mode
       لأنه يغيّر ألوان المنتجات نفسها
   ========================================================= */

.s-product-card img,
.s-product-card-image img,
.product-card img,
.product-entry img {

    mix-blend-mode: normal !important;
    filter: none !important;
}