/* V10.34 Logo Control - بداية التحكم في لوجو RubyRose الرسمي من لوحة الإدارة */
.rr-wordmark-logo{ /* حاوية اللوجو الرسمي القابل للتلوين */
  display:inline-block; /* جعل اللوجو عنصرًا خطيًا قابلًا للمحاذاة داخل الهيدر والفوتر */
  width:var(--rr-wordmark-width,150px); /* قراءة عرض اللوجو من لوحة الإدارة */
  aspect-ratio:360.93/155.02; /* الحفاظ على النسبة الأصلية لملف RubyRose SVG */
  background:var(--rr-wordmark-color,#f05473); /* لون اللوجو القابل للتغيير من لوحة الإدارة */
  -webkit-mask:url('../images/rubyrose-wordmark.svg') center/contain no-repeat; /* استخدام ملف SVG كقناع في متصفحات WebKit */
  mask:url('../images/rubyrose-wordmark.svg') center/contain no-repeat; /* استخدام ملف SVG كقناع في المتصفحات الحديثة */
  vertical-align:middle; /* محاذاة اللوجو مع عناصر الهيدر */
  line-height:1; /* منع أي ارتفاع إضافي حول اللوجو */
  flex:0 0 auto; /* منع تمدد اللوجو داخل الحاويات المرنة */
} /* نهاية حاوية اللوجو الرسمي */
.centered-brand .rr-wordmark-logo-header{ /* لوجو الهيدر داخل منتصف شريط التنقل */
  width:min(var(--rr-wordmark-width,150px),190px); /* منع اللوجو من كسر مسافات الهيدر على الكمبيوتر */
  max-width:18vw; /* ربط الحجم بعرض الشاشة الكبيرة حتى لا يضغط الروابط */
} /* نهاية لوجو الهيدر */
.rr-footer-logo .rr-wordmark-logo-footer{ /* لوجو الفوتر */
  width:min(var(--rr-wordmark-width,150px),210px); /* حجم أهدأ للوجو داخل الفوتر */
  max-width:70vw; /* منع خروج اللوجو من عرض الموبايل */
} /* نهاية لوجو الفوتر */
.brand-logo-text{ /* النص الاحتياطي للوجو عند تعطيل اللوجو الرسمي والصورة */
  color:var(--rr-header-logo,#f05473); /* لون قريب من لون اللوجو الرسمي */
  font-weight:600; /* وزن مريح للنص الاحتياطي */
  line-height:1; /* منع زيادة ارتفاع الهيدر */
  white-space:nowrap; /* منع كسر اسم الشركة على أكثر من سطر */
} /* نهاية النص الاحتياطي */
@media (max-width: 767px){ /* قواعد حماية الموبايل حتى لا يتأثر العرض المعتمد */
  .centered-brand .rr-wordmark-logo-header{ /* لوجو الهيدر على الموبايل */
    width:min(var(--rr-wordmark-width,150px),118px); /* الحفاظ على حجم مناسب داخل الهيدر الصغير */
    max-width:26vw; /* منع التداخل مع أيقونات البحث واللغة والسلة */
  } /* نهاية لوجو الهيدر على الموبايل */
  .rr-footer-logo .rr-wordmark-logo-footer{ /* لوجو الفوتر على الموبايل */
    width:min(var(--rr-wordmark-width,150px),132px); /* حجم أصغر وأكثر Premium داخل الفوتر */
  } /* نهاية لوجو الفوتر على الموبايل */
} /* نهاية قواعد الموبايل */
@supports not ((mask: url('')) or (-webkit-mask: url(''))){ /* بديل احتياطي إذا لم يدعم المتصفح CSS Mask */
  .rr-wordmark-logo{ /* استبدال القناع بصورة PNG عند عدم دعم القناع */
    background:url('../images/rubyrose-wordmark.png') center/contain no-repeat !important; /* عرض صورة PNG كبديل */
  } /* نهاية البديل */
} /* نهاية دعم المتصفحات القديمة */
/* V10.34 Logo Control - نهاية التحكم في لوجو RubyRose الرسمي */