/* بيت المزادات — طبقة الهوية فوق بوتستراب 5.3 RTL
   الألوان والخطوط من دليل الهوية المقر؛ لا تُعدَّل ملفات بوتستراب نفسها. */

:root, [data-bs-theme=light] {
  --bayt-red: #BE1E2D;
  --bayt-red-deep: #9E1825;
  --bayt-red-tint: #F9E9EA;
  --bayt-green: #009345;
  --bayt-green-deep: #00733A;
  --bayt-green-tint: #E6F4EC;
  --bayt-ink: #231F20;
  --bayt-ink-soft: #5C5654;
  --bayt-char: #1B1A19;
  --bayt-surface: #F6F3F2;
  --bayt-line: #E9E4E2;

  --bs-primary: var(--bayt-red);
  --bs-primary-rgb: 190, 30, 45;
  --bs-success: var(--bayt-green);
  --bs-success-rgb: 0, 147, 69;
  --bs-danger: #8F1520;
  --bs-danger-rgb: 143, 21, 32;
  --bs-warning: #8A5E10;
  --bs-warning-rgb: 138, 94, 16;
  --bs-body-color: var(--bayt-ink);
  --bs-body-bg: #FFFFFF;
  --bs-border-color: var(--bayt-line);
  --bs-border-radius: .5rem;
  --bs-link-color: var(--bayt-red);
  --bs-link-color-rgb: 190, 30, 45;
  --bs-link-hover-color: var(--bayt-red-deep);
  --bs-link-hover-color-rgb: 158, 24, 37;
  /* خطوط الهوية: العناوين Frutiger LT Arabic 65 Bold يسندها IBM Plex Sans Arabic، والمتن IBM Plex Sans Arabic */
  --bayt-head: "Frutiger LT Arabic 65 Bold", "FrutigerLTArabic-65Bold", "Frutiger LT Arabic", "IBM Plex Sans Arabic", system-ui, sans-serif;
  --bs-body-font-family: "IBM Plex Sans Arabic", system-ui, sans-serif;
}

body { font-family: var(--bs-body-font-family); background: var(--bs-body-bg); display: flex; flex-direction: column; min-height: 100vh; }
body > main { flex: 1 0 auto; }
.btn { font-family: var(--bs-body-font-family); }
h1, h2, h3, h4, h5, h6, .navbar-brand, .side-brand, .kpi-card .kpi-value, .bid-panel .current-price { font-family: var(--bayt-head); }
h1, h2, h3, h4, h5, h6 { font-weight: 700; color: var(--bayt-ink); }
.money { font-variant-numeric: tabular-nums; }

.btn-primary {
  --bs-btn-bg: var(--bayt-red); --bs-btn-border-color: var(--bayt-red);
  --bs-btn-hover-bg: var(--bayt-red-deep); --bs-btn-hover-border-color: var(--bayt-red-deep);
  --bs-btn-active-bg: var(--bayt-red-deep); --bs-btn-active-border-color: var(--bayt-red-deep);
}
.btn-success {
  --bs-btn-bg: var(--bayt-green); --bs-btn-border-color: var(--bayt-green);
  --bs-btn-hover-bg: var(--bayt-green-deep); --bs-btn-hover-border-color: var(--bayt-green-deep);
}
.btn-outline-primary {
  --bs-btn-color: var(--bayt-red); --bs-btn-border-color: var(--bayt-red);
  --bs-btn-hover-bg: var(--bayt-red); --bs-btn-hover-border-color: var(--bayt-red);
}
.text-primary { color: var(--bayt-red) !important; }
.bg-primary { background-color: var(--bayt-red) !important; }

/* الترويسة العامة */
.bayt-topline { height: 4px; background: linear-gradient(to left, var(--bayt-red) 0 50%, var(--bayt-green) 50% 100%); }
.bayt-navbar { background: rgba(255,255,255,.94); backdrop-filter: blur(8px); border-bottom: 1px solid var(--bayt-line); padding-top: .55rem; padding-bottom: .55rem; transition: box-shadow .2s ease; }
.bayt-navbar.scrolled { box-shadow: 0 4px 18px rgba(35,31,32,.10); }
.bayt-navbar .navbar-brand { display: flex; align-items: center; gap: .65rem; color: var(--bayt-ink); margin-left: 1.25rem; }
.bayt-navbar .brand-text { display: flex; flex-direction: column; line-height: 1.25; }
.bayt-navbar .brand-name { font-weight: 700; font-size: 1.12rem; }
.bayt-navbar .brand-tag { font-size: .68rem; color: var(--bayt-ink-soft); font-weight: 500; letter-spacing: .2px; }
.bayt-navbar .nav-link { position: relative; color: var(--bayt-ink); font-weight: 500; padding-block: .65rem; margin-inline: .15rem; }
.bayt-navbar .nav-link::after { content: ""; position: absolute; right: .5rem; left: .5rem; bottom: .25rem; height: 3px; border-radius: 3px; background: var(--bayt-red); transform: scaleX(0); transform-origin: right; transition: transform .18s ease; }
.bayt-navbar .nav-link:hover { color: var(--bayt-red); }
.bayt-navbar .nav-link.active { color: var(--bayt-red); font-weight: 700; }
.bayt-navbar .nav-link.active::after { transform: scaleX(1); }
.bayt-navbar .btn { padding-inline: 1.05rem; }
.bayt-navbar .navbar-toggler { border-color: var(--bayt-line); }
.bayt-navbar .navbar-toggler:focus { box-shadow: 0 0 0 .2rem rgba(190,30,45,.15); }
@media (max-width: 991px) {
  .bayt-navbar .nav-link::after { display: none; }
  .bayt-navbar .nav-link.active { border-right: 3px solid var(--bayt-red); padding-right: .6rem; }
}

/* شريط النمط الزخرفي: دوائر حمراء ومثلثات خضراء بالتناوب */
.bayt-pattern { height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='14' viewBox='0 0 64 14'%3E%3Ccircle cx='10' cy='7' r='4' fill='%23BE1E2D'/%3E%3Cpath d='M42 3 L47 11 L37 11 Z' fill='%23009345'/%3E%3C/svg%3E"); background-repeat: repeat-x; }

/* بطاقة الأصل */
.lot-card { border: 1px solid var(--bayt-line); border-radius: .75rem; overflow: hidden; transition: box-shadow .15s ease; background: #fff; }
.lot-card:hover { box-shadow: 0 6px 22px rgba(35,31,32,.10); }
.lot-card .lot-thumb { height: 168px; background: var(--bayt-surface); display: flex; align-items: center; justify-content: center; color: var(--bayt-ink-soft); font-size: .85rem; overflow: hidden; }
.lot-card .lot-thumb { position: relative; }
.lot-card .lot-thumb img { width: 100%; height: 100%; object-fit: cover; }
.thumb-count { position: absolute; top: .5rem; inset-inline-start: .5rem; display: inline-flex; align-items: center; gap: .28rem; background: rgba(27, 26, 25, .72); color: #fff; font-size: .74rem; font-weight: 700; padding: .12rem .5rem; border-radius: 50px; font-variant-numeric: tabular-nums; }
.lot-card .lot-price { color: var(--bayt-red); font-weight: 700; font-size: 1.15rem; }
.lot-card .lot-meta { color: var(--bayt-ink-soft); font-size: .82rem; }

/* غلاف المزاد */
.auction-cover-lg { width: 100%; height: 220px; object-fit: cover; display: block; border-radius: .75rem; }

/* بطاقة مزاد أفقية: الصورة يمينًا والبيانات يسارها */
.auction-row { display: flex; align-items: stretch; }
.auction-row .auction-cover-side { width: 186px; flex: none; object-fit: cover; display: block; }
.auction-row .auction-body { flex: 1; min-width: 0; padding: 1rem 1.1rem; display: flex; flex-direction: column; }
@media (max-width: 575px) {
  .auction-row .auction-cover-side { width: 120px; }
}

/* شارات الحالات */
.badge-live { background: var(--bayt-red); color: #fff; }
.badge-upcoming { background: var(--bayt-green-tint); color: var(--bayt-green-deep); }
.badge-closed { background: var(--bayt-surface); color: var(--bayt-ink-soft); border: 1px solid var(--bayt-line); }
.badge-awarded { background: var(--bayt-green); color: #fff; }
.badge-leading { background: var(--bayt-green-tint); color: var(--bayt-green-deep); }
.badge-outbid { background: var(--bayt-red-tint); color: var(--bayt-red-deep); }

/* معرض صور السلعة */
.gallery-thumbs { display: flex; gap: .5rem; padding: .6rem; overflow-x: auto; border-top: 1px solid var(--bayt-line); background: var(--bayt-surface); }
.gallery-thumbs img { width: 76px; height: 56px; object-fit: cover; border-radius: 6px; border: 2px solid transparent; cursor: pointer; flex: none; }
.gallery-thumbs img.active { border-color: var(--bayt-red); }

/* إحصاءات السلعة في مربعات */
.stats-grid { display: flex; gap: .5rem; }
.stat-cell { flex: 1; background: var(--bayt-surface); border: 1px solid var(--bayt-line); border-radius: .5rem; text-align: center; padding: .5rem .2rem .35rem; }
.stat-num { font-family: var(--bayt-head); font-size: 1.15rem; font-weight: 700; line-height: 1.2; font-variant-numeric: tabular-nums; color: var(--bayt-ink); }
.stat-lbl { font-size: .68rem; color: var(--bayt-ink-soft); }

/* صفحة الأصل الحية */
.bid-panel { border: 1px solid var(--bayt-line); border-radius: .75rem; }
.bid-panel .current-price { font-size: 2rem; font-weight: 700; color: var(--bayt-red); }
.fees-line { font-size: .8rem; color: var(--bayt-ink-soft); margin-top: .1rem; }
.fees-line strong { color: var(--bayt-ink); }

/* كتلة العد التنازلي المستقلة: فحمي الهوية بشريط علوي أحمر */
.countdown-box { background: var(--bayt-char); border: 1px solid #37322F; border-top: 3px solid var(--bayt-red); border-radius: .6rem; padding: .8rem .9rem; margin-bottom: 1rem; }
.countdown-box .cd-title { display: flex; align-items: center; gap: .45rem; font-size: .78rem; color: #B4ADAA; margin-bottom: .5rem; }
.countdown-box .cd-title::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--bayt-red); animation: cd-pulse 1.6s ease-in-out infinite; }
@keyframes cd-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .countdown-box .cd-title::before { animation: none; } }
.countdown-grid { display: flex; gap: .5rem; direction: ltr; }
.cd-cell { flex: 1; background: rgba(255, 255, 255, .07); border: 1px solid #3F3937; border-radius: .5rem; text-align: center; padding: .5rem .2rem .35rem; }
.cd-num { font-family: var(--bayt-head); font-size: 1.5rem; font-weight: 700; line-height: 1.15; font-variant-numeric: tabular-nums; color: #fff; }
.cd-lbl { font-size: .68rem; color: #8F8886; }
.countdown-box.urgent { border-top-color: #E14B59; }
.countdown-box.urgent .cd-num { color: #E14B59; }
.countdown-box .cd-ended { color: #E14B59; padding: .4rem 0; }
.countdown-box .cd-note { font-size: .74rem; color: #8F8886; margin-top: .55rem; }
.countdown-box .extension-note { color: #2FB56B; }

/* خريطة موقع المعاينة: يقص شريط الروابط السفلي داخل الإطار وتثبت النسبة خارجه */
.map-embed { border-radius: .5rem; overflow: hidden; border: 1px solid var(--bayt-line); height: 260px; }
.map-embed iframe { width: 100%; height: 296px; border: 0; display: block; }
.bid-history { max-height: 320px; overflow-y: auto; }
.bid-history .bid-row { display: flex; justify-content: space-between; gap: .75rem; padding: .5rem .25rem; border-top: 1px solid var(--bayt-line); font-size: .9rem; }
.bid-history .bid-row:first-child { border-top: 0; }
.bid-history .bid-row.mine { background: var(--bayt-green-tint); border-radius: .35rem; }
.extension-note { color: var(--bayt-green-deep); font-size: .85rem; }
.conn-state { font-size: .78rem; color: var(--bayt-ink-soft); }
.conn-state.offline { color: var(--bs-danger); font-weight: 700; }

/* تخطيط اللوحات */
.panel-wrap { display: flex; min-height: 100vh; background: var(--bayt-surface); }
.panel-side { width: 232px; flex: none; background: var(--bayt-char); color: #B4ADAA; display: flex; flex-direction: column; }
.panel-side .side-brand { display: flex; align-items: center; gap: .55rem; color: #fff; font-weight: 700; padding: 1.1rem 1.2rem; border-bottom: 1px solid #37322F; text-decoration: none; }
.panel-side .side-title { font-size: .7rem; letter-spacing: .5px; color: #7A7370; padding: 1rem 1.2rem .35rem; }
.panel-side .nav-link { color: #B4ADAA; padding: .55rem 1.2rem; border-right: 3px solid transparent; border-radius: 0; font-size: .92rem; }
.panel-side .nav-link:hover { color: #fff; }
.panel-side .nav-link.active { color: #fff; font-weight: 700; border-right-color: #E14B59; background: rgba(255,255,255,.05); }
.panel-side .side-foot { margin-top: auto; padding: 1rem 1.2rem; border-top: 1px solid #37322F; font-size: .8rem; }
.panel-main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.panel-topbar { background: #fff; border-bottom: 1px solid var(--bayt-line); padding: .65rem 1.4rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.panel-content { padding: 1.4rem; }

/* مبدل اللوحات في الشريط العلوي */
.panel-switch { display: inline-flex; background: var(--bayt-surface); border: 1px solid var(--bayt-line); border-radius: 50px; padding: 3px; gap: 2px; }
.panel-switch a { padding: .25rem .85rem; border-radius: 50px; font-size: .82rem; font-weight: 500; color: var(--bayt-ink-soft); text-decoration: none; }
.panel-switch a:hover { color: var(--bayt-ink); }
.panel-switch a.active { background: var(--bayt-char); color: #fff; font-weight: 700; }

/* بطاقات المؤشرات */
.kpi-card { background: #fff; border: 1px solid var(--bayt-line); border-radius: .75rem; padding: 1rem 1.15rem; }
.kpi-card .kpi-value { font-size: 1.45rem; font-weight: 700; color: var(--bayt-ink); font-variant-numeric: tabular-nums; }
.kpi-card .kpi-label { font-size: .8rem; color: var(--bayt-ink-soft); }
.kpi-card.kpi-red .kpi-value { color: var(--bayt-red); }
.kpi-card.kpi-green .kpi-value { color: var(--bayt-green-deep); }

/* ممايزة ألواح صفحة السلعة */
.panel-card.panel-tinted { background: var(--bayt-surface); }
.panel-card.panel-tinted .table > :not(caption) > * > * { background: transparent; }
.panel-card.panel-inspection { background: var(--bayt-green-tint); border-color: #CBE7D6; border-inline-start: 3px solid var(--bayt-green-deep); }
.panel-card.panel-terms { background: var(--bayt-warn-tint, #FAF1DC); border-color: #EAD9B0; border-inline-start: 3px solid #8A5E10; }

/* عناوين ألواح المحتوى بسهم الهوية */
.panel-card h2.h6 { display: flex; align-items: center; gap: .5rem; }
.panel-card h2.h6::before { content: ""; flex: none; width: 0; height: 0; border-block: 6px solid transparent; border-inline-end: 11px solid var(--bayt-green); }

/* جداول اللوحات */
.panel-card { background: #fff; border: 1px solid var(--bayt-line); border-radius: .75rem; }
.panel-card .card-header { background: transparent; border-bottom: 1px solid var(--bayt-line); font-weight: 700; }
.table thead th { background: var(--bayt-ink); color: #fff; font-weight: 500; font-size: .85rem; white-space: nowrap; }
.table td { vertical-align: middle; }

/* البطل في الصفحة الرئيسة */
.bayt-hero { background: linear-gradient(180deg, #fff 0%, var(--bayt-surface) 100%); border-bottom: 1px solid var(--bayt-line); }
.bayt-hero .carousel { position: relative; }
.bayt-hero .carousel-item.hero-bg { background-size: cover; background-position: center; }
.bayt-hero .carousel-item.hero-bg .hero-overlay { background: linear-gradient(to left, rgba(255,255,255,.93) 45%, rgba(255,255,255,.55)); }
.bayt-hero .hero-overlay { min-height: var(--hero-h, auto); display: flex; align-items: center; }
.bayt-hero .hero-overlay > .container { width: 100%; }
.bayt-hero .hero-media { max-height: 280px; max-width: 100%; object-fit: contain; border-radius: .75rem; }
.bayt-hero .hero-indicators { margin-bottom: .4rem; }
.bayt-hero .hero-indicators [data-bs-target] { width: 9px; height: 9px; border-radius: 50%; background: #C9C2BF; border: 0; opacity: 1; transition: background .15s ease; }
.bayt-hero .hero-indicators .active { background: var(--bayt-red); }

/* أقسام الرئيسة: رأس موحد بسهم الهوية وتناوب خلفيات */
.home-sec { padding-block: 3rem; }
.home-sec.alt { background: var(--bayt-surface); border-block: 1px solid var(--bayt-line); }
.sec-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: .75rem; margin-bottom: 1.4rem; }
.sec-head h2 { display: flex; align-items: center; gap: .6rem; font-size: 1.3rem; margin: 0; }
.sec-head h2::before { content: ""; flex: none; width: 0; height: 0; border-block: 9px solid transparent; border-inline-end: 16px solid var(--bayt-green); }
.sec-head .sec-sub { font-size: .85rem; color: var(--bayt-ink-soft); margin-top: .15rem; margin-inline-start: 1.6rem; }
.sec-head .sec-more { font-size: .85rem; font-weight: 700; text-decoration: none; white-space: nowrap; }
.home-sec.alt .lot-card, .home-sec.alt .panel-card { box-shadow: 0 4px 18px rgba(35,31,32,.06); }

/* محتوى الصفحات المحرر بالمحرر المنسق */
.page-body { line-height: 1.95; }
.page-body h2 { display: flex; align-items: center; gap: .6rem; font-size: 1.25rem; margin: 1.6rem 0 .5rem; }
.page-body h2::before { content: ""; flex: none; width: 0; height: 0; border-block: 8px solid transparent; border-inline-end: 14px solid var(--bayt-green); }
.page-body h3 { display: flex; align-items: center; gap: .5rem; font-size: 1.05rem; margin: 1.1rem 0 .4rem; }
.page-body h3::before { content: ""; flex: none; width: 9px; height: 9px; border-radius: 50%; background: var(--bayt-red); }
.page-body p { margin-bottom: .7rem; }
.page-body ul, .page-body ol { padding-right: 1.4rem; padding-left: 0; margin-bottom: .8rem; }
.page-body blockquote { border-right: 3px solid var(--bayt-red); border-left: 0; padding: .25rem 1rem; margin: 1rem 0; color: var(--bayt-ink-soft); }
.page-body a { color: var(--bayt-red); }

/* خطوات مصورة داخل صفحات المحتوى */
.page-body .how-step { display: flex; align-items: flex-start; gap: 1.1rem; border: 1px solid var(--bayt-line); border-radius: .75rem; padding: 1.1rem 1.2rem; margin: 1rem 0; background: #fff; }
.page-body .how-step img { width: 84px; height: 84px; flex: none; }
.page-body .how-step h3 { margin-top: .1rem; }
.page-body .how-step p { margin-bottom: 0; }
@media (max-width: 575px) { .page-body .how-step img { width: 64px; height: 64px; } }

footer.bayt-footer { background: var(--bayt-char); color: #B4ADAA; font-size: .87rem; }
footer.bayt-footer a { color: #EFECEA; text-decoration: none; }
footer.bayt-footer a:hover { color: #fff; }

@media (max-width: 991px) {
  .panel-wrap { flex-direction: column; }
  .panel-side { width: 100%; flex-direction: row; flex-wrap: wrap; align-items: center; }
  .panel-side .side-title, .panel-side .side-foot { display: none; }
  .panel-side .nav-link { border-right: 0; border-bottom: 3px solid transparent; }
  .panel-side .nav-link.active { border-bottom-color: #E14B59; }
}

/* شبكة صفحة السلعة: في الهاتف لوح المزايدة بين الصور والمواصفات، وفي الشاشات الكبيرة عمود لاصق */
.lot-grid { display: flex; flex-direction: column; gap: 1rem; }
@media (min-width: 992px) {
  .lot-grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); grid-template-areas: "media panel" "details panel"; column-gap: 1.5rem; align-items: start; }
  .lot-media-area { grid-area: media; }
  .lot-panel-area { grid-area: panel; height: 100%; }
  .lot-details-area { grid-area: details; }
}

/* زرا تصفح المعرض */
.gal-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; border-radius: 50%; border: 0; background: rgba(27, 26, 25, .55); color: #fff; font-size: 1.4rem; line-height: 1; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2; transition: background .15s ease; }
.gal-nav:hover { background: var(--bayt-red); }
.gal-side-start { inset-inline-start: .6rem; }
.gal-side-end { inset-inline-end: .6rem; }

/* السطر الفارغ في محتوى الصفحات يحفظ ارتفاعه */
.page-body p:empty { min-height: 1.2em; }

/* قائمة الاختيار الموحدة للوحات */
.pick-list .pick-item { display: flex; flex-direction: column; gap: .1rem; padding: .7rem 1rem; border-top: 1px solid var(--bayt-line); text-decoration: none; color: var(--bayt-ink); border-inline-start: 3px solid transparent; }
.pick-list .pick-item:first-child { border-top: 0; }
.pick-list a.pick-item:hover { background: var(--bayt-surface); }
.pick-list .pick-item.active { background: var(--bayt-red-tint); border-inline-start-color: var(--bayt-red); }

/* شريط الدخول بحساب مستخدم (الانتحال الإداري) */
.impersonate-bar { display: flex; justify-content: center; align-items: center; gap: 1rem; flex-wrap: wrap; background: var(--bayt-red-deep); color: #fff; padding: .45rem 1rem; font-size: .85rem; }
.impersonate-bar .btn { padding-block: .1rem; font-size: .8rem; }