/*
 * Link order list orange theme.
 * The page has no dedicated root class, so scope by its unique .menu-tabs.
 */
body:has(.menu-tabs) {
  --link-order-orange: #ff8a00;
  --link-order-orange-deep: #ff6200;
  --link-order-yellow: #ffb300;
  --link-order-gold: #ffce3d;
  --link-order-soft: #fff8e8;
  --link-order-border: #ffd19a;
  --link-order-focus: #ffb65f;
}

body:has(.menu-tabs) .text-primary,
body:has(.menu-tabs) .q-btn.text-primary,
body:has(.menu-tabs) .q-btn--flat.text-primary,
body:has(.menu-tabs) .q-tab--active,
body:has(.menu-tabs) .q-tab--active .q-tab__label,
body:has(.menu-tabs) .menu-tabs .q-tab--active,
body:has(.menu-tabs) .menu-tabs .q-tab--active .text-subtitle1 {
  color: var(--link-order-orange) !important;
}

body:has(.menu-tabs) .bg-primary,
body:has(.menu-tabs) .q-btn.bg-primary {
  background: linear-gradient(180deg, var(--link-order-yellow) 0%, var(--link-order-orange) 100%) !important;
  color: #ffffff !important;
}

body:has(.menu-tabs) .q-btn.bg-primary::before,
body:has(.menu-tabs) .q-btn.text-primary::before {
  box-shadow: none !important;
}

body:has(.menu-tabs) .menu-tabs {
  background: #ffffff !important;
  color: #6f6a58 !important;
}

body:has(.menu-tabs) .menu-tabs .q-tab {
  color: #6f6a58 !important;
  font-weight: 700;
}

body:has(.menu-tabs) .menu-tabs .q-tab__indicator {
  background: var(--link-order-orange) !important;
}

body:has(.menu-tabs) .q-page-sticky {
  background: #f3f3f5 !important;
}

body:has(.menu-tabs) .q-markup-table .q-btn.bg-primary,
body:has(.menu-tabs) .q-markup-table .q-btn.text-primary {
  border: 1px solid var(--link-order-border) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #fff8e8 0%, #fff0d6 100%) !important;
  color: var(--link-order-orange) !important;
}

body:has(.menu-tabs) .q-card .q-btn.text-primary,
body:has(.menu-tabs) .q-card .q-btn--flat.text-primary {
  color: var(--link-order-orange) !important;
}

body:has(.menu-tabs) .q-date {
  color: #1f1f1f !important;
}

body:has(.menu-tabs) .q-date__header {
  background: linear-gradient(135deg, var(--link-order-gold) 0%, var(--link-order-orange) 100%) !important;
  color: #ffffff !important;
}

body:has(.menu-tabs) .q-date__header .q-btn,
body:has(.menu-tabs) .q-date__header .q-icon,
body:has(.menu-tabs) .q-date__header-link,
body:has(.menu-tabs) .q-date__header-title,
body:has(.menu-tabs) .q-date__header-subtitle {
  color: #ffffff !important;
}

body:has(.menu-tabs) .q-date .text-primary,
body:has(.menu-tabs) .q-date .q-btn.text-primary,
body:has(.menu-tabs) .q-date__navigation .q-btn,
body:has(.menu-tabs) .q-date__navigation .q-icon {
  color: var(--link-order-orange) !important;
}

body:has(.menu-tabs) .q-date .bg-primary,
body:has(.menu-tabs) .q-date .q-btn.bg-primary,
body:has(.menu-tabs) .q-date__calendar-item .q-btn.bg-primary,
body:has(.menu-tabs) .q-date__months-item .q-btn.bg-primary,
body:has(.menu-tabs) .q-date__years-item .q-btn.bg-primary {
  background: linear-gradient(180deg, var(--link-order-yellow) 0%, var(--link-order-orange) 100%) !important;
  color: #ffffff !important;
}

body:has(.menu-tabs) .q-date__calendar-item--selected,
body:has(.menu-tabs) .q-date__range,
body:has(.menu-tabs) .q-date__edit-range {
  color: var(--link-order-orange) !important;
}

body:has(.menu-tabs) .q-date__today {
  color: var(--link-order-orange) !important;
  box-shadow: none !important;
}

body:has(.menu-tabs) button:focus-visible,
body:has(.menu-tabs) [role="button"]:focus-visible {
  outline: 2px solid var(--link-order-focus);
  outline-offset: 2px;
}