/*
 * البوابة الذهبية — تصميم احترافي للموقع العام (طبقة CSS فقط)
 * تُفعَّل بإضافة الصنف mk-golden على <html> (يتم تلقائياً من function.php).
 * إيقافها في موقع: define('MK_SITE_MODERN', false);
 * ملاحظة: لا تغيّر خلفيات الصور في ثيمك؛ تغيّر اللون والخطوط والجداول والأزرار فقط.
 */
html.mk-golden {
  --g-gold: #c9a227;
  --g-gold-dark: #9a7b12;
  --g-gold-soft: #fbf6e4;
  --g-gold-line: #ead9a0;
  --g-ink: #1f2430;
  --g-muted: #6b7280;
  --g-navy: #14213d;
  --g-navy-2: #1c2f57;
  --g-bg: #f6f4ee;
  --g-card: #ffffff;
  --g-line: #e8e3d3;
  --g-radius: 10px;
  --g-shadow: 0 1px 2px rgba(20, 33, 61, .07), 0 4px 14px rgba(20, 33, 61, .06);
  --g-font: "Segoe UI", "Noto Naskh Arabic", "Noto Kufi Arabic", Tahoma, Arial, sans-serif;
  scroll-behavior: smooth;
}

/* ---------- الأساس ---------- */
html.mk-golden body {
  background-color: var(--g-bg);
  color: var(--g-ink);
  font-family: var(--g-font);
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  border-top: 4px solid var(--g-gold);   /* شريط ذهبي علوي يعطي هوية فورية */
}
html.mk-golden td, html.mk-golden th, html.mk-golden p, html.mk-golden li,
html.mk-golden .fonttable, html.mk-golden .fonttable2, html.mk-golden .fontblock, html.mk-golden .fontblock2,
html.mk-golden input, html.mk-golden select, html.mk-golden textarea, html.mk-golden button {
  font-family: var(--g-font);
}
html.mk-golden .fonttable, html.mk-golden .fonttable2 { font-size: 14px; color: var(--g-ink); }
html.mk-golden .fontblock, html.mk-golden .fontblock2 { font-size: 13.5px; }
html.mk-golden h1, html.mk-golden h2, html.mk-golden h3, html.mk-golden h4 {
  font-family: var(--g-font); color: var(--g-navy); font-weight: 700; line-height: 1.4;
}
html.mk-golden ::selection { background: var(--g-gold); color: #1b1500; }
html.mk-golden img { max-width: 100%; }
html.mk-golden hr { border: 0; border-top: 1px solid var(--g-line); }

/* ---------- الروابط ---------- */
html.mk-golden .fonttable a, html.mk-golden .fonttable2 a, html.mk-golden .linktable a,
html.mk-golden .fontblock a, html.mk-golden .fontblock2 a {
  color: var(--g-navy-2); text-decoration: none; transition: color .15s ease, background-size .2s ease;
}
html.mk-golden .fonttable a:hover, html.mk-golden .fonttable2 a:hover, html.mk-golden .linktable a:hover,
html.mk-golden .fontblock a:hover, html.mk-golden .fontblock2 a:hover { color: var(--g-gold-dark); }
html.mk-golden .linktable a { font-weight: 600; }

/* ---------- ترويسات الجداول والأقسام (thead / tcat) ---------- */
html.mk-golden .thead, html.mk-golden td.thead, html.mk-golden th.thead {
  background: linear-gradient(180deg, #e9cc6a 0%, #c9a227 100%) !important;
  color: #2b2100 !important; font-weight: 700; font-size: 14px; padding: 9px 14px;
  border: 0 !important; text-shadow: 0 1px 0 rgba(255, 255, 255, .35);
}
html.mk-golden .thead a, html.mk-golden .thead span { color: #2b2100 !important; }
html.mk-golden .tcat, html.mk-golden td.tcat {
  background: linear-gradient(180deg, var(--g-navy-2), var(--g-navy)) !important;
  color: #f4e4a6 !important; font-weight: 700; padding: 9px 14px; border: 0 !important;
}
html.mk-golden .tcat a, html.mk-golden .tcat span { color: #f4e4a6 !important; }

/* ---------- صفوف المحتوى (alt1 / alt2) ---------- */
html.mk-golden .alt1, html.mk-golden td.alt1 {
  background: var(--g-card) !important; border-bottom: 1px solid var(--g-line); padding: 10px 14px;
}
html.mk-golden .alt2, html.mk-golden td.alt2 {
  background: var(--g-gold-soft) !important; border-bottom: 1px solid var(--g-line); padding: 10px 14px;
}
html.mk-golden tr:hover > .alt1, html.mk-golden tr:hover > .alt2 { background: #fff9e2 !important; }

/* بطاقة الجدول: زوايا مدوّرة وظل خفيف للجداول التي تحمل ترويسة */
html.mk-golden table:has(> tbody > tr > .thead),
html.mk-golden table:has(> tr > .thead),
html.mk-golden table:has(> tbody > tr > .tcat) {
  border-collapse: separate; border-spacing: 0; border-radius: var(--g-radius);
  overflow: hidden; box-shadow: var(--g-shadow); border: 1px solid var(--g-line);
}

/* ---------- الكتل الجانبية ---------- */
html.mk-golden .rightblocktd, html.mk-golden .leftblocktd { padding: 6px; }
html.mk-golden .rightblocktd table, html.mk-golden .leftblocktd table { max-width: 100%; }

/* ---------- حقول ونماذج وأزرار ---------- */
html.mk-golden input[type="text"], html.mk-golden input[type="password"], html.mk-golden input[type="email"],
html.mk-golden input[type="search"], html.mk-golden input[type="number"], html.mk-golden input[type="tel"],
html.mk-golden input[type="url"], html.mk-golden select, html.mk-golden textarea {
  box-sizing: border-box; padding: 7px 11px; min-height: 34px; background: #fff; color: var(--g-ink);
  border: 1px solid #d8d2bd; border-radius: 8px; transition: border-color .15s ease, box-shadow .15s ease;
}
html.mk-golden input[type="text"]:focus, html.mk-golden input[type="password"]:focus, html.mk-golden input[type="email"]:focus,
html.mk-golden input[type="search"]:focus, html.mk-golden select:focus, html.mk-golden textarea:focus {
  outline: 0; border-color: var(--g-gold); box-shadow: 0 0 0 3px rgba(201, 162, 39, .25);
}
html.mk-golden input[type="submit"], html.mk-golden input[type="button"], html.mk-golden button, html.mk-golden .btn {
  background: linear-gradient(180deg, #e0bb45, #c9a227); color: #2b2100; border: 1px solid #b08d1a;
  border-radius: 8px; padding: 7px 18px; font-weight: 700; cursor: pointer; text-shadow: none;
  box-shadow: 0 1px 2px rgba(20, 33, 61, .15); transition: filter .15s ease, transform .05s ease, box-shadow .15s ease;
}
html.mk-golden input[type="submit"]:hover, html.mk-golden input[type="button"]:hover, html.mk-golden button:hover, html.mk-golden .btn:hover {
  filter: brightness(1.06); box-shadow: 0 3px 8px rgba(20, 33, 61, .2);
}
html.mk-golden input[type="submit"]:active, html.mk-golden button:active { transform: translateY(1px); }
html.mk-golden input[type="checkbox"], html.mk-golden input[type="radio"] { accent-color: var(--g-gold-dark); }

/* ---------- مسار التنقل والترقيم وغيرها ---------- */
html.mk-golden .breadcrumb {
  background: var(--g-card); border: 1px solid var(--g-line); border-radius: 8px; padding: 8px 14px;
}
html.mk-golden .page a, html.mk-golden .pagination a {
  border: 1px solid var(--g-line); border-radius: 6px; padding: 3px 9px; background: #fff; color: var(--g-navy-2);
}
html.mk-golden .page a:hover, html.mk-golden .pagination a:hover { background: var(--g-gold); color: #1b1500; border-color: var(--g-gold); }
html.mk-golden .tooltip { border-radius: 8px; box-shadow: var(--g-shadow); }
html.mk-golden .name-mail { color: var(--g-muted); font-size: 12.5px; }

/* ---------- شريط تمرير ذهبي رفيع ---------- */
html.mk-golden ::-webkit-scrollbar { width: 11px; height: 11px; }
html.mk-golden ::-webkit-scrollbar-track { background: #f1eee3; }
html.mk-golden ::-webkit-scrollbar-thumb { background: #cdb25a; border-radius: 10px; border: 2px solid #f1eee3; }
html.mk-golden ::-webkit-scrollbar-thumb:hover { background: var(--g-gold-dark); }

/* ---------- جوال وطباعة ---------- */
@media (max-width: 768px) {
  html.mk-golden .fonttable, html.mk-golden .fonttable2 { font-size: 15px; }
  html.mk-golden .alt1, html.mk-golden .alt2 { padding: 12px 12px; }
  html.mk-golden input[type="submit"], html.mk-golden button { padding: 10px 18px; }
}
@media print {
  html.mk-golden body { border-top: 0; background: #fff; }
}