/* ================================
    تنسيق الهيدر 
=================================*/
.kayan-header {
  background-color: #5D3E26 !important; /* بني أساسي */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* ظل أنيق خفيف */
  position: sticky;
  top: 0;
  z-index: 9999;
}

.kayan-header i {
  color: #000000 !important; /* الأيقونات بالأسود */
}

/* ================================
    تنسيق الفوتر
=================================*/
footer.kayan-footer {
  background: linear-gradient(135deg, #5D3E26 70%, #000000 150%); /* الأساس بني مع لمعة سوداء */
  color: #ffffff !important;
  padding: 2rem 1rem;
  border-top: 1px solid #000000;
}

footer.kayan-footer p,
footer.kayan-footer a,
footer.kayan-footer h5 {
  color: #ffffff !important;
  opacity: 0.9;
  transition: all 0.3s ease;
}

footer.kayan-footer a:hover {
  color: #000000 !important;
  opacity: 1;
  text-shadow: 0 0 5px #000000;
}

footer.kayan-footer .footer-logo img {
  filter: drop-shadow(0 0 6px #000000);
  max-height: 80px;
}

footer.kayan-footer .social-icons i {
  color: #ffffff;
  transition: all 0.3s ease;
}

footer.kayan-footer .social-icons i:hover {
  color: #000000;
  transform: scale(1.2);
}

/* ================================
    تنسيق لوجو "كبش الحجاز"
=================================*/

/* حاوية الهيدر تمنع القص */
header,
.site-header,
.header,
.header-top,
.header__logo,
.store-header,
.top-header {
  overflow: hidden !important;
  box-sizing: border-box;
}

/* اللوجو في الديسكتوب */
header img[alt*="كبش الحجاز"],
header .store-logo img,
img[src*="6Ccu33HyY4dde0QS5JuX076v926bFcZCM0HwmIC7.png"] {
  display: block !important;
  max-width: none !important;
  width: auto !important;
  height: 140% !important;
  object-fit: cover !important;
  transform-origin: center center !important;
  transform: scale(1.2) !important;
  transition: transform 0.25s ease, height 0.25s ease !important;
}

/* نسخة الموبايل */
@media (max-width: 768px) {
  header img[alt*="كبش الحجاز"],
  header .store-logo img,
  img[src*="6Ccu33HyY4dde0QS5JuX076v926bFcZCM0HwmIC7.png"] {
    object-fit: contain !important; /* منع القص */
    transform: none !important; /* إلغاء التكبير */
    height: auto !important;
    max-height: 90px !important; /* حجم مثالي للموبايل */
    margin: 0 auto !important;
    display: block !important;
  }

  .header__logo,
  .store-header,
  .site-header,
  .top-header {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: visible !important;
  }
}