/* ==========================================================================
   أنعام الوسطى — طبقة الهوية الخضراء (Green Theme Layer)
   تُحمّل بعد بقية الأنماط لتطبيق نظام الأبيض والأخضر ودرجاته.
   الخط يبقى كما هو دون تغيير. التراجع: احذف سطر استدعاء هذا الملف.
   ========================================================================== */

:root {
  --aw-white:      #ffffff;
  --aw-soft:       #f5faf5; /* خلفية بلمسة خضراء خفيفة */
  --aw-mist:       #e7f3e9; /* أقسام / فواصل */
  --aw-brand:      #006f31; /* أخضر العلامة (الأساسي) */
  --aw-brand-2:    #1f9d3f; /* أخضر حيّ (تأكيد/تحويم) */
  --aw-forest:     #0f3d1a; /* أخضر غابي عميق (نصوص داكنة/أقسام) */
  --aw-mint:       #74c98a; /* نعناعي على الخلفيات الداكنة */
  --aw-line:       rgba(0,111,49,.12);
  --aw-shadow:     0 12px 30px rgba(15,61,26,.10);
}

/* ---------- إيقاع خلفيات الأقسام: أبيض ↔ أخضر فاتح (بدل الرمادي) ---------- */
.about-us-section        { background: linear-gradient(180deg,var(--aw-white) 0%, var(--aw-soft) 100%) !important; }
.services-section        { background-color: var(--aw-mist) !important; }
.products-section        { background-color: var(--aw-white) !important; }
.special-offers-section  { background-color: var(--aw-soft) !important; }
.testimonials-section,
.testimonials-section.bg-gray-50 { background-color: var(--aw-mist) !important; }

/* ---------- العناوين: أخضر غابي + خط سفلي متدرّج ---------- */
.section-title,
.styled-section-title h2,
.testimonials-section .section-title h2,
.text-gray-800 { color: var(--aw-forest) !important; }

.section-underline,
.title-underline {
  background: linear-gradient(90deg, var(--aw-brand), var(--aw-brand-2)) !important;
  height: 4px !important;
  border-radius: 4px !important;
}
.title-underline:after { background-color: var(--aw-mint) !important; }

/* ---------- البطاقات: حدود خضراء ناعمة وظل أخضر ---------- */
.service-card,
.product-card,
.testimonial-card {
  border: 1px solid var(--aw-line) !important;
  box-shadow: var(--aw-shadow) !important;
}
.service-card:hover,
.product-card:hover {
  border-color: rgba(31,157,63,.35) !important;
  box-shadow: 0 18px 38px rgba(15,61,26,.16) !important;
}

/* أيقونات الخدمات: تدرّج العلامة → نعناعي */
.service-icon {
  background: linear-gradient(135deg, var(--aw-brand) 0%, var(--aw-mint) 100%) !important;
  box-shadow: 0 8px 20px rgba(0,111,49,.25) !important;
}

/* ---------- الأزرار والأسعار ---------- */
.product-details-btn,
.btn-solid,
.contact-submit {
  background: var(--aw-brand) !important;
  border-color: var(--aw-brand) !important;
  color: #fff !important;
  transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease !important;
}
.product-details-btn:hover,
.btn-solid:hover,
.contact-submit:hover {
  background: var(--aw-brand-2) !important;
  border-color: var(--aw-brand-2) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 18px rgba(31,157,63,.30) !important;
}
.product-price span,
.product-price .discount-price { color: var(--aw-brand) !important; }

/* شارة العرض: ضمن الهوية الخضراء (أخضر غابي + نص نعناعي) بدل الأحمر */
.offer-badge {
  background: var(--aw-forest) !important;
  color: var(--aw-mint) !important;
  box-shadow: 0 6px 14px rgba(15,61,26,.30) !important;
}
.offer-card { border: 1px solid var(--aw-line) !important; }

/* ---------- قسم تحميل التطبيق: تدرّج أخضر بارز ---------- */
.app-download-section {
  background: linear-gradient(135deg, var(--aw-forest) 0%, var(--aw-brand) 100%) !important;
  position: relative;
}
.app-download-card {
  background: rgba(255,255,255,.97) !important;
  border: 1px solid rgba(255,255,255,.5) !important;
  box-shadow: 0 20px 50px rgba(15,61,26,.35) !important;
}
.app-download-kicker {
  background: rgba(31,157,63,.12) !important;
  color: var(--aw-brand) !important;
}
.app-download-content h2 { color: var(--aw-forest) !important; }

/* ---------- التقييمات ---------- */
.testimonial-text { color: #34403a !important; }
.author-name      { color: var(--aw-forest) !important; }
.author-role      { color: var(--aw-brand) !important; }

/* ---------- مؤشّر تركيز مرئي للوصول ---------- */
a:focus-visible,
button:focus-visible,
.product-details-btn:focus-visible {
  outline: 3px solid var(--aw-brand-2) !important;
  outline-offset: 3px !important;
  border-radius: 8px !important;
}