/* Add custom CSS styles below */ 
/* --- كود احترافي وفائق الاستهداف لتكبير الشعار في سلة (إصدار 2.0) --- */

/* 1. استهداف حاوية الشعار وإلغاء قيود القالب الأساسية */
.theme-header .header-logo,
.theme-header .store-logo,
.header-wrapper .logo-wrapper {
  max-width: none !important; /* إلغاء القيد الأساسي على عرض الحاوية */
  width: auto !important; /* السماح للحاوية بالتمدد بالكامل */
  display: flex !important;
  justify-content: center !important; /* توسيط الشعار أفقياً */
  align-items: center !important; /* توسيط الشعار عمودياً */
}

/* 2. استهداف عنصر الصورة (الشعار) نفسه - إعدادات الكمبيوتر (Desktop) */
.theme-header .header-logo img,
.theme-header .store-logo img,
.header-wrapper .logo-wrapper img {
  /* تعديل الحجم لشاشات الكمبيوتر */
  width: auto !important; /* الحفاظ على أبعاد الصورة الأصلية */
  height: auto !important; /* الحفاظ على أبعاد الصورة الأصلية */
  
  /* الحجم الجديد الأقصى - قمت بزيادته لتكبير ملموس */
  max-width: 480px !important; /* العرض الأقصى للكمبيوتر (يمكنك زيادة هذا الرقم لتكبير الشعار أكثر) */
  max-height: 150px !important; /* الارتفاع الأقصى */
  
  /* تحسين الوضوح والحفاظ على الحواف حادة للشعار الـ PNG */
  image-rendering: -webkit-optimize-contrast !important; /* تحسين التباين على متصفحات وwebkit */
  image-rendering: crisp-edges !important; /* الحفاظ على حواف حادة */
}

/* 3. تعديل الحجم لشاشات الجوال والأجهزة اللوحية (Mobile Responsive) */
@media (max-width: 767px) {
  .theme-header .header-logo img,
  .theme-header .store-logo img,
  .header-wrapper .logo-wrapper img {
    /* الحجم الجديد الأقصى على الجوال */
    max-width: 280px !important; /* العرض الأقصى للجوال */
    max-height: 100px !important; /* الارتفاع الأقصى للجوال */
  }
}