/* Direction helpers (non-invasive) */
html[dir="rtl"] .katoop-sidebar-bridge { right: 0; left: auto; }
html[dir="ltr"] .katoop-sidebar-bridge { left:  0; right:auto; }

#main-content { min-height: calc(100vh - 130px); }
html[dir="rtl"] #main-content { margin-right:280px; margin-left:0; }
html[dir="ltr"] #main-content { margin-left: 280px; margin-right:0; }

/* Tabs look neutral with project styles */
.nav.nav-tabs { border-bottom:1px solid #dee2e6; }
.nav-tabs .nav-link { cursor:pointer; }

/* consume variables (will fallback if not defined) */
:root{
  --k-color-main: #7a2e2e;
  --k-color-accent: #b38867;
  --k-radius: 10px;
}

/* example usage */
.katoop-layout .nav.nav-tabs .nav-link.active{
  border-bottom: 2px solid var(--k-color-main);
}
.katoop-layout .btn-primary{
  background: var(--k-color-main);
  border-color: var(--k-color-main);
  border-radius: var(--k-radius);
}

/* Theme colors – consume CSS variables (no !important unless لازم) */
.katoop-layout .nav-tabs .nav-link.active,
.katoop-layout .nav-pills .nav-link.active {
  border-bottom: 2px solid var(--k-color-main);
  color: var(--k-color-main);
}

.katoop-layout .btn-primary {
  background: var(--k-color-main);
  border-color: var(--k-color-main);
  border-radius: var(--k-radius);
}

/* روابط أو عناصر ثانوية بالـ accent */
.katoop-layout a.link-primary,
.katoop-layout .badge-primary {
  color: var(--k-color-accent);
  border-color: var(--k-color-accent);
}
/* Theme – consume CSS variables */
.katoop-layout .nav-tabs .nav-link.active,
.katoop-layout .nav-pills .nav-link.active {
  border-bottom: 2px solid var(--k-color-main);
  color: var(--k-color-main);
}

.katoop-layout .btn-primary {
  background: var(--k-color-main);
  border-color: var(--k-color-main);
  border-radius: var(--k-radius);
}

/* optional accents */
.katoop-layout a.link-primary,
.katoop-layout .badge-primary {
  color: var(--k-color-accent);
  border-color: var(--k-color-accent);
}