/*
 * ثيم الواجهة البيج – المكتب القانوني
 * مبني على الملفات الأصلية، بدون تغيير مواقع أو مقاسات شريط التنقل.
 * التعديلات البصرية محصورة في شريط التنقل والواجهة الرئيسية فقط.
 */

/*
 * شريط التنقل الأصلي: مدمج مع واجهة الصفحة عند البداية،
 * ثم يظهر عند التمرير بخلفية بيج شبه شفافة وزجاجية.
 * المقاسات والمحاذاة وحركة التصغير كما في التصميم الأساسي.
 */
.site-header {
  background: transparent;
  color: #fff;
  border-bottom-color: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: background .35s var(--ease), color .35s var(--ease),
              border-color .35s var(--ease), box-shadow .35s var(--ease);
}
.site-header.is-scrolled {
  color: #25343a;
  background: rgba(249, 241, 228, .86);
  border-bottom-color: rgba(143, 108, 66, .17);
  box-shadow: 0 12px 30px -22px rgba(62, 43, 24, .30);
  backdrop-filter: blur(18px) saturate(120%);
  -webkit-backdrop-filter: blur(18px) saturate(120%);
}

/* الرئيسية بيج، فنستخدم الخط الداكن فوقها دون خلفية للشريط. */
.site-header--home:not(.is-scrolled) { color: #25343a; }
.site-header--home:not(.is-scrolled) .brand-mark {
  color: #946b39;
  border-color: rgba(152, 112, 58, .45);
}
.site-header--home:not(.is-scrolled) .brand-name small { color: #796c5b; }
.site-header--home:not(.is-scrolled) .site-nav a { color: #65584a; }
.site-header--home:not(.is-scrolled) .site-nav a:hover,
.site-header--home:not(.is-scrolled) .site-nav a.active { color: #1d323c; }
.site-header--home:not(.is-scrolled) .site-nav a:after { background: #ab804b; }
.site-header--home:not(.is-scrolled) .btn-header {
  color: #28343a;
  border-color: rgba(148, 105, 57, .38);
  background: rgba(255, 252, 246, .20);
}
.site-header--home:not(.is-scrolled) .btn-header:hover {
  color: #1d323c;
  background: rgba(255, 253, 247, .60);
  border-color: #ae8554;
}

/* في باقي الصفحات يبقى اللون الفاتح الأصلي فوق الهيدر الداكن. */
.site-header:not(.is-scrolled):not(.site-header--home) .brand-mark {
  color: var(--gold-light);
  border-color: rgba(220, 193, 142, .62);
}
.site-header:not(.is-scrolled):not(.site-header--home) .brand-name small {
  color: rgba(255, 255, 255, .66);
}
.site-header:not(.is-scrolled):not(.site-header--home) .site-nav a {
  color: rgba(255, 255, 255, .83);
}
.site-header:not(.is-scrolled):not(.site-header--home) .site-nav a:hover,
.site-header:not(.is-scrolled):not(.site-header--home) .site-nav a.active { color: #fff; }
.site-header:not(.is-scrolled):not(.site-header--home) .site-nav a:after {
  background: var(--gold-light);
}
.site-header:not(.is-scrolled):not(.site-header--home) .btn-header {
  color: #fff;
  border-color: rgba(255, 255, 255, .28);
  background: transparent;
}
.site-header:not(.is-scrolled):not(.site-header--home) .btn-header:hover {
  border-color: var(--gold-light);
  background: rgba(255, 255, 255, .08);
}

/* حالة التمرير: موحدة في جميع الصفحات، شفافة مع تباين واضح. */
.site-header.is-scrolled .brand-mark {
  color: #946b39;
  border-color: rgba(152, 112, 58, .45);
}
.site-header.is-scrolled .brand-name small { color: #796c5b; }
.site-header.is-scrolled .site-nav a { color: #65584a; }
.site-header.is-scrolled .site-nav a:hover,
.site-header.is-scrolled .site-nav a.active { color: #1d323c; }
.site-header.is-scrolled .site-nav a:after { background: #ab804b; }
.site-header.is-scrolled .btn-header {
  color: #28343a;
  border-color: rgba(148, 105, 57, .30);
  background: rgba(255, 252, 246, .30);
}
.site-header.is-scrolled .btn-header:hover {
  color: #1d323c;
  background: rgba(255, 253, 247, .75);
  border-color: #ae8554;
}

/* الواجهة الرئيسية فقط، من الأزرق إلى بيج دافئ. */
.hero-section {
  color: #27343b;
  background: linear-gradient(127deg, #f8f0e4 0%, #f2e5d1 48%, #e6d2b7 100%);
}
.hero-section::before {
  background: radial-gradient(ellipse at 91% 7%, rgba(255, 253, 247, .64), transparent 60%),
              radial-gradient(ellipse at 5% 100%, rgba(183, 138, 84, .19), transparent 59%);
  pointer-events: none;
}
/* باترن هندسي أوضح من النسخة الأساسية مع خطوط ذهبية/بنية هادية. */
.hero-section > .hero-pattern {
  opacity: .43;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22132%22%20height%3D%22132%22%20viewBox%3D%220%200%20132%20132%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2398734b%22%20stroke-width%3D%221.15%22%20opacity%3D%22.42%22%3E%3Cpath%20d%3D%22M66%205%20127%2066%2066%20127%205%2066Z%22%2F%3E%3Cpath%20d%3D%22M66%2037%2095%2066%2066%2095%2037%2066Z%22%2F%3E%3Ccircle%20cx%3D%2266%22%20cy%3D%2266%22%20r%3D%225%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 132px 132px;
  background-position: center top;
  pointer-events: none;
}
.hero-section .hero-copy h1 { color: #1d313a; }
.hero-section .hero-subtitle { color: #635747; }
.hero-section .eyebrow.light { color: #886337; }
.hero-section .eyebrow.light::before {
  background: linear-gradient(90deg, #a67a45, transparent);
}
.hero-section .btn-ghost-light {
  color: #27343a;
  border-color: rgba(145, 108, 61, .4);
  background: rgba(255, 253, 248, .35);
}
.hero-section .btn-ghost-light:hover {
  background: rgba(255, 254, 250, .8);
  border-color: #aa804c;
}

/* بطاقة الشعار وحدها: شعار SMT طبيعي بدون دائرة أو إطار بيضاوي. */
.hero-section .hero-art .orbit { display: none; }
.hero-section .emblem-panel {
  background: linear-gradient(145deg, rgba(255, 253, 249, .94), rgba(248, 235, 215, .84));
  border-color: rgba(150, 108, 60, .42);
  box-shadow: 0 25px 52px -30px rgba(100, 68, 33, .35), inset 0 0 0 12px rgba(194, 149, 86, .04);
}
.hero-section .emblem-panel::before,
.hero-section .emblem-panel::after {
  border-color: #a77a46;
  opacity: .7;
}
.hero-section .emblem-mark-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(100%, 284px);
  max-width: 100%;
  height: auto;
  padding: 0;
  margin: 0 0 23px;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  overflow: visible;
}
.hero-section .emblem-mark-logo img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 140px;
  object-fit: contain;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.hero-section .emblem-panel > span { color: #21343e; }
.hero-section .emblem-panel > small { color: #7a6b5b; }
.hero-section .hero-note {
  color: #4c463e;
  background: rgba(255, 252, 246, .96);
  border-color: rgba(151, 107, 61, .29);
  box-shadow: 0 14px 30px -18px rgba(74, 51, 28, .34);
}
.hero-section .hero-note span { color: #8a6538; background: #f1e2cc; }
.hero-section .hero-note p { color: #594e41; }

/* شريط إحصائيات الهيدر: نفس الترتيب والقياسات، وتعديل التباين فقط. */
.hero-section .trust-strip {
  background: rgba(255, 253, 249, .55);
  border-color: rgba(155, 118, 72, .31);
}
.hero-section .trust-item { border-color: rgba(155, 118, 72, .24); }
.hero-section .trust-item b { color: #916738; }
.hero-section .trust-item span { color: #2b3940; }
.hero-section .trust-item small { color: #72675b; }

/* على الجوال فقط: منع ملاحظة الهيدر من التداخل مع بطاقة الشعار. */
@media (max-width: 820px) {
  .hero-section .hero-art {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    min-height: auto;
  }
  .hero-section .hero-note {
    position: static;
    align-self: center;
    width: min(100%, 300px);
    max-width: 300px;
    margin: 0;
  }
  .hero-section .emblem-mark-logo { width: min(100%, 255px); margin-bottom: 19px; }
}
@media (max-width: 430px) {
  .hero-section .emblem-mark-logo { width: min(100%, 230px); }
}