/*
Theme Name: Astra Child
Template: astra
*/

/* إخفاء أيقونة السلة والحقيبة فوق صور المنتجات */
.ast-shop-thumbnail-wrap .ast-on-card-button, 
.woocommerce-placement-content .ast-on-card-button,
.ast-select-options-trigger {
    display: none !important;
}




.home .site-header {
  background: transparent !important;
  position: absolute !important;
  width: 100% !important;
  z-index: 999 !important;
}


/* تقليل حجم الهيدر في صفحة المدونة */
.blog .site-header {
  position: relative !important;
}

.blog #masthead {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: auto !important;
}

/* تغيير خلفية صفحة المدونة */
.blog .site-content {
  background: #f8f8f8 !important;
}

.blog #content {
  background: #f8f8f8 !important;
}

.blog #page {
  background: #f8f8f8 !important;
}

/* تحسين زر قراءة المزيد */
.blog .ast-read-more-container a {
  background: #111010 !important;
  color: #fff !important;
  padding: 10px 24px !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  display: inline-block !important;
}

.blog .ast-read-more-container a:hover {
  background: #F5C518 !important;
  color: #111 !important;
}

.blog .ast-archive-entry-banner,
.blog .ast-archive-entry-banner .ast-container,
.blog .entry-header,
.blog .ast-article-post {
  background: #f8f8f8 !important;
}

@media (max-width: 768px) {
  .blog .site-content,
  .blog .site-main,
  .blog #content {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.blog {
    overflow-x: hidden !important;
  }
}

.blog {
  overflow-x: hidden !important;
}

.blog-hero-added {
  margin-bottom: 40px !important;
}

/* مسافة من اليمين واليسار للبطاقات */
.blog .site-main {
  padding: 40px 40px !important;
}

/* تساوي ارتفاع البطاقات */
.blog .ast-article-post {
  height: 100% !important;
}

.blog .posts-container {
  align-items: stretch !important;
}

/* تمييز الصفحة النشطة في القائمة */
.current-menu-item a,
.current-page-ancestor a,
.current_page_item a {
  color: #F5C518 !important;
}

/* لون الروابط عند التحويم */
.main-header-menu a:hover {
  color: #F5C518 !important;
}