@font-face {
  font-family: "Syrian Arabic";
  src: url("./Arabic.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --syr-cedar-950: #0b2a22;
  --syr-cedar-900: #0f3a2e;
  --syr-cedar-800: #1a4d3d;
  --syr-cedar-700: #2a6552;
  --syr-cedar-600: #3f8068;
  --syr-bronze-900: #6b4f2a;
  --syr-bronze-700: #a07f46;
  --syr-bronze-600: #b89968;
  --syr-bronze-400: #dcc6a1;
  --syr-pom-700: #7a3530;
  --syr-parchment-100: #faf7ef;
  --syr-parchment-200: #f2ede0;
  --syr-parchment-300: #ede6d5;
  --syr-parchment-400: #dfd6c0;
  --syr-ink-900: #1a1a18;
  --syr-ink-700: #3a3a36;
  --syr-ink-500: #6b6b63;
  --syr-rule: rgba(15, 58, 46, 0.18);
  --syr-shadow-sm: 0 1px 2px rgba(15, 58, 46, 0.08);
  --syr-shadow-md: 0 4px 16px rgba(15, 58, 46, 0.1);
  --syr-shadow-lg: 0 24px 64px -16px rgba(15, 58, 46, 0.22);
  --syr-font-ar: "Segoe UI", "Noto Sans Arabic", Tahoma, Arial, sans-serif;
  --syr-font-ui: "Segoe UI", Roboto, Arial, sans-serif;
  --bs-primary: var(--syr-cedar-900);
  --bs-primary-rgb: 15, 58, 46;
  --bs-link-color: var(--syr-cedar-800);
  --bs-link-hover-color: var(--syr-pom-700);
  --o-brand-primary: var(--syr-cedar-900);
  --o-action: var(--syr-cedar-900);
  accent-color: var(--syr-cedar-900);
}

html,
body,
.o_web_client {
  color: var(--syr-ink-900);
  font-family: var(--syr-font-ui);
}

body,
.o_web_client,
.o_action_manager,
.o_content,
.o_form_view,
.o_list_view,
.o_kanban_renderer,
.o_view_controller {
  background-color: var(--syr-parchment-200);
}

body:not(.o_web_client) {
  background:
    linear-gradient(rgba(250, 247, 239, 0.9), rgba(242, 237, 224, 0.94)),
    url("./pattern-rosette-cedar.png") center / 620px auto fixed,
    var(--syr-parchment-300);
}

[dir="rtl"],
[lang^="ar"] {
  font-family: var(--syr-font-ar);
}

::selection {
  background: var(--syr-bronze-400);
  color: var(--syr-cedar-950);
}

a,
.btn-link {
  color: var(--syr-cedar-800);
}

a:hover,
.btn-link:hover {
  color: var(--syr-pom-700);
}

.btn-primary,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:first-child:active,
.show > .btn-primary.dropdown-toggle {
  --bs-btn-bg: var(--syr-cedar-900);
  --bs-btn-border-color: var(--syr-cedar-900);
  --bs-btn-hover-bg: var(--syr-cedar-800);
  --bs-btn-hover-border-color: var(--syr-cedar-800);
  --bs-btn-active-bg: var(--syr-cedar-950);
  --bs-btn-active-border-color: var(--syr-cedar-950);
  --bs-btn-color: var(--syr-parchment-100);
  --bs-btn-hover-color: var(--syr-parchment-100);
}

.btn-secondary {
  --bs-btn-bg: var(--syr-parchment-100);
  --bs-btn-border-color: var(--syr-rule);
  --bs-btn-color: var(--syr-cedar-900);
  --bs-btn-hover-bg: var(--syr-parchment-300);
  --bs-btn-hover-border-color: var(--syr-bronze-600);
  --bs-btn-hover-color: var(--syr-cedar-950);
}

.btn,
.form-control,
.form-select,
.dropdown-menu,
.modal-content,
.card,
.list-group-item {
  border-radius: 4px;
}

.form-control,
.form-select,
.o_input {
  background-color: rgba(250, 247, 239, 0.78);
  border-color: var(--syr-rule);
  color: var(--syr-ink-900);
}

.form-control:focus,
.form-select:focus,
.o_input:focus {
  border-color: var(--syr-bronze-600);
  box-shadow: 0 0 0 0.2rem rgba(184, 153, 104, 0.22);
}

.o_main_navbar {
  --NavBar-entry-color: var(--syr-parchment-100);
  --NavBar-entry-backgroundColor: transparent;
  --NavBar-entry-backgroundColor--hover: rgba(220, 198, 161, 0.13);
  --NavBar-entry-backgroundColor--active: rgba(220, 198, 161, 0.2);
  background:
    linear-gradient(90deg, rgba(11, 42, 34, 0.98), rgba(15, 58, 46, 0.95)),
    url("./pattern-interlace.png") center / 520px auto;
  border-bottom: 1px solid rgba(220, 198, 161, 0.24);
  box-shadow: var(--syr-shadow-sm);
}

.o_main_navbar .o_menu_brand,
.o_main_navbar .o_navbar_apps_menu,
.o_main_navbar .dropdown-toggle,
.o_main_navbar .o_menu_sections button,
.o_main_navbar .o_menu_systray button {
  color: var(--syr-parchment-100) !important;
}

.o_main_navbar .o_menu_brand:before {
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-inline-end: 8px;
  vertical-align: middle;
  background: url("./Syrian_logo_icon_gold.svg") center / contain no-repeat;
}

.o_control_panel,
.o_cp_bottom,
.o_search_panel,
.o_form_statusbar,
.o-mail-Chatter,
.o_kanban_view .o_kanban_renderer,
.o_list_renderer,
.o_form_sheet_bg {
  background-color: var(--syr-parchment-100);
  border-color: var(--syr-rule);
}

.o_form_sheet,
.o_kanban_record,
.o_Activity,
.o_Message,
.o-mail-Thread,
.modal-content,
.dropdown-menu,
.card,
.list-group-item {
  background-color: rgba(250, 247, 239, 0.98);
  border-color: var(--syr-rule);
  box-shadow: var(--syr-shadow-sm);
}

.o_form_sheet {
  border-top: 3px solid var(--syr-bronze-600);
}

.o_list_table thead th,
.table thead th {
  background-color: var(--syr-parchment-300);
  color: var(--syr-cedar-950);
  border-color: var(--syr-rule);
}

.o_list_table tbody tr:hover,
.table-hover tbody tr:hover,
.o_kanban_record:hover {
  background-color: rgba(184, 153, 104, 0.12);
}

.badge.text-bg-primary,
.text-bg-primary,
.bg-primary {
  background-color: var(--syr-cedar-900) !important;
  color: var(--syr-parchment-100) !important;
}

.text-primary {
  color: var(--syr-cedar-900) !important;
}

.border-primary {
  border-color: var(--syr-cedar-900) !important;
}

.o_notification,
.toast {
  border-color: var(--syr-rule);
  box-shadow: var(--syr-shadow-md);
}

.o_brand_promotion,
.o_settings_container .o_web_settings_compact_subtitle,
.o_database_list a[href*="odoo.com"] {
  display: none !important;
}

.oe_login_form,
.o_database_list {
  color: var(--syr-ink-900);
}

.o_database_list.card,
.o_database_list .card,
body .o_database_list {
  background: rgba(250, 247, 239, 0.96) !important;
  border: 1px solid var(--syr-rule) !important;
  box-shadow: var(--syr-shadow-lg);
}

.o_database_list img,
.oe_login_form img {
  max-height: 116px;
}

.oe_login_buttons .btn-primary {
  min-height: 42px;
  font-weight: 700;
}

body:has(.oe_login_form) .container.py-5,
body:has(.o_database_list) .container {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

body:has(.oe_login_form) .o_database_list {
  max-width: 390px !important;
  width: min(390px, calc(100vw - 32px));
}

.pos,
.pos-content,
.pos .modal-dialog,
.pos .leftpane,
.pos .rightpane {
  font-family: var(--syr-font-ui);
}

.pos .pos-topheader,
.pos .top-content,
.pos .payment-screen .payment-buttons {
  background-color: var(--syr-cedar-900);
  color: var(--syr-parchment-100);
}

.pos .button.highlight,
.pos .btn-primary,
.pos .pay-order-button {
  background-color: var(--syr-cedar-900);
  border-color: var(--syr-cedar-900);
  color: var(--syr-parchment-100);
}