/* ==========================================================================
   مقر — تنسيقات الهوية (child theme)
   الألوان والخط من CLAUDE.md قسم 2. لا تكتب هنا اسم النطاق ولا روابط مطلقة.
   المسارات نسبية لهذا الملف (تتحرك مع الثيم عند النقل).
   ========================================================================== */

:root {
  --maqr-maroon: #5B1017;
  --maqr-maroon-deep: #370C13;
  --maqr-maroon-lit: #7A1F26;
  --maqr-cream: #EBE3D5;
  --maqr-cream-lit: #F3EDE2;
  --maqr-gold: #C9A24D;
  --maqr-gold-lit: #E3C782;
  --maqr-ink: #2B2521;
  --primary-color: #5B1017;
  --maqr-pin: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjEzMC44NzQgNDkuNDAxIDIyLjA2MCAyNS43OTYiIGZpbGw9IiM1QjEwMTciPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE0NC40NyA2OC4zODdDMTQ0LjM2NCA2OC40OTQgMTQ0LjI1NiA2OC42MDEgMTQ0LjE1IDY4LjcxNUMxNDMuMzI5IDY5LjU0MiAxNDIuNTEgNzAuMzc2IDE0MS42NjggNzEuMjI1QzE0MS40NjkgNzEuMDI2IDE0MS4yODMgNzAuODMyIDE0MS4wOTggNzAuNjRDMTQwLjcyIDcwLjI2MiAxNDAuMzQyIDY5Ljg4NCAxMzkuOTcyIDY5LjUwNkMxMzkuNzkzIDY5LjMyMiAxMzkuNjAxIDY5LjEzNiAxMzkuNDIzIDY4Ljk0NEMxMzkuNDIzIDY4LjkzNyAxMzkuNDE1IDY4LjkzNyAxMzkuNDE1IDY4LjkzN0MxMzkuMzQ0IDY4Ljg2NSAxMzkuMjczIDY4Ljc4NiAxMzkuMTk1IDY4LjcxNUMxMzguNTMyIDY4LjA0NSAxMzcuODY4IDY3LjM4MiAxMzcuMTg0IDY2LjY5MUwxMzcuMTg0IDY2LjcxOUMxMzYuODE0IDY2LjM0OCAxMzYuNDcyIDY2LjAxMyAxMzYuMjIyIDY1Ljc1N0wxMzYuMTI5IDY1LjY2NEMxMzYuMDcyIDY1LjYwNyAxMzYuMDA4IDY1LjUyOSAxMzUuOTM3IDY1LjQ0OUMxMzMuOTc2IDYzLjE4MyAxMzMuMzQ5IDYwLjYwMyAxMzQuMzMyIDU3Ljc2NUMxMzUuMzE3IDU0Ljg5OSAxMzcuMzkxIDUzLjE0NSAxNDAuMzUgNTIuNTZDMTQzLjY0MyA1MS44OTggMTQ2Ljk4NyA1My42NTIgMTQ4LjYxOSA1Ni43NjdDMTUwLjEyMyA1OS42NjggMTQ5LjUyNSA2My4zNjEgMTQ3LjE3MiA2NS42OTNMMTQ3LjEwOSA2NS43NTdDMTQ2LjIxNyA2Ni42MjYgMTQ1LjM0NyA2Ny41MTEgMTQ0LjQ3IDY4LjM4N1pNMTUxLjM3OSA1Ny4yOTRDMTUwLjE4OCA1My40MjMgMTQ3LjQ2NCA1MS4wNDIgMTQzLjQ5MyA1MC4yMDdDMTQyLjgwMiA1MC4wNjYgMTQyLjExNyA1MC4wMDEgMTQxLjQ0MSA1MC4wMTVDMTM5LjY5NCA1MC4wNDMgMTM4LjM4MiA1MC41NzIgMTM3LjU0OCA1MC45MTNDMTM2LjY5MyA1MS4yNjMgMTM2LjE4NiA1MS41ODMgMTM2LjAwMSA1MS43MTJDMTM1LjQzOCA1Mi4wNzUgMTM1LjAxNyA1Mi40NTMgMTM0LjcyNSA1Mi43NTNDMTMzLjk2MiA1My40NzMgMTMyLjc2NCA1NC44MTQgMTMyLjA2NiA1Ni44M0MxMzEuNzE2IDU3LjgyOSAxMzEuNTI0IDU4Ljg5MSAxMzEuNTA5IDYwLjAzMkMxMzEuNDc0IDYyLjE3OCAxMzIuMDMgNjQuMDg4IDEzMy4xMzUgNjUuNzU3QzEzMy41MDUgNjYuMzIxIDEzMy45MzMgNjYuODQ4IDEzNC40MjUgNjcuMzU0TDEzNC40MzMgNjcuMzU0TDEzNC40MjUgNjcuMzYxTDEzNS43OCA2OC43MTVMMTQxLjY1NSA3NC41OTdDMTQyLjc0NSA3My41MTMgMTQzLjgwNyA3Mi40NjUgMTQ0Ljg2OSA3MS40MDRDMTQ1Ljc2OCA3MC41MDUgMTQ2LjY3MyA2OS42MiAxNDcuNTY1IDY4LjcxNUMxNDcuOTk5IDY4LjI4NyAxNDguNDIgNjcuODUzIDE0OC44NCA2Ny40MTdDMTQ5LjM1NCA2Ni44ODMgMTQ5LjgwMyA2Ni4zMjcgMTUwLjE4OCA2NS43NTdDMTUxLjg4NSA2My4yNTQgMTUyLjMzNCA2MC40MDMgMTUxLjM3OSA1Ny4yOTRaIi8+PHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTQxLjY0IDYyLjE3OEMxNDAuNTcxIDYyLjE2MyAxMzkuNjg3IDYxLjI2NSAxMzkuNjk0IDYwLjE5NkMxMzkuNzAyIDU5LjExMyAxNDAuNTkyIDU4LjIzNSAxNDEuNjY4IDU4LjI0MkMxNDIuNzY3IDU4LjI0OSAxNDMuNjM2IDU5LjExOSAxNDMuNjM2IDYwLjE5NkMxNDMuNjQzIDYxLjMwMSAxNDIuNzQ1IDYyLjE4NSAxNDEuNjQgNjIuMTc4Wk0xNDEuNjYxIDU1LjgyNUMxMzkuMjgxIDU1LjgxOSAxMzcuMzA2IDU3Ljc5MyAxMzcuMjk4IDYwLjE4OUMxMzcuMjkxIDYyLjYxMyAxMzkuMjQ0IDY0LjU4IDE0MS42NzYgNjQuNTg3QzE0NC4wNzEgNjQuNTk1IDE0Ni4wNjEgNjIuNTkxIDE0Ni4wNDYgNjAuMTgyQzE0Ni4wMzggNTcuOCAxNDQuMDU3IDU1LjgyNSAxNDEuNjYxIDU1LjgyNVoiLz48L3N2Zz4="); /* مضمّن (Data URI) عشان ما يتحمّلش كملف خارجي: سفاري آيفون ما بيعيدش الرسم لما يوصل متأخر */
}

/* ---------- الخط: Tajawal فقط ---------- */
html, body, button, input, select, textarea,
h1, h2, h3, h4, h5, h6, p, a, li, td, th, label, blockquote,
.elementor-widget-container, .elementor-heading-title, .elementor-button,
#navigation, #navigation a, .button, .chosen-container, .select2-container {
  font-family: "Tajawal", sans-serif;
}
h1, h2, h3, h4, h5, h6, .elementor-heading-title { font-weight: 800; }
.elementor-kit-9, body {
  --e-global-typography-primary-font-family: "Tajawal";
  --e-global-typography-secondary-font-family: "Tajawal";
  --e-global-typography-text-font-family: "Tajawal";
  --e-global-typography-accent-font-family: "Tajawal";
}

/* ---------- اللوجو: حجم ثابت واضح (الثيم كان مسيّجه على 38px) ---------- */
#logo img, .menu-logo img, .mobile-nav-header img { height: 50px; max-height: 50px; width: auto; }
@media (max-width: 1024px) {
  #logo img, .menu-logo img, .mobile-nav-header img { height: 42px; max-height: 42px; }
}

/* ---------- لوجو الهيدر: الصفحات الداخلية هيدرها أبيض، فنستخدم اللوجو الماروني ---------- */
body:not(.home) #logo img[src*="maqr-logo-cream"] { content: url("images/maqr-logo-maroon.svg"); }

/* ---------- هيدر لوحة المضيف: القائمة العلوية ما تنزلش تحت الهيدر ---------- */
header.dashboard .left-side { white-space: nowrap; }
header.dashboard #navigation > ul > li > a { padding: 2px 9px; font-size: 14px; }
@media (max-width: 1500px) {
  /* الشاشة لا تتسع للقائمة مع أزرار الحساب، فنخفيها هنا (لوحة المضيف فيها قائمتها الجانبية) */
  header.dashboard #navigation { display: none; }
}

/* ---------- الفوتر: ماروني غامق، والنص كريمي، والروابط ذهبية عند المرور ---------- */
#footer { background-color: var(--maqr-maroon-deep) !important; color: var(--maqr-cream) !important; }
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer p, #footer li, #footer span, #footer .textwidget { color: var(--maqr-cream) !important; }
#footer a:not(.button) { color: var(--maqr-cream) !important; }
#footer a:not(.button):hover { color: var(--maqr-gold-lit) !important; }
#footer .footer-links li::before, #footer ul.menu li::before { color: var(--maqr-gold) !important; }
#footer .copyrights, #footer .footer-bottom, #footer hr { border-color: rgba(235, 227, 213, .18) !important; }
#footer .footer-bottom-container, #footer .copyrights { color: var(--maqr-cream) !important; }

/* قائمة الموبايل (خلفية غامقة) */
.mobile-navigation-wrapper a:not(.button), .mobile-navigation-wrapper .textwidget a { color: var(--maqr-gold-lit) !important; }
.mobile-navigation-wrapper .mobile-navigation-list a { color: var(--maqr-cream) !important; }

/* ---------- Tajawal لكل نص، بلا استثناء (الثيم والإضافات كانوا بيكتبوا Open Sans وRaleway وHelvetica وRoboto) ----------
   الاستثناء الوحيد: عناصر الأيقونات، لأن خط الأيقونات هو اللي بيرسم الرمز. */
html body,
html body *:not(i):not([class^="fa"]):not([class*=" fa"]):not([class*="fa-"]):not([class*="icon-brand"]):not([class*="sl-icon"]):not(.sl):not(.mfp-close):not(.slick-arrow):not(.slick-prev):not(.slick-next):not(svg):not(svg *) {
  font-family: "Tajawal", "MaqrSAR", sans-serif !important;
}

/* ---------- النص المشدود (الصنف يضيفه maqr.js على الفقرات الطويلة فقط) ---------- */
.maqr-justify { text-align: justify; text-justify: inter-word; }

/* ==========================================================================
   الأيقونات: كل أيقونة زخرفية = علامة الـpin (موقع مقر) من اللوجو الحقيقي
   المستثنى (وظيفي): الأسهم، الإغلاق، القائمة، النجوم، القلب، السلة، البحث، السوشيال
   ========================================================================== */
:is(i.fa, i.fas, i.far, i.fal, i.fa-solid, i.fa-regular, i.sl, i[class*="sl-icon-"]):not(
  :is([class*="chevron"], [class*="angle"], [class*="arrow"], [class*="caret"],
      [class*="times"], [class*="close"], [class*="bars"], [class*="align-justify"], [class*="fa-th"],
      [class*="star"], [class*="heart"], [class*="shopping"], [class*="cart"],
      [class*="search"], [class*="magnifier"], [class*="spinner"], [class*="circle-notch"], [class*="refresh"],
      [class*="brand"], [class*="facebook"], [class*="twitter"], [class*="instagram"], [class*="linkedin"],
      [class*="youtube"], [class*="whatsapp"], [class*="snapchat"], [class*="tiktok"], [class*="messenger"],
      [class*="fa-check"], [class*="sl-icon-check"], [class*="sl-icon-login"], [class*="sl-icon-logout"], [class*="fa-eye"])
) {
  display: inline-block;
  width: 1em;
  height: 1.15em;
  line-height: 1;
  font-size: inherit;
  vertical-align: -0.18em;
  background-color: currentColor;
  -webkit-mask: var(--maqr-pin) no-repeat center / contain;
          mask: var(--maqr-pin) no-repeat center / contain;
  /* إصلاح باج سفاري آيفون: ماسك CSS أحيانًا ما يترسمش أول ما الصفحة تفتح،
     ويفضل مختفي لحد ما حاجة تجبر إعادة رسم (زي تدوير الجوال). إجبار طبقة GPU
     مستقلة من أول تحميل بيمنع المشكلة. */
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
:is(i.fa, i.fas, i.far, i.fal, i.fa-solid, i.fa-regular, i.sl, i[class*="sl-icon-"]):not(
  :is([class*="chevron"], [class*="angle"], [class*="arrow"], [class*="caret"],
      [class*="times"], [class*="close"], [class*="bars"], [class*="align-justify"], [class*="fa-th"],
      [class*="star"], [class*="heart"], [class*="shopping"], [class*="cart"],
      [class*="search"], [class*="magnifier"], [class*="spinner"], [class*="circle-notch"], [class*="refresh"],
      [class*="brand"], [class*="facebook"], [class*="twitter"], [class*="instagram"], [class*="linkedin"],
      [class*="youtube"], [class*="whatsapp"], [class*="snapchat"], [class*="tiktok"], [class*="messenger"],
      [class*="fa-check"], [class*="sl-icon-check"], [class*="sl-icon-login"], [class*="sl-icon-logout"], [class*="fa-eye"])
)::before {
  content: none !important;
  display: none !important;
}
/* ==========================================================================
   تنسيقات RTL إضافية (ميزات، زر المفضلة، آراء العملاء، الفوتر، العملة)
   ========================================================================== */

/* العملة: رمز الريال الرسمي يُعرض بحجم الأرقام وبنفس لونها */
body, .price-nl, [class*="price"], .woocommerce-Price-currencySymbol { font-family: "Tajawal", "MaqrSAR", sans-serif; }
.woocommerce-Price-currencySymbol { display: inline-block; }

/* المزايا: علامة الـpin بدل مربع الصح، والنص لا يتراكب معها */
.listing-features.checkboxes { display: flex; flex-wrap: wrap; }
.listing-features.checkboxes li { padding: 0 !important; padding-inline-start: 30px !important; margin: 5px 0 10px 0; }
.listing-features.checkboxes li:before {
  content: "" !important;
  font-family: inherit !important;
  left: auto !important;
  right: auto !important;
  inset-inline-start: 0 !important;
  top: 2px !important;
  width: 18px !important;
  height: 22px !important;
  border: 0 !important;
  border-radius: 0 !important;
  line-height: 1 !important;
  background-color: var(--maqr-maroon) !important;
  -webkit-mask: var(--maqr-pin) no-repeat center / contain;
          mask: var(--maqr-pin) no-repeat center / contain;
  /* إصلاح باج سفاري آيفون: ماسك CSS أحيانًا ما يترسمش أول ما الصفحة تفتح،
     ويفضل مختفي لحد ما حاجة تجبر إعادة رسم (زي تدوير الجوال). إجبار طبقة GPU
     مستقلة من أول تحميل بيمنع المشكلة. */
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

/* زر «أضف هذا الإعلان إلى المفضلة»: القلب بجانب النص لا فوقه */
.like-button, .like-button-notlogged { display: inline-flex; align-items: center; gap: 8px; padding: 10px 22px; }
.like-button .like-icon, .like-button-notlogged .like-icon {
  float: none !important; left: auto !important; right: auto !important; bottom: 0 !important;
  position: relative; flex: 0 0 20px; margin: 0; color: var(--maqr-maroon);
}
.like-button .like-icon:hover, .like-button .like-icon.liked,
.like-button-notlogged .like-icon:hover { color: var(--maqr-maroon-lit) !important; }

/* آراء العملاء: النص متوسّط داخل الصندوق مع السهم، وعلامة الاقتباس ما تركبش عليه */
.testimonial-box { padding: 38px 34px !important; text-align: center; }
.testimonial-box .testimonial, .testimonial-box .testimonial p, .testimonial-box .maqr-justify { text-align: center !important; }
.testimonial:after { content: none !important; }

/* ==========================================================================
   الفوتر (الإصدار 2): هوية + تواصل + تطبيق، وشريط سفلي منظّم
   ========================================================================== */
#footer {
  position: relative; overflow: hidden;
  padding: 76px 0 0 !important;
  border-top: 4px solid var(--maqr-gold);
  background: var(--maqr-maroon-deep) linear-gradient(180deg, #3d0e16 0%, #370C13 55%, #2c0a10 100%) !important;
}
/* باترن الـpin من اللوجو، خفيف جدًا خلف المحتوى */
#footer::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .018;
  background: url("images/maqr-pin-cream.svg") 0 0 / 96px 112px repeat;
}
#footer > .container { position: relative; z-index: 1; }
#footer p, #footer .textwidget p { text-align: start !important; }

/* الأعمدة */
@media (min-width: 992px) {
  #footer .container > .row:first-child { display: flex; flex-wrap: wrap; align-items: flex-start; }
  #footer .container > .row::before, #footer .container > .row::after { display: none; }
  #footer .row > .col-md-6 { width: 42%; padding-inline-end: 64px; }
  #footer .row > .col-md-3 { width: 29%; }
}
#footer .row > [class*="col-"] { margin-bottom: 40px; }
#footer .footer-widget { margin: 0; }

/* الهوية */
.maqr-footer-logo { display: block; height: 78px; width: auto; margin: 0 0 22px; }
.maqr-fbrand p { margin: 0 0 14px; line-height: 1.95; font-size: 14.5px; color: rgba(235, 227, 213, .86) !important; max-width: 470px; }
.maqr-fbrand p:empty { display: none; }
#footer .maqr-fbrand .maqr-tagline { color: var(--maqr-gold-lit) !important; font-weight: 800; font-size: 19px; margin: 0 0 12px; }

/* عناوين الأعمدة */
#footer h4 { color: var(--maqr-gold-lit) !important; font-size: 17.5px; font-weight: 800; margin: 6px 0 26px; padding-bottom: 14px; position: relative; letter-spacing: 0; }
#footer h4::after { content: ""; position: absolute; bottom: 0; inset-inline-start: 0; width: 44px; height: 3px; border-radius: 3px; background: var(--maqr-gold); }

/* التواصل: أيقونة داخل دائرة + عنوان صغير + القيمة */
.maqr-contact-list { list-style: none; margin: 0 0 24px; padding: 0; }
#footer .maqr-contact-list li { display: flex !important; flex-direction: row !important; align-items: center; gap: 16px; padding: 0 0 18px !important; margin: 0; }
#footer .maqr-contact-list li::before { content: none !important; }
.maqr-ci { flex: 0 0 auto; width: 46px; height: 46px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(201, 162, 77, .55); border-radius: 50%; background: rgba(201, 162, 77, .08); }
.maqr-ci i { color: var(--maqr-gold-lit); font-size: 18px; }
.maqr-cl { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.maqr-cl small { font-size: 12.5px; color: rgba(235, 227, 213, .62) !important; line-height: 1.2; }
#footer .maqr-cl a { font-size: 16px; font-weight: 700; word-break: break-word; }
#footer .maqr-btn-outline {
  display: inline-flex; align-items: center; gap: 12px; padding: 13px 24px; border: 1px solid var(--maqr-gold);
  border-radius: 10px; color: var(--maqr-gold-lit) !important; font-weight: 700; font-size: 15px; transition: background .2s, color .2s;
}
#footer .maqr-btn-outline:hover { background: var(--maqr-gold); color: var(--maqr-maroon-deep) !important; }

/* متجرا التطبيق */
#footer .maqr-stores { display: flex; flex-direction: column; gap: 10px; margin: 0 0 22px; align-items: flex-start; }
#footer .maqr-store { display: inline-flex; align-items: center; gap: 10px; line-height: 1; }
#footer .maqr-store img { height: 40px; width: 135px; display: block; border-radius: 7px; }
#footer .maqr-store.is-soon img { opacity: .88; }
#footer .maqr-store.is-soon em {
  position: static; transform: none; white-space: nowrap;
  padding: 4px 11px; border-radius: 20px; background: var(--maqr-gold); color: var(--maqr-maroon-deep) !important;
  font-size: 12px; font-weight: 800; line-height: 1.2; font-style: normal;
}

/* رخصة فال */
.maqr-license { display: flex; flex-direction: column; gap: 3px; max-width: 280px; padding: 14px 20px; border: 1px solid rgba(201, 162, 77, .55); border-radius: 12px; background: rgba(235, 227, 213, .05); }
.maqr-license-title { font-weight: 800; font-size: 17px; color: var(--maqr-gold-lit); }
.maqr-license-sub { font-size: 13px; opacity: .85; }
.maqr-license-no { font-size: 14px; margin-top: 4px; }
#footer .maqr-license span { color: var(--maqr-cream) !important; }
#footer .maqr-license .maqr-license-title { color: var(--maqr-gold-lit) !important; }

/* الشريط السفلي: حقوق وروابط قانونية، وسوشيال */
#footer .row:last-child > .col-md-12 { border-top: 1px solid rgba(235, 227, 213, .16); }
#footer .footer-new-bottom-inner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 18px 28px; padding: 26px 0 30px; }
#footer .footer-new-bottom-left, #footer .footer-new-bottom-right { width: auto; float: none; text-align: start; }
#footer .footer-new-bottom-left { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 26px; font-size: 14px; color: rgba(235, 227, 213, .78); }
#footer .footer-new-bottom-left a { color: var(--maqr-cream) !important; font-weight: 700; border-bottom: 1px solid transparent; transition: color .2s, border-color .2s; }
#footer .footer-new-bottom-left a:hover { color: var(--maqr-gold-lit) !important; border-bottom-color: var(--maqr-gold); }
#footer .new-footer-social-icons { display: flex; gap: 10px; margin: 0; padding: 0; list-style: none; }
#footer .new-footer-social-icons li { margin: 0; padding: 0; }
#footer .new-footer-social-icons a {
  width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid rgba(235, 227, 213, .3); border-radius: 50%; color: var(--maqr-cream) !important; font-size: 16px; opacity: 1;
  transition: background .2s, border-color .2s, color .2s;
}
#footer .new-footer-social-icons a i { color: inherit !important; }
#footer .new-footer-social-icons a:hover { background: var(--maqr-gold); border-color: var(--maqr-gold); color: var(--maqr-maroon-deep) !important; }
#footer .copyrights { display: none; }

/* موبايل */
@media (max-width: 991px) {
  #footer { padding-top: 52px !important; }
  #footer .row > [class*="col-"] { margin-bottom: 30px; }
  .maqr-footer-logo { height: 66px; }
  #footer .footer-new-bottom-inner { justify-content: center; text-align: center; flex-direction: column-reverse; }
  #footer .footer-new-bottom-inner { align-items: stretch; }
  #footer .footer-new-bottom-left { display: block; width: 100%; text-align: center; line-height: 2.3; }
  #footer .footer-new-bottom-left a { display: inline-block; margin: 0 9px; }
  #footer .footer-new-bottom-right { align-self: center; }

}

/* دليل المضيفين */
.maqr-hosts { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; margin: 30px 0; }
.maqr-host-card { display: block; text-align: center; padding: 28px 16px; background: var(--maqr-cream-lit); border: 1px solid rgba(201, 162, 77, .45); border-radius: 12px; color: var(--maqr-ink); transition: border-color .2s, transform .2s; }
.maqr-host-card:hover { border-color: var(--maqr-gold); transform: translateY(-3px); }
.maqr-host-card img.maqr-host-avatar { width: 84px; height: 84px; border-radius: 50%; object-fit: cover; margin: 0 auto 12px; display: block; }
.maqr-host-card h4 { margin: 0 0 6px; color: var(--maqr-maroon); font-weight: 800; }
.maqr-host-more { font-size: 14px; color: var(--maqr-maroon-lit); }

/* أيقونات بطاقات الأقسام (كيف يعمل مقر / لماذا مقر): pin كبير وواضح */
.icon-box-2 i, .icon-box-2 i[class*="fa-"] { width: 46px; height: 54px; margin: 0 auto 16px; display: block; }

/* علامات الصح داخل القوائم (المزايا) */
li > i.fa-check, li > i.fas.fa-check, li > i.fa.fa-check {
  display: inline-block;
  width: 1em; height: 1.15em; line-height: 1; vertical-align: -0.18em;
  background-color: currentColor;
  -webkit-mask: var(--maqr-pin) no-repeat center / contain;
          mask: var(--maqr-pin) no-repeat center / contain;
  /* إصلاح باج سفاري آيفون: ماسك CSS أحيانًا ما يترسمش أول ما الصفحة تفتح،
     ويفضل مختفي لحد ما حاجة تجبر إعادة رسم (زي تدوير الجوال). إجبار طبقة GPU
     مستقلة من أول تحميل بيمنع المشكلة. */
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
li > i.fa-check::before { content: none !important; }

/* أيقونات حقول الإدخال (تسجيل الدخول/التسجيل/النماذج): تتوسّط رأسيًا بعد تحويلها لـ pin */
label:has(> input) > i[class*="sl-icon"],
label:has(> input) > i.fa, label:has(> input) > i.fas, label:has(> input) > i.far {
  top: calc(50% - 0.58em) !important;
}

/* أيقونة القفل في صف كلمة المرور: تتوسّط الحقل نفسه (الصف فيه شريط قوة كلمة المرور تحته) */
#password-row label > i[class*="sl-icon"] { top: calc(26px - 0.58em) !important; }

/* جدول سياسات الإلغاء في صفحة الشروط */
.maqr-table-wrap { overflow-x: auto; margin: 18px 0; }
.maqr-terms-table { width: 100%; border-collapse: collapse; min-width: 460px; }
.maqr-terms-table th, .maqr-terms-table td { padding: 12px 16px; border: 1px solid rgba(91, 16, 23, .18); text-align: start; }
.maqr-terms-table thead th { background: var(--maqr-maroon); color: var(--maqr-cream); font-weight: 700; }
.maqr-terms-table tbody th { background: var(--maqr-cream-lit); color: var(--maqr-maroon); font-weight: 800; }

/* ==========================================================================
   شريط عنوان الصفحات الداخلية (ماروني بباترن وخط ذهبي)
   ========================================================================== */
#titlebar, #titlebar.gradient, #titlebar.photo-bg {
  position: relative; overflow: hidden; margin: 0 !important;
  padding: 46px 0 40px !important;
  background: var(--maqr-maroon) linear-gradient(135deg, #6a1520 0%, #5B1017 45%, #370C13 100%) !important;
  border-bottom: 4px solid var(--maqr-gold);
}
#titlebar::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .05; background: url("images/maqr-pin-cream.svg") 0 0 / 88px 102px repeat; }
#titlebar .container { position: relative; z-index: 1; }
#titlebar h1, #titlebar h2 { color: var(--maqr-cream) !important; font-size: 33px; font-weight: 800; margin: 0 0 12px; line-height: 1.3; }
#titlebar h1::after { content: ""; display: block; width: 52px; height: 3px; margin-top: 14px; border-radius: 4px; background: var(--maqr-gold); }
#titlebar span, #titlebar p { color: rgba(235, 227, 213, .85) !important; }
#titlebar #breadcrumbs, #titlebar #breadcrumbs ul { margin: 6px 0 0; }
#titlebar #breadcrumbs ul li, #titlebar #breadcrumbs ul li a, #titlebar #breadcrumbs ul li span { color: rgba(235, 227, 213, .78) !important; font-size: 14px; }
#titlebar #breadcrumbs ul li a:hover { color: var(--maqr-gold-lit) !important; }
#titlebar #breadcrumbs ul li:last-child, #titlebar #breadcrumbs ul li:last-child span { color: var(--maqr-gold-lit) !important; font-weight: 700; }
#titlebar #breadcrumbs ul li::before { color: var(--maqr-gold) !important; }
@media (max-width: 768px) { #titlebar, #titlebar.gradient { padding: 42px 0 36px !important; } #titlebar h1 { font-size: 26px; } }

/* ==========================================================================
   صفحات الشروط والخصوصية: فهرس جانبي + أقسام
   ========================================================================== */
.maqr-legal { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 40px; align-items: start; margin: 44px 0 80px; }
.maqr-toc { position: sticky; top: 96px; background: #fff; border: 1px solid rgba(91, 16, 23, .12); border-radius: 16px; box-shadow: 0 10px 34px rgba(55, 12, 19, .07); padding: 4px 8px 12px; }
.maqr-toc summary { list-style: none; cursor: default; font-weight: 800; font-size: 16.5px; color: var(--maqr-maroon); padding: 16px 16px 12px; border-bottom: 2px solid rgba(201, 162, 77, .6); margin-bottom: 8px; }
.maqr-toc summary::-webkit-details-marker { display: none; }
.maqr-toc ol { margin: 0; padding: 0; list-style: none; max-height: calc(100vh - 240px); overflow-y: auto; }
.maqr-toc li { margin: 0; padding: 0; }
.maqr-toc li::before { content: none !important; }
.maqr-toc a { display: block; padding: 8px 14px; border-radius: 9px; color: var(--maqr-ink); font-size: 14px; line-height: 1.7; border-inline-start: 3px solid transparent; transition: background .15s, color .15s; }
.maqr-toc a:hover, .maqr-toc a.is-on { background: var(--maqr-cream-lit); color: var(--maqr-maroon); border-inline-start-color: var(--maqr-gold); font-weight: 700; }
.maqr-lead { background: linear-gradient(135deg, var(--maqr-cream-lit), #fff); border: 1px solid rgba(201, 162, 77, .45); border-inline-start: 5px solid var(--maqr-gold); border-radius: 14px; padding: 20px 26px; margin: 0 0 22px; font-size: 15.5px; line-height: 1.95; }
.maqr-lead p { margin: 0 0 8px; } .maqr-lead p:last-child { margin: 0; }
.maqr-lead p:first-child { display: inline-block; padding: 3px 14px; margin-bottom: 12px; border-radius: 20px; background: var(--maqr-maroon); color: var(--maqr-gold-lit); font-size: 13.5px; font-weight: 700; }
.maqr-sec { background: #fff; border: 1px solid rgba(91, 16, 23, .1); border-radius: 16px; padding: 24px 30px 16px; margin: 0 0 18px; box-shadow: 0 4px 22px rgba(55, 12, 19, .045); scroll-margin-top: 104px; }
.maqr-sec h2 { font-size: 20px; font-weight: 800; color: var(--maqr-maroon); margin: 0 0 16px; padding-bottom: 12px; border-bottom: 1px solid rgba(201, 162, 77, .55); }
.maqr-sec p { margin: 0 0 12px; font-size: 15.5px; line-height: 1.95; }
.maqr-sec ul { list-style: none; margin: 0 0 8px; padding: 0; }
.maqr-sec ul li { position: relative; padding-inline-start: 30px; margin: 0 0 10px; font-size: 15.5px; line-height: 1.95; }
.maqr-sec ul li::before {
  content: ""; position: absolute; inset-inline-start: 0; top: 9px; width: 15px; height: 18px; background-color: var(--maqr-maroon);
  -webkit-mask: var(--maqr-pin) no-repeat center / contain; mask: var(--maqr-pin) no-repeat center / contain; -webkit-transform: translateZ(0); transform: translateZ(0);
}
.maqr-sec strong { color: var(--maqr-maroon); }
@media (max-width: 991px) {
  .maqr-legal { grid-template-columns: 1fr; gap: 22px; margin: 28px 0 56px; }
  .maqr-toc { position: static; }
  .maqr-toc summary { cursor: pointer; }
  .maqr-sec { padding: 22px 20px 12px; }
  .maqr-sec h2 { font-size: 18.5px; }
}

/* ==========================================================================
   صفحة تواصل معنا
   ========================================================================== */
.maqr-contact { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 44px; align-items: start; margin: 48px 0 84px; }
.maqr-contact h2 { font-size: 23px; font-weight: 800; color: var(--maqr-maroon); margin: 0 0 8px; }
.maqr-sub { color: #6c635b; margin: 0 0 22px; font-size: 15px; line-height: 1.9; }
.maqr-ccard { display: flex; align-items: center; gap: 16px; background: #fff; border: 1px solid rgba(91, 16, 23, .1); border-radius: 16px; padding: 18px 20px; margin: 0 0 14px; box-shadow: 0 6px 24px rgba(55, 12, 19, .06); transition: transform .2s, box-shadow .2s; }
.maqr-ccard:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(55, 12, 19, .1); }
.maqr-ccard .maqr-ci { flex: 0 0 auto; width: 50px; height: 50px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid rgba(91, 16, 23, .22); background: var(--maqr-cream-lit); }
.maqr-ccard .maqr-ci i { color: var(--maqr-maroon); font-size: 19px; }
.maqr-ctext { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.maqr-ctext small { color: #8a7c6a; font-size: 12.5px; line-height: 1.2; }
.maqr-ctext strong { font-size: 16.5px; color: var(--maqr-ink); font-weight: 800; word-break: break-word; }
.maqr-cbtn { flex: 0 0 auto; padding: 9px 18px; border: 1px solid var(--maqr-maroon); border-radius: 30px; color: var(--maqr-maroon) !important; font-weight: 700; font-size: 13.5px; line-height: 1.3; transition: background .2s, color .2s; }
.maqr-cbtn:hover { background: var(--maqr-maroon); color: var(--maqr-cream) !important; }
.maqr-cnote { margin: 6px 0 20px; padding: 20px 24px; border-radius: 16px; background: var(--maqr-maroon); color: var(--maqr-cream); display: flex; flex-direction: column; gap: 4px; }
.maqr-cnote strong { color: var(--maqr-gold-lit); font-size: 15.5px; }
.maqr-cnote span { font-size: 14.5px; line-height: 1.8; }
.maqr-csoc { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.maqr-csoc > strong { color: var(--maqr-maroon); font-size: 15.5px; }
.maqr-csoc > div { display: flex; gap: 10px; }
a.maqr-soc { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(91, 16, 23, .3); border-radius: 50%; color: var(--maqr-maroon) !important; font-size: 17px; transition: background .2s, color .2s; }
a.maqr-soc:hover { background: var(--maqr-maroon); color: var(--maqr-cream) !important; }
.maqr-contact-form { background: #fff; border: 1px solid rgba(91, 16, 23, .1); border-radius: 22px; padding: 38px 40px; box-shadow: 0 16px 48px rgba(55, 12, 19, .08); border-top: 4px solid var(--maqr-gold); }
.maqr-fgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 20px; }
.maqr-f { display: flex; flex-direction: column; gap: 7px; margin: 0; }
.maqr-f.maqr-full { grid-column: 1 / -1; }
.maqr-f > span:first-child { font-weight: 700; font-size: 14px; color: var(--maqr-ink); }
.maqr-f.is-req > span:first-child::after { content: " *"; color: var(--maqr-maroon); }
.maqr-contact-form input[type="text"], .maqr-contact-form input[type="email"], .maqr-contact-form input[type="tel"], .maqr-contact-form textarea {
  width: 100%; margin: 0 !important; padding: 12px 15px; background: var(--maqr-cream-lit); border: 1px solid rgba(91, 16, 23, .16); border-radius: 12px; box-shadow: none; font-size: 15px; transition: border-color .2s, box-shadow .2s, background .2s;
}
.maqr-contact-form textarea { min-height: 150px; resize: vertical; }
.maqr-contact-form input:focus, .maqr-contact-form textarea:focus { background: #fff; border-color: var(--maqr-maroon); box-shadow: 0 0 0 4px rgba(91, 16, 23, .09); outline: none; }
.maqr-fsend { margin-top: 22px; }
.maqr-contact-form input[type="submit"] { padding: 12px 34px 16px; line-height: 1.2; text-shadow: none; box-shadow: none; border: 0; border-radius: 40px; background: var(--maqr-maroon); color: var(--maqr-cream); font-weight: 800; font-size: 15px; cursor: pointer; transition: background .2s, transform .2s; }
.maqr-contact-form input[type="submit"]:hover { background: var(--maqr-maroon-lit); transform: translateY(-1px); }
.maqr-contact-form .wpcf7-not-valid-tip { color: #a3202e; font-size: 13px; margin-top: 4px; }
.maqr-contact-form .wpcf7-response-output { margin: 20px 0 0 !important; padding: 14px 18px !important; border-radius: 12px; border: 1px solid var(--maqr-gold) !important; background: var(--maqr-cream-lit); }
@media (max-width: 991px) { .maqr-contact { grid-template-columns: 1fr; gap: 32px; margin: 30px 0 56px; } .maqr-contact-form { padding: 26px 20px; } .maqr-fgrid { grid-template-columns: 1fr; } }
@media (max-width: 640px) {
  .maqr-ccard { flex-wrap: wrap; padding: 16px; }
  .maqr-ctext { flex: 1 1 calc(100% - 70px); }
  .maqr-ctext strong[dir="ltr"] { white-space: nowrap; text-align: start; }
  .maqr-cbtn { flex: 1 1 100%; text-align: center; margin-top: 4px; }
}


/* ==========================================================================
   إيقاع المسافات: فراغ ثابت بعد شريط العنوان، وتوسيط وبدايات ونهايات متسقة
   ========================================================================== */
#titlebar ~ .container.content-container { padding-top: 38px; padding-bottom: 14px; }
#titlebar ~ .container.content-container .maqr-contact, #titlebar ~ .container.content-container .maqr-legal { margin-top: 0; }
.maqr-mazaya-intro { max-width: 780px; margin: 0 auto 34px !important; text-align: center; }
.maqr-mazaya-intro p { font-size: 15.5px !important; line-height: 1.95 !important; margin: 0 !important; text-align: center !important; }
#titlebar ~ .container.content-container > .row > article > p:first-child { max-width: 780px; margin: 0 auto 30px; text-align: center; font-size: 15.5px; line-height: 1.95; }
@media (max-width: 768px) { #titlebar ~ .container.content-container { padding-top: 26px; } }

/* ==========================================================================
   لوحة المضيف: نفس هوية الموقع (شريط جانبي ماروني، كروت، مؤشرات)
   ========================================================================== */
#dashboard .dashboard-nav { background: var(--maqr-maroon-deep) !important; box-shadow: none; }
#dashboard .dashboard-nav-inner { padding: 14px 0 30px; }
#dashboard .dashboard-nav ul { margin: 0 0 6px; padding: 0; }
#dashboard .dashboard-nav ul::before { color: var(--maqr-gold-lit) !important; font-size: 12px !important; font-weight: 700; letter-spacing: 0; padding: 14px 24px 6px; opacity: .9; }
#dashboard .dashboard-nav ul li a { color: rgba(235, 227, 213, .86) !important; font-size: 14px; font-weight: 500; padding: 11px 22px; border-inline-start: 3px solid transparent; transition: background .15s, color .15s; }
#dashboard .dashboard-nav ul li a i { color: var(--maqr-gold) !important; margin-inline-end: 8px; opacity: .95; }
#dashboard .dashboard-nav ul li:hover > a, #dashboard .dashboard-nav ul li.active > a { background: rgba(201, 162, 77, .14) !important; color: var(--maqr-gold-lit) !important; border-inline-start-color: var(--maqr-gold); }
#dashboard .dashboard-nav ul li ul li a { font-size: 13px; padding: 8px 22px 8px 22px; }
#dashboard .dashboard-nav .dashboard-nav-inner > ul:last-child li:last-child a { color: #e7b9bd !important; }
#dashboard .dashboard-responsive-nav-trigger { background: var(--maqr-maroon); color: var(--maqr-cream) !important; }

#dashboard .dashboard-content { background: #f7f3ec; padding: 26px 30px 36px; }
@media (max-width: 768px) { #dashboard .dashboard-content { padding: 18px 14px 28px; } }
#dashboard .dashboard-content #titlebar { border-radius: 16px; margin: 0 0 22px !important; padding: 26px 30px 22px !important; border-bottom-width: 3px; }
#dashboard .dashboard-content #titlebar h1 { font-size: 26px; margin: 0 0 6px; }
#dashboard .dashboard-content #titlebar h1::after { margin-top: 10px; width: 44px; }
#dashboard .dashboard-content #titlebar #breadcrumbs ul li, #dashboard .dashboard-content #titlebar #breadcrumbs ul li a, #dashboard .dashboard-content #titlebar #breadcrumbs ul li span { font-size: 13px; }

/* كروت قوائم لوحة التحكم (الحجوزات، المساحات، التقييمات…) بنفس لغة الموقع */
#dashboard .dashboard-list-box { background: #fff; border: 1px solid rgba(91, 16, 23, .1); border-radius: 16px; box-shadow: 0 6px 24px rgba(55, 12, 19, .05); overflow: hidden; }
#dashboard .dashboard-list-box h4 { color: var(--maqr-maroon); font-size: 16px; font-weight: 800; padding: 16px 22px; border-bottom: 1px solid rgba(201, 162, 77, .45); background: #fff; }
#dashboard .dashboard-list-box ul li { border-color: rgba(91, 16, 23, .08); }
#dashboard .button, #dashboard a.button { border-radius: 30px; font-weight: 700; }
#dashboard input[type="text"], #dashboard input[type="email"], #dashboard input[type="password"], #dashboard input[type="number"], #dashboard input[type="tel"], #dashboard textarea, #dashboard select { border-radius: 10px; border-color: rgba(91, 16, 23, .16); }
#dashboard input:focus, #dashboard textarea:focus { border-color: var(--maqr-maroon); box-shadow: 0 0 0 3px rgba(91, 16, 23, .08); }
#dashboard .copyrights, #dashboard .dashboard-content > .row.margin-top-40:last-child { color: #8a7c6a; font-size: 13px; }

/* ----- الرئيسية الجديدة للمضيف ----- */
.maqr-dash { color: var(--maqr-ink); }
.maqr-dash a { transition: color .15s, background .15s, border-color .15s, box-shadow .15s; }
.md-hero { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; background: #fff; border: 1px solid rgba(91, 16, 23, .1); border-radius: 16px; padding: 22px 26px; margin-bottom: 18px; box-shadow: 0 6px 24px rgba(55, 12, 19, .05); }
.md-hello small { display: block; color: #8a7c6a; font-size: 13px; margin-bottom: 2px; }
.md-hello h2 { margin: 0 0 8px; font-size: 22px; font-weight: 800; color: var(--maqr-maroon); line-height: 1.4; }
.md-chip { display: inline-block; padding: 3px 12px; border-radius: 20px; font-size: 12.5px; font-weight: 700; }
.md-chip.is-ok { background: #e6f0e6; color: #2f6b3a; }
.md-chip.is-wait { background: #f6ecd2; color: #8a6414; }
.md-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.md-btn { display: inline-flex; align-items: center; justify-content: center; padding: 9px 20px; border-radius: 30px; border: 1px solid var(--maqr-maroon); color: var(--maqr-maroon) !important; background: transparent; font-weight: 700; font-size: 14px; line-height: 1.3; }
.md-btn:hover { background: var(--maqr-maroon); color: var(--maqr-cream) !important; }
.md-btn-gold { background: var(--maqr-gold); border-color: var(--maqr-gold); color: var(--maqr-maroon-deep) !important; }
.md-btn-gold:hover { background: var(--maqr-gold-lit); border-color: var(--maqr-gold-lit); color: var(--maqr-maroon-deep) !important; }
.md-btn-maroon { background: var(--maqr-maroon); color: var(--maqr-cream) !important; }

.md-kpis { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; }
.md-kpi { display: flex; flex-direction: column; gap: 4px; background: #fff; border: 1px solid rgba(91, 16, 23, .1); border-radius: 16px; padding: 16px 18px 15px; box-shadow: 0 6px 24px rgba(55, 12, 19, .05); position: relative; color: var(--maqr-ink) !important; }
.md-kpi:hover { box-shadow: 0 10px 28px rgba(55, 12, 19, .1); border-color: rgba(201, 162, 77, .7); }
.md-kpi-ico { position: absolute; top: 14px; inset-inline-end: 14px; width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--maqr-cream-lit); border: 1px solid rgba(91, 16, 23, .14); }
.md-kpi-ico i { color: var(--maqr-maroon); font-size: 14px; }
.md-kpi-num { font-size: 28px; font-weight: 800; line-height: 1.1; color: var(--maqr-maroon); margin-top: 18px; }
.md-kpi-lbl { font-size: 13px; color: #6c635b; line-height: 1.5; }
.md-kpi.is-hot { border-color: var(--maqr-gold); background: linear-gradient(180deg, #fffaf0, #fff); }
.md-kpi.is-hot .md-kpi-num { color: #a3761a; }

.md-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 18px; align-items: start; }
.md-main, .md-side { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.md-card { background: #fff; border: 1px solid rgba(91, 16, 23, .1); border-radius: 16px; padding: 20px 22px; box-shadow: 0 6px 24px rgba(55, 12, 19, .05); }
.md-card-h { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 14px; padding-bottom: 12px; border-bottom: 1px solid rgba(201, 162, 77, .45); }
.md-card h3 { margin: 0; font-size: 16px; font-weight: 800; color: var(--maqr-maroon); line-height: 1.4; }
.md-card-h a { font-size: 13px; font-weight: 700; color: var(--maqr-maroon-lit) !important; }
.md-card-h a:hover { color: var(--maqr-gold) !important; }
.md-empty { margin: 4px 0 12px; color: #6c635b; font-size: 14px; line-height: 1.9; }
.md-list { list-style: none; margin: 0; padding: 0; }
.md-list li { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 0; border-bottom: 1px solid rgba(91, 16, 23, .07); }
.md-list li:last-child { border-bottom: 0; padding-bottom: 0; }
.md-li-main { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.md-li-main strong { font-size: 14.5px; color: var(--maqr-ink); font-weight: 700; }
.md-li-main span { font-size: 13px; color: #8a7c6a; }
.md-li-side { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; }
.md-li-side b { font-size: 14px; color: var(--maqr-maroon); }
.md-link { font-size: 13px; font-weight: 700; color: var(--maqr-maroon) !important; border-bottom: 1px solid rgba(201, 162, 77, .8); margin-inline-start: 12px; }
.md-li-side .md-link { margin: 0; }
.md-link:hover { color: var(--maqr-gold) !important; }
.md-badge { display: inline-block; padding: 2px 11px; border-radius: 20px; font-size: 12px; font-weight: 700; line-height: 1.7; background: var(--maqr-cream-lit); color: #6c635b; }
.md-badge.is-ok { background: #e6f0e6; color: #2f6b3a; }
.md-badge.is-wait { background: #f6ecd2; color: #8a6414; }
.md-badge.is-bad { background: #f3dcdc; color: #9a2a33; }
.md-badge.is-gold { background: var(--maqr-maroon); color: var(--maqr-gold-lit); margin-inline-start: 6px; }
.md-table-wrap { overflow-x: auto; }
.md-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.md-table th { text-align: start; font-size: 12.5px; color: #8a7c6a; font-weight: 700; padding: 0 10px 10px; border-bottom: 1px solid rgba(91, 16, 23, .1); }
.md-table td { padding: 12px 10px; border-bottom: 1px solid rgba(91, 16, 23, .07); vertical-align: middle; }
.md-table tr:last-child td { border-bottom: 0; }
.md-table td strong { font-weight: 700; }
.md-t-act { white-space: nowrap; text-align: end; }
.md-pct { font-size: 15px; font-weight: 800; color: var(--maqr-gold); }
.md-bar { height: 8px; border-radius: 8px; background: var(--maqr-cream-lit); overflow: hidden; margin: 0 0 14px; }
.md-bar i { display: block; height: 100%; border-radius: 8px; background: linear-gradient(90deg, var(--maqr-maroon), var(--maqr-gold)); }
.md-steps { list-style: none; margin: 0; padding: 0; }
.md-steps li { position: relative; padding: 7px 0; padding-inline-start: 26px; font-size: 14px; }
.md-steps li::before { content: ""; position: absolute; inset-inline-start: 0; top: 11px; width: 14px; height: 14px; border-radius: 50%; border: 2px solid rgba(91, 16, 23, .25); background: #fff; }
.md-steps li.is-done::before { background: var(--maqr-maroon); border-color: var(--maqr-maroon); box-shadow: inset 0 0 0 3px #fff; }
.md-steps li.is-done span { color: #8a7c6a; text-decoration: line-through; text-decoration-color: rgba(138, 124, 106, .5); }
.md-steps li a { color: var(--maqr-maroon) !important; font-weight: 700; }
.md-steps li a:hover { color: var(--maqr-gold) !important; }
.md-pack { display: flex; flex-direction: column; gap: 6px; }
.md-pack strong { font-size: 15px; color: var(--maqr-ink); }
.md-pack span { font-size: 13px; color: #6c635b; }
.md-card-maroon { background: var(--maqr-maroon) linear-gradient(135deg, #6a1520, #370C13); border-color: var(--maqr-maroon); color: var(--maqr-cream); }
.md-card-maroon h3 { color: var(--maqr-gold-lit); margin-bottom: 8px; }
.md-card-maroon p { margin: 0 0 14px; font-size: 14px; line-height: 1.9; color: rgba(235, 227, 213, .9); }
.md-card-act .dashboard-list-box, .md-card-act ul { box-shadow: none; border: 0; margin: 0; padding: 0; }
.md-card-act ul li { padding: 10px 0; font-size: 13.5px; }
@media (max-width: 1280px) { .md-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 1100px) { .md-grid { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .md-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .md-hero { padding: 18px; } .md-actions .md-btn { flex: 1 1 auto; } .md-card { padding: 16px; } .md-list li { flex-direction: column; align-items: flex-start; } }

/* تخطيط لوحة المضيف: المحتوى ياخد باقي العرض بجانب الشريط الجانبي الثابت، والحقوق تحته */
@media (min-width: 1025px) {
  #dashboard .dashboard-content { flex: 0 0 calc(100% - 260px); max-width: calc(100% - 260px); width: calc(100% - 260px); }
  #dashboard > .row { flex: 0 0 calc(100% - 260px); max-width: calc(100% - 260px); margin-top: 0 !important; margin-bottom: 0 !important; }
}
@media (max-width: 1024px) { #dashboard .dashboard-content, #dashboard > .row { flex: 0 0 100%; max-width: 100%; margin-left: 0; margin-right: 0; } }
#dashboard > .row > [class*="col-"] { padding: 0 30px; }
#dashboard .copyrights { background: transparent !important; border: 0 !important; padding: 12px 0 28px !important; text-align: center; font-size: 13px; color: #8a7c6a; }
#dashboard .copyrights a { color: var(--maqr-maroon) !important; font-weight: 700; margin: 0 8px; }

/* نصائح وأنشطة لوحة المضيف */
.md-tips { list-style: none; margin: 0; padding: 0; }
.md-tips li { position: relative; padding: 7px 0; padding-inline-start: 28px; font-size: 14px; line-height: 1.85; }
.md-tips li::before { content: ""; position: absolute; inset-inline-start: 0; top: 11px; width: 14px; height: 17px; background-color: var(--maqr-maroon); -webkit-mask: var(--maqr-pin) no-repeat center / contain; mask: var(--maqr-pin) no-repeat center / contain; -webkit-transform: translateZ(0); transform: translateZ(0); }
.md-card-act .dashboard-list-box { background: transparent; }
.md-card-act ul { list-style: none; }
.md-card-act ul li { display: block; padding: 11px 0 !important; border-bottom: 1px solid rgba(91, 16, 23, .07); font-size: 13px; line-height: 1.9; color: #4b433c; }
.md-card-act ul li:last-child { border-bottom: 0; }
.md-card-act ul li i.list-box-icon, .md-card-act ul li > i:first-child:not(.fa-close) { display: none; }
.md-card-act ul li strong { color: var(--maqr-maroon); font-weight: 700; }
.md-card-act .numerical-rating { display: inline-block; margin-inline: 4px; padding: 0 9px; border-radius: 12px; background: var(--maqr-maroon) !important; color: var(--maqr-gold-lit) !important; font-size: 12px; line-height: 20px; }
.md-card-act .close-list-item { float: inline-end; color: #b9ada0 !important; }
#dashboard > .row { background: #f7f3ec; }

/* ==========================================================================
   صفحة المضيف (author.php) ودليل المضيفين
   ========================================================================== */
.mhp-hero { position: relative; overflow: hidden; background: var(--maqr-maroon) linear-gradient(135deg, #6a1520 0%, #5B1017 45%, #370C13 100%); border-bottom: 4px solid var(--maqr-gold); padding: 44px 0 40px; }
.mhp-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .05; background: url("images/maqr-pin-cream.svg") 0 0 / 88px 102px repeat; }
.mhp-hero .container { position: relative; z-index: 1; }
.mhp-hero-in { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.mhp-avatar { flex: 0 0 auto; width: 112px; height: 112px; border-radius: 50%; overflow: hidden; background: var(--maqr-cream-lit); border: 4px solid var(--maqr-gold); box-shadow: 0 10px 30px rgba(0, 0, 0, .3); display: flex; align-items: center; justify-content: center; }
.mhp-avatar img { width: 100%; height: 100%; object-fit: cover; padding: 14px; box-sizing: border-box; }
.mhp-id { flex: 1 1 280px; min-width: 0; }
.mhp-id h1 { margin: 0 0 8px; color: var(--maqr-cream); font-size: 28px; font-weight: 800; line-height: 1.4; display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; }
.mhp-meta { margin: 0; color: rgba(235, 227, 213, .82); font-size: 14.5px; }
.mhp-chip { display: inline-block; padding: 3px 12px; border-radius: 20px; background: rgba(235, 227, 213, .14); color: var(--maqr-cream); font-size: 12.5px; font-weight: 700; line-height: 1.7; }
.mhp-chip-gold { background: var(--maqr-gold); color: var(--maqr-maroon-deep); }
.mhp-back { flex: 0 0 auto; padding: 9px 20px; border: 1px solid rgba(235, 227, 213, .5); border-radius: 30px; color: var(--maqr-cream) !important; font-weight: 700; font-size: 14px; transition: background .2s, color .2s; }
.mhp-back:hover { background: var(--maqr-cream); color: var(--maqr-maroon) !important; }
.mhp-body { padding-top: 34px; padding-bottom: 70px; }
.mhp-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 0 0 24px; }
.mhp-tile { background: #fff; border: 1px solid rgba(91, 16, 23, .1); border-radius: 16px; padding: 18px 16px; text-align: center; box-shadow: 0 6px 24px rgba(55, 12, 19, .05); }
.mhp-tile b { display: block; font-size: 26px; font-weight: 800; color: var(--maqr-maroon); line-height: 1.2; }
.mhp-tile span { font-size: 13px; color: #6c635b; }
.mhp-cols { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 20px; align-items: start; margin-bottom: 34px; }
.mhp-card { background: #fff; border: 1px solid rgba(91, 16, 23, .1); border-radius: 16px; padding: 22px 24px; box-shadow: 0 6px 24px rgba(55, 12, 19, .05); margin-bottom: 18px; }
.mhp-card h2 { margin: 0 0 14px; font-size: 18px; font-weight: 800; color: var(--maqr-maroon); padding-bottom: 12px; border-bottom: 1px solid rgba(201, 162, 77, .5); }
.mhp-card h3 { margin: 20px 0 10px; font-size: 15px; font-weight: 800; color: var(--maqr-maroon); }
.mhp-card p { margin: 0 0 6px; font-size: 15px; line-height: 1.95; }
.mhp-muted { color: #8a7c6a; }
.mhp-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.mhp-chips span { padding: 5px 14px; border-radius: 20px; background: var(--maqr-cream-lit); border: 1px solid rgba(91, 16, 23, .12); font-size: 13.5px; font-weight: 700; color: var(--maqr-maroon); }
.mhp-chips em { font-style: normal; margin-inline-start: 4px; color: var(--maqr-gold); }
.mhp-card-dark { background: var(--maqr-maroon) linear-gradient(135deg, #6a1520, #370C13); border-color: var(--maqr-maroon); }
.mhp-card-dark h2 { color: var(--maqr-gold-lit); border-bottom-color: rgba(227, 199, 130, .4); }
.mhp-card-dark p { color: rgba(235, 227, 213, .9); }
.mhp-btn { display: inline-block; margin-top: 8px; padding: 11px 24px; border-radius: 30px; background: var(--maqr-gold); color: var(--maqr-maroon-deep) !important; font-weight: 800; font-size: 14.5px; transition: background .2s; }
.mhp-btn:hover { background: var(--maqr-gold-lit); }
.mhp-trust ul { list-style: none; margin: 0; padding: 0; }
.mhp-trust li { position: relative; padding: 6px 0; padding-inline-start: 26px; font-size: 14px; color: #8a7c6a; }
.mhp-trust li::before { content: ""; position: absolute; inset-inline-start: 0; top: 11px; width: 13px; height: 13px; border-radius: 50%; border: 2px solid rgba(91, 16, 23, .25); background: #fff; }
.mhp-trust li.is-on { color: var(--maqr-ink); }
.mhp-trust li.is-on::before { background: var(--maqr-maroon); border-color: var(--maqr-maroon); box-shadow: inset 0 0 0 3px #fff; }
.mhp-trust h3 { margin-top: 0; }
.mhp-h2 { font-size: 22px; font-weight: 800; color: var(--maqr-maroon); margin: 10px 0 18px; }
.mhp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; margin-bottom: 40px; }
.mhp-lcard { display: flex; flex-direction: column; background: #fff; border: 1px solid rgba(91, 16, 23, .1); border-radius: 16px; overflow: hidden; box-shadow: 0 6px 24px rgba(55, 12, 19, .05); color: var(--maqr-ink) !important; transition: transform .2s, box-shadow .2s; }
.mhp-lcard:hover { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(55, 12, 19, .12); }
.mhp-limg { position: relative; display: block; aspect-ratio: 16 / 10; background: var(--maqr-cream-lit); overflow: hidden; }
.mhp-limg img { width: 100%; height: 100%; object-fit: cover; }
.mhp-pinph { position: absolute; inset: 0; margin: auto; width: 46px; height: 54px; background-color: rgba(91, 16, 23, .35); -webkit-mask: var(--maqr-pin) no-repeat center / contain; mask: var(--maqr-pin) no-repeat center / contain; }
.mhp-tag { position: absolute; top: 12px; inset-inline-start: 12px; padding: 3px 12px; border-radius: 20px; background: var(--maqr-maroon); color: var(--maqr-cream); font-size: 12px; font-weight: 700; }
.mhp-tag + .mhp-tag { top: 42px; }
.mhp-tag-gold { background: var(--maqr-gold); color: var(--maqr-maroon-deep); }
.mhp-lbody { display: flex; flex-direction: column; gap: 6px; padding: 16px 18px 18px; }
.mhp-lbody strong { font-size: 16px; font-weight: 800; line-height: 1.5; }
.mhp-lbody small { color: #8a7c6a; font-size: 13px; }
.mhp-lfoot { display: flex; align-items: center; justify-content: space-between; margin-top: 6px; padding-top: 10px; border-top: 1px solid rgba(91, 16, 23, .08); }
.mhp-lfoot b { color: var(--maqr-maroon); font-size: 14.5px; }
.mhp-lfoot em, .mhp-rev-h em { font-style: normal; padding: 1px 10px; border-radius: 12px; background: var(--maqr-maroon); color: var(--maqr-gold-lit); font-size: 12.5px; font-weight: 800; }
.mhp-revs { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
.mhp-rev { background: #fff; border: 1px solid rgba(91, 16, 23, .1); border-radius: 16px; padding: 18px 20px; box-shadow: 0 6px 24px rgba(55, 12, 19, .05); }
.mhp-rev-h { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.mhp-rev p { margin: 0 0 10px; font-size: 14.5px; line-height: 1.9; }
.mhp-rev small { color: #8a7c6a; font-size: 12.5px; }
.mhp-rev small a { color: var(--maqr-maroon) !important; font-weight: 700; }
@media (max-width: 991px) { .mhp-cols { grid-template-columns: 1fr; } .mhp-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mhp-back { margin-inline-start: auto; } }
@media (max-width: 560px) { .mhp-hero { padding: 30px 0; } .mhp-avatar { width: 88px; height: 88px; } .mhp-id h1 { font-size: 22px; } }

/* دليل المضيفين */
.maqr-hosts { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 20px; margin: 10px 0 30px; }
.maqr-host-card { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; background: #fff; border: 1px solid rgba(91, 16, 23, .1); border-radius: 18px; padding: 26px 20px 22px; box-shadow: 0 6px 24px rgba(55, 12, 19, .05); color: var(--maqr-ink) !important; transition: transform .2s, box-shadow .2s, border-color .2s; }
.maqr-host-card:hover { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(55, 12, 19, .12); border-color: rgba(201, 162, 77, .7); }
img.maqr-host-avatar { width: 84px !important; height: 84px !important; border-radius: 50%; border: 3px solid var(--maqr-gold); background: var(--maqr-cream-lit); padding: 12px; box-sizing: border-box; object-fit: cover; margin: 0 0 4px !important; }
.maqr-host-card h4 { margin: 0; font-size: 17px; font-weight: 800; color: var(--maqr-maroon); line-height: 1.5; }
.maqr-host-ver { font-size: 12px; font-weight: 700; padding: 2px 11px; border-radius: 20px; background: var(--maqr-gold); color: var(--maqr-maroon-deep); }
.maqr-host-types { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.maqr-host-types span { padding: 3px 11px; border-radius: 20px; background: var(--maqr-cream-lit); border: 1px solid rgba(91, 16, 23, .12); font-size: 12.5px; color: var(--maqr-maroon); font-weight: 700; }
.maqr-host-city { font-size: 13px; color: #8a7c6a; }
.maqr-host-more { margin-top: 6px; font-size: 13.5px; font-weight: 800; color: var(--maqr-maroon-lit); border-bottom: 1px solid var(--maqr-gold); }

/* تسجيل الدخول داخل صفحات اللوحة: بطاقة متوسّطة بمسافات صحيحة */
#titlebar ~ .container { padding-top: 38px; padding-bottom: 14px; }
.sign-in-form { float: none !important; width: 100% !important; max-width: 480px; margin: 0 auto 50px !important; left: auto !important; background: #fff; border: 1px solid rgba(91, 16, 23, .1); border-radius: 20px; padding: 26px 32px 28px; box-shadow: 0 16px 48px rgba(55, 12, 19, .08); border-top: 4px solid var(--maqr-gold); }
.sign-in-form .tabs-nav { margin-bottom: 22px; }
.sign-in-form label { position: relative; display: block; }
@media (max-width: 560px) { .sign-in-form { padding: 20px 18px 22px; } }
/* حقول الدخول والتسجيل: الأيقونة في بداية الحقل ومتوسطة رأسيًا، وعين كلمة المرور في النهاية */
.sign-in-form label > i.sl { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; inset-inline-start: 16px !important; inset-inline-end: auto !important; left: auto; right: auto; margin: 0 !important; line-height: 1 !important; }
.sign-in-form label .input-text, .sign-in-form label input[type=text], .sign-in-form label input[type=password], .sign-in-form label input[type=email] { padding-inline-start: 46px !important; padding-inline-end: 44px !important; margin: 0 !important; }
.sign-in-form label .fa-eye, .sign-in-form label .fa-eye-slash { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; inset-inline-start: auto !important; inset-inline-end: 16px !important; left: auto; right: auto; cursor: pointer; }

/* الهيرو: صف الفئات المميزة في الوسط (الثيم يعوّمها float يمين) */
.main-search-container .highlighted-categories { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 8px; }
.main-search-container .highlighted-category { float: none !important; margin: 0 !important; }
.main-search-container .highlighted-categories-headline { text-align: center; }