/* ========================================================================== */
/* RubyRose V10.19 — Mobile Footer Premium Compact                              */
/* ========================================================================== */

html body footer.site-footer.rr-premium-footer{position:relative!important;overflow:hidden!important;background:radial-gradient(circle at 50% 0%,rgba(224,23,122,.10),transparent 38%),linear-gradient(180deg,#1b1118 0%,#110b10 100%)!important;} /* جعل خلفية الفوتر أفخم وأنعم بدون زيادة في الطول. */
html body footer.site-footer.rr-premium-footer .rr-footer-glow{opacity:.35!important;filter:blur(42px)!important;} /* تخفيف الإضاءة الخلفية حتى لا تشغل مساحة بصرية كبيرة. */
html body footer.site-footer.rr-premium-footer .footer-inner{position:relative!important;z-index:2!important;} /* إبقاء محتوى الفوتر فوق الخلفية الزخرفية. */
html body footer.site-footer.rr-premium-footer .rr-footer-brand{text-align:center!important;} /* توسيط البراند حتى يظهر بشكل Premium على كل الشاشات. */
html body footer.site-footer.rr-premium-footer .rr-footer-brand h3{margin-top:0!important;color:#fff!important;text-shadow:0 10px 30px rgba(224,23,122,.18)!important;} /* جعل اسم البراند أوضح وأنظف. */
html body footer.site-footer.rr-premium-footer .rr-footer-brand p{color:rgba(255,255,255,.62)!important;line-height:1.75!important;} /* تحسين قراءة وصف البراند. */
html body footer.site-footer.rr-premium-footer .footer-col h4{text-align:center!important;color:#fff!important;} /* توحيد عناوين الفوتر في المنتصف. */
html body footer.site-footer.rr-premium-footer .footer-col h4:after{left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:30px!important;background:#e0177a!important;} /* جعل الخط الزخرفي تحت العنوان في المنتصف. */
html body footer.site-footer.rr-premium-footer .footer-col>a:not(.rr-footer-contact-line):not(.footer-btn){color:rgba(255,255,255,.62)!important;transition:color .25s ease,transform .25s ease!important;} /* تحسين لون روابط الفوتر وحركتها. */
html body footer.site-footer.rr-premium-footer .footer-col>a:not(.rr-footer-contact-line):not(.footer-btn):hover{color:#fff!important;transform:translateY(-1px)!important;} /* تأثير خفيف للروابط عند الوقوف. */
html body footer.site-footer.rr-premium-footer .rr-footer-contact-line{border-color:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.72)!important;} /* جعل خطوط التواصل أخف وأفخم. */
html body footer.site-footer.rr-premium-footer .rr-footer-contact-line small{color:rgba(255,255,255,.38)!important;letter-spacing:.13em!important;} /* جعل عنوان بيانات التواصل أصغر وأهدأ. */
html body footer.site-footer.rr-premium-footer .rr-footer-contact-line span{color:rgba(255,255,255,.72)!important;} /* تحسين لون قيمة بيانات التواصل. */
html body footer.site-footer.rr-premium-footer .rr-footer-wholesale-card .footer-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.72)!important;text-decoration:none!important;text-underline-offset:0!important;line-height:1.6!important;} /* تحويل رابط الجملة إلى لينك أنيق فقط بدون مربع. */
html body footer.site-footer.rr-premium-footer .footer-bottom{position:relative!important;z-index:2!important;border-color:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.50)!important;} /* تحسين الشريط السفلي مع تقليل حدته. */
html body footer.site-footer.rr-premium-footer .rr-footer-signature{color:rgba(255,255,255,.42)!important;} /* جعل التوقيع هاديًا ومختصرًا بصريًا. */

@media(max-width:760px){ /* بداية تحسينات الفوتر على الموبايل. */
  html body footer.site-footer.rr-premium-footer{padding:26px 18px 0!important;} /* تقليل ارتفاع الفوتر من الأعلى على الموبايل. */
  html body footer.site-footer.rr-premium-footer:before{content:''!important;position:absolute!important;inset:0 0 auto 0!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(224,23,122,.55),transparent)!important;} /* إضافة خط Premium رفيع أعلى الفوتر. */
  html body footer.site-footer.rr-premium-footer:after{opacity:.16!important;font-size:86px!important;bottom:2px!important;letter-spacing:-.08em!important;} /* تصغير كلمة الخلفية الكبيرة حتى لا تزحم الفوتر. */
  html body footer.site-footer.rr-premium-footer .rr-footer-grid{display:block!important;width:100%!important;max-width:440px!important;margin:0 auto!important;} /* جعل الفوتر كتلة واحدة في المنتصف بدل أعمدة طويلة. */
  html body footer.site-footer.rr-premium-footer .rr-footer-brand{margin:0 0 18px!important;padding:0!important;} /* تقليل مساحة البراند أسفل العنوان. */
  html body footer.site-footer.rr-premium-footer .rr-footer-brand h3{font-size:27px!important;line-height:1.05!important;margin:0 0 8px!important;} /* تصغير عنوان RubyRose داخل الفوتر. */
  html body footer.site-footer.rr-premium-footer .rr-footer-brand p{display:block!important;max-width:310px!important;margin:0 auto!important;font-size:12px!important;line-height:1.65!important;-webkit-line-clamp:2!important;} /* تقليل وصف الفوتر إلى مساحة صغيرة مقروءة. */
  html body footer.site-footer.rr-premium-footer .footer-social{margin-top:12px!important;justify-content:center!important;gap:8px!important;} /* توسيط أيقونات التواصل وتقليل المسافة. */
  html body footer.site-footer.rr-premium-footer .footer-social a{width:30px!important;height:30px!important;min-width:30px!important;font-size:12px!important;border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.04)!important;} /* تصغير أيقونات التواصل داخل الفوتر. */
  html body footer.site-footer.rr-premium-footer .footer-col{margin:0!important;padding:0!important;} /* إلغاء المسافات الافتراضية حول أعمدة الفوتر. */
  html body footer.site-footer.rr-premium-footer .footer-col h4{font-size:11px!important;letter-spacing:.16em!important;line-height:1.2!important;margin:0 0 13px!important;padding-bottom:8px!important;} /* تصغير عناوين الفوتر. */
  html body footer.site-footer.rr-premium-footer .footer-col h4:after{width:24px!important;height:1px!important;} /* تصغير الخط أسفل عنوان الفوتر. */
  html body footer.site-footer.rr-premium-footer .footer-col:first-of-type{margin-top:4px!important;} /* تقليل بداية عمود خدمة العملاء. */
  html body footer.site-footer.rr-premium-footer .footer-col:first-of-type h4{margin-bottom:11px!important;} /* تقليل المسافة بعد عنوان خدمة العملاء. */
  html body footer.site-footer.rr-premium-footer .footer-col:first-of-type{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:10px!important;row-gap:6px!important;align-items:center!important;} /* تحويل روابط خدمة العملاء إلى عمودين لتقليل الطول. */
  html body footer.site-footer.rr-premium-footer .footer-col:first-of-type h4{grid-column:1/-1!important;} /* جعل عنوان خدمة العملاء بعرض العمودين. */
  html body footer.site-footer.rr-premium-footer .footer-col:first-of-type>a{display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;min-height:30px!important;padding:0 6px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:999px!important;background:rgba(255,255,255,.025)!important;text-align:center!important;font-size:11px!important;line-height:1.2!important;} /* جعل روابط خدمة العملاء Chips صغيرة واحترافية. */
  html body footer.site-footer.rr-premium-footer .rr-footer-contact{margin-top:18px!important;text-align:center!important;} /* تقليل المسافة قبل بيانات التواصل. */
  html body footer.site-footer.rr-premium-footer .rr-footer-contact h4{margin-bottom:10px!important;} /* تقليل المسافة بعد عنوان Contact. */
  html body footer.site-footer.rr-premium-footer .rr-footer-contact-line{display:block!important;margin:0 auto 7px!important;padding:0 0 7px!important;max-width:280px!important;text-align:center!important;border-bottom:1px solid rgba(255,255,255,.07)!important;} /* تصغير خطوط بيانات التواصل وتوسيطها. */
  html body footer.site-footer.rr-premium-footer .rr-footer-contact-line small{display:block!important;margin-bottom:3px!important;font-size:8px!important;line-height:1!important;} /* تصغير عنوان البريد أو الهاتف. */
  html body footer.site-footer.rr-premium-footer .rr-footer-contact-line span{display:block!important;font-size:11px!important;line-height:1.4!important;word-break:break-word!important;} /* تصغير قيمة البريد أو العنوان. */
  html body footer.site-footer.rr-premium-footer .rr-footer-wholesale-card{margin:11px auto 0!important;text-align:center!important;} /* تقليل مساحة رابط الجملة. */
  html body footer.site-footer.rr-premium-footer .rr-footer-wholesale-card .footer-btn{font-size:10px!important;letter-spacing:.14em!important;padding-bottom:2px!important;} /* تصغير رابط Contact Wholesale. */
  html body footer.site-footer.rr-premium-footer .footer-bottom{margin-top:18px!important;padding:12px 0 14px!important;gap:4px!important;font-size:10px!important;line-height:1.55!important;} /* تصغير الشريط السفلي للفوتر. */
  html body footer.site-footer.rr-premium-footer .footer-bottom span{display:block!important;width:100%!important;text-align:center!important;} /* جعل نهاية الفوتر سطرين منتظمين في المنتصف. */
  html body footer.site-footer.rr-premium-footer .rr-footer-signature{font-size:9px!important;letter-spacing:.09em!important;} /* تصغير توقيع الفوتر. */
} /* نهاية تحسينات الفوتر على الموبايل. */

@media(max-width:430px){ /* تحسين إضافي للشاشات الصغيرة جدًا. */
  html body footer.site-footer.rr-premium-footer{padding-inline:14px!important;} /* تقليل الهوامش الجانبية على الموبايل الصغير. */
  html body footer.site-footer.rr-premium-footer .rr-footer-brand h3{font-size:25px!important;} /* تصغير اسم RubyRose أكثر على الشاشات الصغيرة. */
  html body footer.site-footer.rr-premium-footer .footer-col:first-of-type{column-gap:7px!important;row-gap:6px!important;} /* تقليل فراغات روابط خدمة العملاء. */
  html body footer.site-footer.rr-premium-footer .footer-col:first-of-type>a{font-size:10px!important;min-height:28px!important;} /* تصغير روابط خدمة العملاء على الشاشات الصغيرة. */
} /* نهاية تحسين الشاشة الصغيرة. */