/* AbanRah V15 — hard shell containment, image flags, homepage slider. */

/* ---------- Desktop shell: real grid columns, never overlay content ---------- */
@media (min-width: 992px) {
  body.abanrah-app-body .abanrah-app-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) var(--ar-sidebar-width) !important;
    align-items: start !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  body.abanrah-app-body .abanrah-sidebar {
    position: sticky !important;
    inset: auto !important;
    top: 0 !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100vh !important;
    margin: 0 !important;
  }

  body.abanrah-app-body .abanrah-workspace {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  html[dir="ltr"] body.abanrah-app-body .abanrah-app-shell {
    grid-template-columns: var(--ar-sidebar-width) minmax(0, 1fr) !important;
  }
  html[dir="ltr"] body.abanrah-app-body .abanrah-sidebar { grid-column: 1 !important; }
  html[dir="ltr"] body.abanrah-app-body .abanrah-workspace { grid-column: 2 !important; }

  body.sidebar-collapsed.abanrah-app-body .abanrah-app-shell {
    grid-template-columns: minmax(0, 1fr) var(--ar-sidebar-collapsed) !important;
  }
  html[dir="ltr"] body.sidebar-collapsed.abanrah-app-body .abanrah-app-shell {
    grid-template-columns: var(--ar-sidebar-collapsed) minmax(0, 1fr) !important;
  }
  body.sidebar-collapsed.abanrah-app-body .abanrah-sidebar,
  html[dir="ltr"] body.sidebar-collapsed.abanrah-app-body .abanrah-sidebar {
    width: 100% !important;
  }

  body.abanrah-app-body .abanrah-sidebar-backdrop { display: none !important; }
}

/* The workspace is always a hard containing block for old wide tables. */
body.abanrah-app-body .abanrah-main,
body.abanrah-app-body .abanrah-content {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
body.abanrah-app-body .abanrah-content { overflow-x: hidden !important; }
body.abanrah-app-body .ar-table-scroll,
body.abanrah-app-body .table-responsive {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}
body.abanrah-app-body .ar-table-scroll > table {
  width: max-content !important;
  min-width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}

/* ---------- Compact flag language selector ---------- */
.abanrah-language-switcher {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-height: 38px !important;
  padding: 4px 7px !important;
  margin: 0 !important;
  color: #526273 !important;
  background: #fff !important;
  border: 1px solid #dbe3ee !important;
  border-radius: 11px !important;
  box-shadow: 0 2px 8px rgba(31, 49, 91, .04) !important;
  white-space: nowrap;
}
.abanrah-language-label {
  margin-inline: 2px 4px;
  color: #6f7891;
  font-size: .68rem;
  font-weight: 700;
}
.abanrah-language-option {
  min-width: 38px !important;
  min-height: 29px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 3px 6px !important;
  color: #465368 !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  font-size: .66rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}
.abanrah-language-option:hover {
  color: #243972 !important;
  background: #f3f5fb !important;
  border-color: #d6ddef !important;
}
.abanrah-language-option.is-active {
  color: #243972 !important;
  background: #eef1f9 !important;
  border-color: #aeb9d7 !important;
}
.abanrah-language-flag-img {
  width: 22px !important;
  height: 14px !important;
  display: block !important;
  flex: 0 0 auto !important;
  object-fit: cover !important;
  border-radius: 2px !important;
  box-shadow: 0 0 0 1px rgba(23,33,62,.13) !important;
}
.abanrah-language-code { direction: ltr; letter-spacing: .02em; }

/* ---------- Homepage admin-managed carousel ---------- */
.ar-home-slider {
  position: relative;
  width: min(1320px, calc(100% - 32px));
  margin: 24px auto 0;
  overflow: hidden;
  border-radius: 28px;
  background: #17264f;
  box-shadow: 0 26px 70px rgba(27, 42, 86, .22);
  isolation: isolate;
}
.ar-home-slider-viewport {
  position: relative;
  aspect-ratio: 16 / 6.2;
  min-height: 390px;
  max-height: 650px;
}
.ar-home-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .65s ease, visibility .65s ease;
}
.ar-home-slide.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 1;
}
.ar-home-slide-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
.ar-home-slide-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(10,20,51,.84) 0%, rgba(10,20,51,.55) 42%, rgba(10,20,51,.08) 76%);
}
html[dir="rtl"] .ar-home-slide-shade {
  background: linear-gradient(270deg, rgba(10,20,51,.84) 0%, rgba(10,20,51,.55) 42%, rgba(10,20,51,.08) 76%);
}
.ar-home-slide-copy {
  position: absolute;
  z-index: 2;
  inset-inline-start: clamp(28px, 6vw, 86px);
  top: 50%;
  width: min(580px, 54%);
  color: #fff;
  transform: translateY(-50%);
  text-align: start;
}
.ar-home-slide-copy h1 {
  margin: 0 0 16px;
  color: #fff !important;
  font-size: clamp(1.8rem, 4vw, 3.4rem) !important;
  font-weight: 950 !important;
  line-height: 1.35;
  text-shadow: 0 3px 20px rgba(0,0,0,.22);
}
.ar-home-slide-copy p {
  margin: 0 0 24px;
  color: rgba(255,255,255,.86) !important;
  font-size: clamp(.82rem, 1.25vw, 1rem);
  line-height: 2;
}
.ar-home-slider-control {
  position: absolute;
  z-index: 4;
  top: 50%;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  padding: 0;
  color: #fff;
  background: rgba(8,18,48,.48);
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 50%;
  backdrop-filter: blur(8px);
  transform: translateY(-50%);
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}
.ar-home-slider-control:hover { background: rgba(36,57,114,.9); transform: translateY(-50%) scale(1.05); }
.ar-home-slider-prev { inset-inline-start: 18px; }
.ar-home-slider-next { inset-inline-end: 18px; }
.ar-home-slider-dots {
  position: absolute;
  z-index: 5;
  inset-inline: 0;
  bottom: 18px;
  display: flex;
  justify-content: center;
  gap: 8px;
}
.ar-home-slider-dot {
  width: 9px;
  height: 9px;
  padding: 0;
  background: rgba(255,255,255,.52);
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  transition: width .2s ease, background .2s ease;
}
.ar-home-slider-dot.is-active { width: 28px; background: #fff; }

@media (max-width: 991.98px) {
  .abanrah-language-label { display: none; }
  .ar-home-slider { width: calc(100% - 20px); margin-top: 12px; border-radius: 20px; }
  .ar-home-slider-viewport { min-height: 360px; aspect-ratio: 16 / 8.8; }
  .ar-home-slide-copy { width: min(640px, calc(100% - 100px)); }
}
@media (max-width: 575.98px) {
  .abanrah-language-switcher { gap: 2px !important; padding: 3px !important; }
  .abanrah-language-option { min-width: 32px !important; padding: 3px !important; }
  .abanrah-language-code { display: none; }
  .abanrah-language-flag-img { width: 24px !important; height: 15px !important; }
  .ar-home-slider { width: calc(100% - 16px); border-radius: 16px; }
  .ar-home-slider-viewport { min-height: 410px; aspect-ratio: auto; }
  .ar-home-slide-copy { inset-inline-start: 22px; top: auto; bottom: 52px; width: calc(100% - 44px); transform: none; }
  .ar-home-slide-copy h1 { font-size: 1.65rem !important; }
  .ar-home-slider-control { width: 38px; height: 38px; }
  .ar-home-slider-prev { inset-inline-start: 10px; }
  .ar-home-slider-next { inset-inline-end: 10px; }
}
html[dir="ltr"] .ar-home-slider-control i { transform: rotate(180deg); }


/* V18 — single desktop layout model: sidebar is a real grid column. */
@media (min-width: 992px) {
  body.abanrah-app-body .abanrah-app-shell {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) var(--ar-sidebar-width) !important;
    width:100vw !important; max-width:100vw !important; min-width:0 !important;
  }
  body.abanrah-app-body .abanrah-sidebar {
    position:sticky !important; inset:auto !important; top:0 !important;
    grid-column:2 !important; grid-row:1 !important;
    width:var(--ar-sidebar-width) !important; min-width:var(--ar-sidebar-width) !important; max-width:var(--ar-sidebar-width) !important; height:100vh !important; margin:0 !important;
  }
  body.abanrah-app-body .abanrah-workspace {
    position:relative !important; grid-column:1 !important; grid-row:1 !important;
    width:auto !important; min-width:0 !important; max-width:100% !important; margin:0 !important; overflow:hidden !important;
  }
  html[dir="ltr"] body.abanrah-app-body .abanrah-app-shell { grid-template-columns:var(--ar-sidebar-width) minmax(0,1fr) !important; }
  html[dir="ltr"] body.abanrah-app-body .abanrah-sidebar { grid-column:1 !important; }
  html[dir="ltr"] body.abanrah-app-body .abanrah-workspace { grid-column:2 !important; }
  body.sidebar-collapsed.abanrah-app-body .abanrah-app-shell { grid-template-columns:minmax(0,1fr) var(--ar-sidebar-collapsed) !important; }
  html[dir="ltr"] body.sidebar-collapsed.abanrah-app-body .abanrah-app-shell { grid-template-columns:var(--ar-sidebar-collapsed) minmax(0,1fr) !important; }
  body.sidebar-collapsed.abanrah-app-body .abanrah-sidebar { width:var(--ar-sidebar-collapsed) !important; min-width:var(--ar-sidebar-collapsed) !important; max-width:var(--ar-sidebar-collapsed) !important; }
}
body.abanrah-app-body .abanrah-main, body.abanrah-app-body .abanrah-content { width:100% !important; min-width:0 !important; max-width:100% !important; box-sizing:border-box !important; }
body.abanrah-app-body .abanrah-content { overflow-x:hidden !important; }
body.abanrah-app-body .ar-table-scroll, body.abanrah-app-body .table-responsive { width:100% !important; max-width:100% !important; min-width:0 !important; overflow-x:auto !important; box-sizing:border-box !important; }