/*
 * Souq3 Theme — brand overrides on top of Sneat (core.css).
 * Brand green #00A87E is taken from the "سوق التلات" logo.
 * ---------------------------------------------------------------------------
 */

/* ===== Light Mode (default) ===== */
:root,
[data-bs-theme="light"] {
  --bs-primary: #00A87E;
  --bs-primary-rgb: 0, 168, 126;
  --bs-primary-bg-subtle: #d9f2ec;
  --bs-primary-border-subtle: #99dcc8;
  --bs-primary-text-emphasis: #00654c;

  --bs-link-color: #00936e;
  --bs-link-color-rgb: 0, 147, 110;
  --bs-link-hover-color: #00654c;
  --bs-link-hover-color-rgb: 0, 101, 76;
}

/* ===== Dark Mode ===== */
[data-bs-theme="dark"] {
  --bs-primary: #1FBF94;
  --bs-primary-rgb: 31, 191, 148;
  --bs-primary-bg-subtle: #173a33;
  --bs-primary-border-subtle: #22604f;
  --bs-primary-text-emphasis: #7fdcc2;

  --bs-link-color: #1FBF94;
  --bs-link-color-rgb: 31, 191, 148;
  --bs-link-hover-color: #7fdcc2;
  --bs-link-hover-color-rgb: 127, 220, 194;

  color-scheme: dark;
}

/* ===== Reduced Motion ===== */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ===== Typography Refinements ===== */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ===== Selection Color ===== */
::selection {
  background: var(--bs-primary);
  color: #ffffff;
}

/* ===== Layout Fixes (essential, moved from demo.css) ===== */

/* Sidebar branding */
.menu .app-brand {
  height: 64px;
  margin-top: 12px;
}

/* Sidebar always expanded - never collapse to icon-only */
@media (min-width: 1200px) {
  .layout-menu {
    width: 16.25rem !important;
    transform: translate3d(0, 0, 0) !important;
  }
  .layout-menu .menu-inner > .menu-item > .menu-link .menu-text,
  .layout-menu .menu-inner > .menu-item .menu-sub,
  .layout-menu .menu-inner > .menu-item .menu-toggle::after,
  .layout-menu .menu-header {
    opacity: 1 !important;
    overflow: visible !important;
  }
}

/* Brand logo */
.app-brand-logo {
  flex-shrink: 0;
}
.app-brand-logo img {
  height: 2.5rem;
  width: auto;
  display: block;
}

/* Auth page brand logo - larger for centered auth pages */
.authentication-wrapper .app-brand-logo img {
  height: 3rem;
}

/* Navbar z-index fix */
.content-wrapper .navbar {
  z-index: auto;
}

/* ===== Skip Navigation Link ===== */
.skip-link {
  position: absolute;
  top: -100%;
  inset-inline-start: 0;
  z-index: 9999;
  padding: 0.75rem 1.5rem;
  background: var(--bs-primary);
  color: #ffffff;
  text-decoration: none;
  border-end-end-radius: 0.375rem;
}
.skip-link:focus {
  top: 0;
  color: #ffffff;
}