@font-face {
    font-family: "Vazirmatn";
    src: url("fonts/vazirmatn/Vazirmatn-Variable.woff2") format("woff2");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: "Lalezar";
    src: url("fonts/lalezar/Lalezar-Regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

:root {
    --narengi-font-body: "Vazirmatn", Tahoma, sans-serif;
    --narengi-font-heading: "Lalezar", "Vazirmatn", Tahoma, sans-serif;
}

html,
body,
button,
input,
select,
textarea {
    font-family: var(--narengi-font-body);
}

h1,
h2,
h3 {
    font-family: var(--narengi-font-heading);
    font-weight: 400;
}

:root {
    --primary: #e6742b;
    --primary-fg: #fff;
    --header-color: #fff;
    --header-branding-color: #fff;
    --header-bg: #d9601a;
    --header-link-color: #fff;
    --breadcrumbs-fg: #fbe0cc;
    --breadcrumbs-link-fg: #fff;
    --breadcrumbs-bg: #e6742b;
    --link-fg: #c9550f;
    --link-hover-color: #a8440c;
    --link-selected-fg: #c9550f;
    --button-bg: #e6742b;
    --button-hover-bg: #c9550f;
    --default-button-bg: #d9601a;
    --default-button-hover-bg: #a8440c;
    --selected-bg: #fdeee1;
    --selected-row: #fff3e8;
  }
  /* ===== رنگ‌های مشترک نارنگی برای همه‌ی برگه‌ها =====
     حالت روشن (پیش‌فرض) */
  :root {
    --nl-warn: #a8440c;
    --nl-warn-border: #e0a084;
    --nl-warn-hover-bg: #fdeee1;
    --nl-success: #146c2e;
    --nl-add-bg: #fafafa;
    --nl-add-hover-bg: #f0f0f0;
    --nl-row-mix: 100%;
    --nl-row-hover-filter: brightness(0.96);
  }
  /* ظاهر تیره برای انتخاب دستی و حالت خودکار در دستگاه‌های تیره */
  html[data-theme="dark"] {
    /* Keep Django's built-in dark palette identical to auto mode at night. */
    --primary: #e6742b;
    --primary-fg: #fff;
    --breadcrumbs-link-fg: #fff;
    --breadcrumbs-bg: #e6742b;
    --link-fg: #c9550f;
    --link-hover-color: #a8440c;
    --link-selected-fg: #c9550f;
    --selected-bg: #fdeee1;
    --selected-row: #fff3e8;
    --nl-warn: #ff9a62;
    --nl-warn-border: #8a4a2b;
    --nl-warn-hover-bg: #3a2417;
    --nl-success: #5fd484;
    --nl-add-bg: #1a1a1a;
    --nl-add-hover-bg: #2a2a2a;
    --nl-row-mix: 30%;
    --nl-row-hover-filter: brightness(1.3);
  }
  @media (prefers-color-scheme: dark) {
    html:not([data-theme="light"]):not([data-theme="dark"]) {
      --nl-warn: #ff9a62;
      --nl-warn-border: #8a4a2b;
      --nl-warn-hover-bg: #3a2417;
      --nl-success: #5fd484;
      --nl-add-bg: #1a1a1a;
      --nl-add-hover-bg: #2a2a2a;
      --nl-row-mix: 30%;
      --nl-row-hover-filter: brightness(1.3);
    }
  }
  .narengi-nav {
    background: #c9550f;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin-top: 10px;
    border-radius: 4px;
    overflow: visible;
  }
  .narengi-nav-btn {
    display: inline-block;
    color: #fff !important;
    padding: 10px 16px;
    text-decoration: none;
    font-size: 13px;
    cursor: pointer;
  }
  .narengi-nav-btn:hover {
    background: #a8440c;
    color: #fff !important;
  }
  .narengi-nav-btn:focus-visible,
  .narengi-nav-submenu > summary:focus-visible {
    outline: 2px solid #fff;
    outline-offset: -3px;
  }
  .narengi-nav summary {
    list-style: none;
    cursor: pointer;
  }
  .narengi-nav summary::-webkit-details-marker { display: none; }
  .narengi-nav-dropdown {
    position: relative;
  }
  .narengi-nav-dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    inset-inline-start: 0;
    background: #a8440c;
    min-width: 160px;
    max-height: min(65vh, 520px);
    overflow-y: auto;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 5px 12px #0003;
    text-align: start;
    z-index: 1000;
  }
  .narengi-nav-dropdown-content a,
  .narengi-nav-unavailable,
  .narengi-nav-submenu > summary {
    display: block;
    padding: 8px 16px;
    color: #fff !important;
    text-decoration: none;
    font-size: 13px;
  }
  .narengi-nav-dropdown-content a:hover,
  .narengi-nav-submenu > summary:hover {
    background: #8a3809;
  }
  .narengi-nav-dropdown[open] > .narengi-nav-dropdown-content {
    display: block;
  }
  .narengi-nav-unavailable {
    color: #f4d9c8 !important;
    cursor: default;
  }
  .narengi-nav-submenu-content {
    margin-inline-start: 16px;
    border-inline-start: 1px solid #f4d9c866;
  }
  #header {
    direction: rtl !important;
  }
  #header #branding {
    float: right !important;
  }
  #header #user-tools {
    float: left !important;
    text-align: left !important;
  }
  #content, #content-main, #content-related {
    direction: rtl !important;
    text-align: right !important;
  }
  #nav-sidebar {
    direction: rtl !important;
  }
  #searchbar {
    direction: rtl !important;
    text-align: right !important;
  }