/* ================================================================
   THEME: AWADI — ثيم العوضي
   ثيم تكريمي فخم مستوحى من شخصية الدكتور ضياء العوضي
   عاجي دافئ + أزرق ليلي + ذهبي ملكي + نحاسي
   ================================================================ */

[data-theme="awadi"] {
  /* الألوان الأساسية - أزرق ليلي بدل الأخضر */
  --green-dark:      #0d2030;     /* أزرق ليلي عميق */
  --green-mid:       #1a3a52;     /* أزرق متوسط */
  --green-light:     #4a7090;     /* أزرق فاتح */
  --green-pale:      #e8eef3;     /* أزرق فاتح جداً */

  /* الذهبي والنحاسي */
  --gold:            #b8860b;     /* ذهبي ملكي */
  --gold-light:      #d4a82c;     /* ذهبي فاتح */
  --gold-pale:       #f5ebd0;     /* ذهبي شاحب */

  /* خلفيات عاجية دافئة */
  --cream:           #f7f1e3;     /* عاجي دافئ */
  --cream-dark:      #ede2c8;     /* عاجي غامق */

  /* الأحمر للممنوعات */
  --red-forbidden:   #8b3a1a;     /* بني محمر */
  --red-mid:         #a04020;
  --red-light:       #c15030;
  --red-pale:        #f5e8e0;

  /* النصوص */
  --text-dark:       #1a2530;
  --text-mid:        #3a4a5a;
  --text-light:      #6a7a8a;

  --white:           #fffaf0;     /* أبيض دافئ */

  --shadow-sm:       0 2px 10px rgba(13, 32, 48, 0.08);
  --shadow-md:       0 6px 24px rgba(13, 32, 48, 0.12);
  --shadow-lg:       0 14px 44px rgba(13, 32, 48, 0.18);
  --shadow-gold:     0 6px 24px rgba(184, 134, 11, 0.25);
}

/* ===== Body & Background ===== */
[data-theme="awadi"] body {
  background-color: var(--cream);
  color: var(--text-dark);
  background-image:
    radial-gradient(circle at 10% 20%, rgba(184, 134, 11, 0.04) 0%, transparent 50%),
    radial-gradient(circle at 90% 80%, rgba(13, 32, 48, 0.03) 0%, transparent 50%);
  background-attachment: fixed;
}

/* Scrollbar */
[data-theme="awadi"] ::-webkit-scrollbar-track { background: var(--cream-dark); }
[data-theme="awadi"] ::-webkit-scrollbar-thumb { background: var(--gold); border-radius: 4px; }
[data-theme="awadi"] ::-webkit-scrollbar-thumb:hover { background: var(--green-dark); }

/* ===== Header — هيدر بطابع كلاسيكي ===== */
[data-theme="awadi"] .site-header {
  background: linear-gradient(135deg, #0a1825 0%, #0d2030 50%, #122a3e 100%);
  box-shadow:
    0 6px 30px rgba(13, 32, 48, 0.3),
    0 1px 0 rgba(184, 134, 11, 0.4) inset;
  position: relative;
}

[data-theme="awadi"] .site-header::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg,
    transparent 0%,
    var(--gold) 20%,
    var(--gold-light) 50%,
    var(--gold) 80%,
    transparent 100%);
}

[data-theme="awadi"] .header-top {
  background: linear-gradient(90deg, #8b6010 0%, var(--gold) 50%, #8b6010 100%);
  color: #1a1208;
  font-weight: 700;
  letter-spacing: 0.5px;
}

[data-theme="awadi"] .header-main::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23b8860b' stroke-width='0.6' opacity='0.18'%3E%3Cpath d='M40 0 L40 80 M0 40 L80 40'/%3E%3Ccircle cx='40' cy='40' r='12'/%3E%3Cpath d='M40 28 L52 40 L40 52 L28 40 Z'/%3E%3Ccircle cx='40' cy='40' r='30'/%3E%3C/g%3E%3C/svg%3E");
  opacity: 0.8;
}

[data-theme="awadi"] .logo-title {
  font-family: 'Amiri', serif;
  color: var(--gold-light);
  font-weight: 700;
  letter-spacing: 1px;
}

[data-theme="awadi"] .logo-subtitle {
  color: rgba(245, 235, 208, 0.7);
  font-style: italic;
}

[data-theme="awadi"] .logo-emblem.has-portrait {
  background: linear-gradient(135deg, var(--gold), var(--gold-light)) !important;
  box-shadow:
    0 0 24px rgba(184, 134, 11, 0.6),
    0 0 0 2px rgba(245, 235, 208, 0.3);
}

/* ===== Navigation ===== */
[data-theme="awadi"] .nav-link {
  color: rgba(245, 235, 208, 0.85);
  font-weight: 600;
}

[data-theme="awadi"] .nav-link:hover {
  color: var(--gold-light);
  background: rgba(184, 134, 11, 0.12);
}

[data-theme="awadi"] .nav-link.active {
  color: #1a1208;
  background: linear-gradient(135deg, var(--gold), var(--gold-light));
  box-shadow: 0 4px 14px rgba(184, 134, 11, 0.4);
}

[data-theme="awadi"] .nav-admin {
  border: 1px solid rgba(184, 134, 11, 0.4);
}

/* ===== Hero Home (v12 - unified design across all themes) ===== */
/* All hero-home styling now lives in home.css and applies to all themes.
   Previous awadi-specific overrides removed to prevent conflicts. */

/* ===== Buttons ===== */
[data-theme="awadi"] .btn-gold {
  background: linear-gradient(135deg, var(--gold), var(--gold-light));
  color: #1a1208;
  font-weight: 700;
  box-shadow: 0 6px 20px rgba(184, 134, 11, 0.35);
}

[data-theme="awadi"] .btn-gold:hover {
  box-shadow: 0 10px 28px rgba(184, 134, 11, 0.5);
}

/* ===== Stats Cards ===== */
[data-theme="awadi"] .stat-card {
  background: var(--white);
  border: 1px solid rgba(184, 134, 11, 0.2);
  box-shadow: 0 4px 20px rgba(13, 32, 48, 0.08);
}

[data-theme="awadi"] .stat-icon.green {
  background: linear-gradient(135deg, var(--green-pale), #d8e4ed);
}

[data-theme="awadi"] .stat-icon.gold {
  background: linear-gradient(135deg, var(--gold-pale), #f0e2c0);
}

[data-theme="awadi"] .stat-num.green {
  color: var(--green-dark);
}

[data-theme="awadi"] .stat-num.gold {
  color: var(--gold);
}

/* ===== Page Hero ===== */
[data-theme="awadi"] .page-hero {
  background: linear-gradient(135deg, #0a1825 0%, var(--green-dark) 100%);
}

/* ===== Tribute Card ===== */
[data-theme="awadi"] .tribute-card {
  background: var(--white);
  border: 1px solid rgba(184, 134, 11, 0.2);
}

[data-theme="awadi"] .tribute-card::before {
  background: linear-gradient(90deg, var(--green-dark), var(--gold), var(--green-mid));
}

[data-theme="awadi"] .tribute-name {
  color: var(--green-dark);
  font-family: 'Amiri', serif;
}

[data-theme="awadi"] .tribute-title {
  color: var(--gold);
  letter-spacing: 1px;
}

[data-theme="awadi"] .tribute-quote {
  background: linear-gradient(135deg, var(--gold-pale), #f0e2c0);
  border-right-color: var(--gold);
  color: var(--green-dark);
  font-family: 'Amiri', serif;
}

[data-theme="awadi"] .tribute-portrait-wrap {
  background: linear-gradient(135deg, var(--gold), var(--gold-light));
  box-shadow:
    0 0 0 4px var(--white),
    0 0 50px rgba(184, 134, 11, 0.5),
    0 14px 40px rgba(13, 32, 48, 0.2);
}

[data-theme="awadi"] .tribute-cta {
  background: linear-gradient(135deg, var(--green-dark), var(--green-mid));
  box-shadow: 0 6px 20px rgba(13, 32, 48, 0.3);
}

[data-theme="awadi"] .tribute-cta:hover {
  box-shadow: 0 10px 28px rgba(13, 32, 48, 0.4);
}

/* ===== Quote Cards ===== */
[data-theme="awadi"] .quote-card {
  background: linear-gradient(135deg, var(--white) 0%, var(--cream) 100%);
  border-color: rgba(184, 134, 11, 0.2);
}

[data-theme="awadi"] .quote-card:hover {
  border-color: rgba(184, 134, 11, 0.5);
}

[data-theme="awadi"] .quote-card::after {
  color: var(--gold);
}

[data-theme="awadi"] .quote-card-text {
  color: var(--green-dark);
  font-family: 'Amiri', serif;
}

[data-theme="awadi"] .quote-card-source {
  color: var(--gold);
  border-top-color: rgba(184, 134, 11, 0.3);
}

[data-theme="awadi"] .quote-card.shock {
  background: linear-gradient(135deg, #1a0a0a 0%, #2a1010 100%);
  border-color: rgba(193, 80, 48, 0.3);
}

[data-theme="awadi"] .quote-card.shock .quote-card-text {
  color: #f5d8c8;
}

[data-theme="awadi"] .quote-card.science {
  background: linear-gradient(135deg, #0a1825 0%, #0d2030 100%);
  border-color: rgba(184, 134, 11, 0.3);
}

[data-theme="awadi"] .quote-card.science .quote-card-text {
  color: var(--gold-pale);
}

[data-theme="awadi"] .quote-card.science .quote-card-source {
  color: var(--gold-light);
  border-top-color: rgba(184, 134, 11, 0.3);
}

/* ===== About Page ===== */
[data-theme="awadi"] .about-hero {
  background: linear-gradient(135deg, #050d18 0%, var(--green-dark) 50%, #0a1825 100%);
}

[data-theme="awadi"] .about-hero::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23d4a82c' stroke-width='0.7' opacity='0.18'%3E%3Cpath d='M50 0 L50 100 M0 50 L100 50'/%3E%3Ccircle cx='50' cy='50' r='20'/%3E%3Cpath d='M50 30 L70 50 L50 70 L30 50 Z'/%3E%3Ccircle cx='50' cy='50' r='35'/%3E%3Cpath d='M50 15 L65 50 L50 85 L35 50 Z'/%3E%3C/g%3E%3C/svg%3E");
}

[data-theme="awadi"] .about-hero::after {
  background: var(--cream);
}

[data-theme="awadi"] .about-portrait {
  background: linear-gradient(135deg, var(--gold), var(--gold-light));
  box-shadow:
    0 0 80px rgba(184, 134, 11, 0.45),
    0 24px 60px rgba(13, 32, 48, 0.5);
}

[data-theme="awadi"] .about-portrait::before {
  border-color: rgba(212, 168, 44, 0.4);
}

[data-theme="awadi"] .about-hero-name {
  background: linear-gradient(135deg, #ffffff 0%, var(--gold-light) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

[data-theme="awadi"] .about-hero-title {
  color: var(--gold-light);
}

[data-theme="awadi"] .about-stat-num {
  color: var(--gold-light);
}

[data-theme="awadi"] .about-bio-card {
  background: var(--white);
  border: 1px solid rgba(184, 134, 11, 0.15);
}

[data-theme="awadi"] .about-bio-card::before {
  background: linear-gradient(90deg, var(--green-dark), var(--gold), var(--green-mid));
}

[data-theme="awadi"] .about-section-title {
  color: var(--green-dark);
}

[data-theme="awadi"] .about-section-subtitle {
  color: var(--gold);
}

[data-theme="awadi"] .about-bio-text strong {
  color: var(--green-dark);
}

[data-theme="awadi"] .about-bio-highlight {
  background: linear-gradient(135deg, var(--gold-pale), #f0e2c0);
  border-right-color: var(--gold);
  color: var(--green-dark);
}

[data-theme="awadi"] .legacy-content h3,
[data-theme="awadi"] .humanity-content h3 {
  color: var(--green-dark);
  font-family: 'Amiri', serif;
}

[data-theme="awadi"] .legacy-list li::before {
  color: var(--gold);
}

[data-theme="awadi"] .humanity-section {
  background: linear-gradient(135deg, var(--green-pale) 0%, var(--cream) 100%);
}

[data-theme="awadi"] .closing-tribute-quote {
  color: var(--green-dark);
  font-family: 'Amiri', serif;
}

[data-theme="awadi"] .closing-tribute-meta {
  color: var(--gold);
}

/* ===== Product Cards (allowed/forbidden) ===== */
[data-theme="awadi"] .product-card {
  background: var(--white);
  border: 1px solid rgba(184, 134, 11, 0.15);
  box-shadow: 0 4px 18px rgba(13, 32, 48, 0.06);
}

[data-theme="awadi"] .product-card:hover {
  border-color: rgba(184, 134, 11, 0.4);
  box-shadow: 0 12px 30px rgba(13, 32, 48, 0.12);
}

[data-theme="awadi"] .product-card.allowed {
  border-top: 3px solid var(--gold);
}

[data-theme="awadi"] .product-card.forbidden {
  border-top: 3px solid var(--red-forbidden);
}

[data-theme="awadi"] .card-img-wrap {
  background: linear-gradient(135deg, var(--cream-dark), var(--cream));
}

[data-theme="awadi"] .card-img-wrap.forbidden {
  background: linear-gradient(135deg, var(--red-pale), #f8ede5);
}

[data-theme="awadi"] .card-category {
  color: var(--gold);
  font-weight: 700;
}

[data-theme="awadi"] .card-category.forbidden {
  color: var(--red-mid);
}

/* ===== Filter & Search ===== */
[data-theme="awadi"] .search-filter-bar {
  background: var(--white);
  border: 1px solid rgba(184, 134, 11, 0.2);
}

[data-theme="awadi"] .search-input {
  background: var(--cream);
  color: var(--text-dark);
  border-color: rgba(184, 134, 11, 0.2);
}

[data-theme="awadi"] .search-input:focus {
  border-color: var(--gold);
  box-shadow: 0 0 0 3px rgba(184, 134, 11, 0.15);
}

[data-theme="awadi"] .filter-chip {
  background: var(--white);
  border: 1px solid rgba(184, 134, 11, 0.2);
  color: var(--text-mid);
}

[data-theme="awadi"] .filter-chip:hover {
  border-color: var(--gold);
  color: var(--green-dark);
}

[data-theme="awadi"] .filter-chip.active {
  background: linear-gradient(135deg, var(--green-dark), var(--green-mid));
  color: var(--white);
  border-color: var(--green-dark);
}

/* ===== Section Titles ===== */
[data-theme="awadi"] .section-title {
  color: var(--green-dark);
  font-family: 'Amiri', serif;
}

[data-theme="awadi"] .section-title.red {
  color: var(--red-forbidden);
}

[data-theme="awadi"] .section-title::before,
[data-theme="awadi"] .section-title::after {
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
}

/* ===== Rule Cards ===== */
[data-theme="awadi"] .rule-card {
  background: var(--white);
  border: 1px solid rgba(184, 134, 11, 0.15);
  box-shadow: 0 4px 18px rgba(13, 32, 48, 0.05);
}

[data-theme="awadi"] .rule-card:hover {
  border-color: rgba(184, 134, 11, 0.4);
  box-shadow: 0 12px 30px rgba(13, 32, 48, 0.1);
}

[data-theme="awadi"] .rule-icon {
  background: linear-gradient(135deg, var(--gold-pale), #f0e2c0);
}

[data-theme="awadi"] .rule-card h3 {
  color: var(--green-dark);
  font-family: 'Amiri', serif;
}

/* ===== Modal ===== */
[data-theme="awadi"] .modal {
  background: var(--white);
  border: 1px solid rgba(184, 134, 11, 0.2);
}

[data-theme="awadi"] .modal-header {
  background: linear-gradient(135deg, var(--green-dark), var(--green-mid));
  color: var(--white);
}

/* ===== Footer ===== */
[data-theme="awadi"] .site-footer {
  background: linear-gradient(135deg, #050d18 0%, var(--green-dark) 100%);
  color: var(--gold-pale);
  position: relative;
}

[data-theme="awadi"] .site-footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
}

[data-theme="awadi"] .footer-logo {
  color: var(--gold-light);
  font-family: 'Amiri', serif;
}

[data-theme="awadi"] .footer-quote {
  color: rgba(245, 235, 208, 0.8);
  font-style: italic;
}

[data-theme="awadi"] .footer-divider {
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
}

[data-theme="awadi"] .footer-bottom {
  color: rgba(245, 235, 208, 0.5);
}

/* ===== Theories Cards ===== */
[data-theme="awadi"] .theory-card {
  background: var(--white);
  border: 1px solid rgba(184, 134, 11, 0.15);
}

[data-theme="awadi"] .theory-card:hover {
  border-color: var(--gold);
}

[data-theme="awadi"] .theory-title {
  color: var(--green-dark);
  font-family: 'Amiri', serif;
}

/* ===== Bottom Nav (Mobile) ===== */
[data-theme="awadi"] .bottom-nav {
  background: var(--white);
  border-top: 1px solid rgba(184, 134, 11, 0.2);
}

[data-theme="awadi"] .bottom-nav-item {
  color: var(--text-mid);
}

[data-theme="awadi"] .bottom-nav-item.active {
  color: var(--gold);
}

/* ===== Special Awadi-only flourishes ===== */

/* زخرفة في زاوية البطاقات */
[data-theme="awadi"] .tribute-card.with-portrait::after,
[data-theme="awadi"] .about-bio-card::after {
  content: '';
  position: absolute;
  bottom: 12px;
  left: 12px;
  width: 60px;
  height: 60px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='%23b8860b' stroke-width='1' opacity='0.2'%3E%3Cpath d='M30 5 L35 25 L55 30 L35 35 L30 55 L25 35 L5 30 L25 25 Z'/%3E%3Ccircle cx='30' cy='30' r='3' fill='%23b8860b' opacity='0.3'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  pointer-events: none;
}

/* تأثير عند hover على الصور الدائرية */
[data-theme="awadi"] .tribute-portrait-wrap:hover,
[data-theme="awadi"] .about-portrait:hover {
  transform: scale(1.03);
  transition: transform 0.4s ease;
}

/* خط Amiri يكون مهيمن */
[data-theme="awadi"] h1, [data-theme="awadi"] h2, [data-theme="awadi"] h3 {
  font-family: 'Amiri', serif;
  letter-spacing: 0.5px;
}

/* تحسين القراءة */
[data-theme="awadi"] body {
  line-height: 1.8;
}

[data-theme="awadi"] p {
  letter-spacing: 0.3px;
}