/*
Theme Name: Athar Legal (Astra Child)
Theme URI: https://example.com
Description: قالب فرعي مخصص لموقع "مجموعة أثر القانونية" مبني على قالب Astra بهوية بصرية سوداء وذهبية.
Author: Athar Legal Group
Template: astra
Version: 1.0.0
Text Domain: athar-legal-child
*/

/* ============================================================
   1) متغيرات الهوية البصرية (Design Tokens)
   ============================================================ */
:root{
  --athar-black:      #0b0b0c;
  --athar-charcoal:   #17171a;
  --athar-white:      #ffffff;
  --athar-gold:       #c9a24b;
  --athar-gold-dim:   #8a7331;
  --athar-gray:       #9a9a9f;

  --font-display-ar: 'Amiri', 'Georgia', serif;
  --font-body-ar:    'Tajawal', 'Segoe UI', sans-serif;
  --font-display-en: 'Playfair Display', Georgia, serif;
  --font-body-en:    'Inter', Arial, sans-serif;
}

/* ============================================================
   2) الهيدر والقائمة الرئيسية
   ============================================================ */
.ast-above-header,
.site-header,
.main-header-bar{
  background-color: var(--athar-black) !important;
  border-bottom: 1px solid var(--athar-gold-dim);
}

.main-header-menu .menu-item > a,
.ast-header-navigation-arrow,
.site-title a,
.site-title{
  color: var(--athar-white) !important;
  font-family: var(--font-body-ar);
}

.main-header-menu .menu-item > a:hover,
.main-header-menu .current-menu-item > a{
  color: var(--athar-gold) !important;
}

.ast-mobile-menu-buttons svg,
.ast-mobile-menu-buttons path{
  fill: var(--athar-gold) !important;
}

/* ============================================================
   3) العناوين والخطوط العامة للموقع
   ============================================================ */
body{
  font-family: var(--font-body-ar);
  color: #1c1c1c;
}

h1, h2, h3, h4,
.entry-title,
.page-title{
  font-family: var(--font-display-ar);
  color: var(--athar-black);
}

/* عند تفعيل صفحات/محتوى بالإنجليزية استخدم هذه الكلاسات يدويًا */
.lang-en, .lang-en h1, .lang-en h2, .lang-en h3{
  font-family: var(--font-body-en);
}
.lang-en h1, .lang-en h2, .lang-en h3{
  font-family: var(--font-display-en);
}

/* ============================================================
   4) الأزرار الموحّدة في كامل الموقع
   ============================================================ */
.ast-button,
button,
.button,
input[type="submit"],
.wp-block-button__link{
  background: linear-gradient(135deg, var(--athar-gold), var(--athar-gold-dim)) !important;
  color: var(--athar-black) !important;
  border: none !important;
  border-radius: 2px !important;
  font-weight: 700 !important;
  letter-spacing: .3px;
  padding: 14px 32px !important;
  transition: transform .25s ease, box-shadow .25s ease;
}
.ast-button:hover,
button:hover,
.button:hover,
.wp-block-button__link:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(201,162,75,.35);
  color: var(--athar-black) !important;
}

/* ============================================================
   5) الفوتر
   ============================================================ */
.site-footer,
.ast-small-footer{
  background-color: var(--athar-black) !important;
  color: var(--athar-gray) !important;
  border-top: 1px solid var(--athar-gold-dim);
}
.site-footer a{
  color: var(--athar-gold) !important;
}

/* ============================================================
   6) ضبط اتجاه RTL العام (احتياطي)
   ============================================================ */
body.rtl .main-header-bar-navigation,
body.rtl .site-header{
  direction: rtl;
}