/*
 * DawriGo brand theme
 * Palette from logo: navy #010816, lime #91FF00, teal #00D9C5, blue #0088FF
 */
:root {
  --dg-navy: #010816;
  --dg-navy-soft: #0C111C;
  --dg-lime: #91FF00;
  --dg-lime-deep: #7CFF01;
  --dg-teal: #00D9C5;
  --dg-blue: #0088FF;
  --dg-white: #FFFFFF;
  --dg-text-on-lime: #010816;
}

/* Top bar / brand area */
.topbar .navbar-header {
  background: var(--dg-navy) !important;
}

.topbar .top-navbar .navbar-header .navbar-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
}

.topbar .top-navbar .navbar-header .navbar-brand b {
  display: block;
  line-height: 0;
}

.topbar .top-navbar .navbar-header .navbar-brand #logo_web,
.topbar .top-navbar .navbar-header .navbar-brand .dark-logo,
.topbar .top-navbar .navbar-header .navbar-brand #logo_web_light,
.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
  max-height: 48px;
  width: auto !important;
  max-width: 160px;
  object-fit: contain;
}

/* Ensure correct logo visibility: white-text on dark header */
.topbar .navbar-header .dark-logo {
  display: inline-block !important;
}

.topbar .navbar-header .light-logo {
  display: none !important;
}

/* Mini sidebar still sits on dark navy header — keep white-text logo */
.mini-sidebar .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
  display: inline-block !important;
}

.mini-sidebar .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
  display: none !important;
}

.left-sidebar,
.sidebar-nav {
  background: var(--dg-navy-soft) !important;
}

/* Accent overrides (replaces legacy orange) */
a.link:hover,
a.link:focus,
.text-themecolor,
.text-primary,
.text-info,
.text-warning,
.ai-text-animation {
  color: var(--dg-lime) !important;
}

.bg-theme,
.bg-info,
.label-themecolor {
  background-color: var(--dg-lime) !important;
  color: var(--dg-text-on-lime) !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.page-item.active .page-link,
.pagination > li > a.page-link:hover {
  background-color: var(--dg-lime) !important;
  border-color: var(--dg-lime) !important;
  color: var(--dg-text-on-lime) !important;
}

.right-sidebar .rpanel-title {
  background: var(--dg-lime);
  color: var(--dg-text-on-lime);
}

.stylish-table tbody tr:hover,
.stylish-table tbody tr.active {
  border-left: 4px solid var(--dg-lime);
}

.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
  border-bottom: 2px solid var(--dg-lime);
  color: var(--dg-lime);
}

.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
  color: var(--dg-lime);
}

/* Buttons */
.btn-primary,
.btn-primary.disabled,
.btn-warning,
.btn-warning.disabled,
.btn-themecolor,
.btn-themecolor.disabled,
.btn-danger,
.btn-danger.disabled {
  background: linear-gradient(135deg, var(--dg-teal) 0%, var(--dg-lime) 100%) !important;
  border: 1px solid var(--dg-lime) !important;
  color: var(--dg-text-on-lime) !important;
  box-shadow: 0 2px 8px rgba(145, 255, 0, 0.25);
}

.btn-primary:hover,
.btn-primary.disabled:hover,
.btn-warning:hover,
.btn-warning.disabled:hover,
.btn-themecolor:hover,
.btn-themecolor.disabled:hover,
.btn-danger:hover,
.btn-danger.disabled:hover {
  background: linear-gradient(135deg, var(--dg-lime) 0%, var(--dg-teal) 100%) !important;
  border-color: var(--dg-lime) !important;
  color: var(--dg-text-on-lime) !important;
  opacity: 0.95;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle,
.btn-danger.active,
.btn-danger:active,
.btn-danger:focus {
  background: var(--dg-blue) !important;
  border-color: var(--dg-blue) !important;
  color: #fff !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 136, 255, 0.35) !important;
}

.text-danger,
.badge-danger,
.label-danger,
.bg-danger {
  color: var(--dg-teal) !important;
}

.badge-danger,
.label-danger,
.bg-danger {
  background-color: var(--dg-teal) !important;
  color: var(--dg-text-on-lime) !important;
}

.alert-danger {
  background-color: rgba(0, 217, 197, 0.12) !important;
  border-color: rgba(0, 217, 197, 0.35) !important;
  color: #0a3d38 !important;
}

/* Sidebar nav */
.sidebar-nav > ul > li.active > a,
.sidebar-nav ul li a:hover,
.sidebar-nav ul li a.active,
.sidebar-nav ul li a.active:hover,
.sidebar-nav ul li.active a.has-arrow:hover,
.sidebar-nav ul li ul li.active a,
.sidebar-nav ul li ul li a:hover {
  color: var(--dg-lime) !important;
  border-color: var(--dg-lime) !important;
  background: rgba(145, 255, 0, 0.08) !important;
}

.sidebar-nav > ul > li.active > a i,
.sidebar-nav ul li a:hover i,
.sidebar-nav ul li a.active i,
.sidebar-nav ul li a.active:hover i,
.sidebar-nav ul li.active a:hover i {
  color: var(--dg-lime) !important;
}

.sidebar-nav .active > .has-arrow::after,
.sidebar-nav li > .has-arrow.active::after,
.sidebar-nav .has-arrow[aria-expanded="true"]::after,
.sidebar-nav ul li a.has-arrow:hover::after {
  border-color: var(--dg-lime) !important;
}

.sidebar-nav > ul > li.active > a {
  border-right: 3px solid var(--dg-lime) !important;
}

/* Forms / tabs / misc accents */
.nav-tabs.card-header-tabs .nav-link.active,
.nav-tabs.card-header-tabs .nav-link:hover,
.card-header-tab ul.nav-tab li.active a,
.card-header-tab ul.nav-tab li a:hover {
  background: var(--dg-lime) !important;
  border-color: var(--dg-lime) !important;
  color: var(--dg-text-on-lime) !important;
}

[type="checkbox"]:checked + label::before {
  border-right-color: var(--dg-lime) !important;
  border-bottom-color: var(--dg-lime) !important;
}

[type="radio"]:checked + label::after,
[type="radio"].with-gap:checked + label::after {
  background-color: var(--dg-lime) !important;
}

[type="radio"]:checked + label::after,
[type="radio"].with-gap:checked + label::before,
[type="radio"].with-gap:checked + label::after {
  border-color: var(--dg-lime) !important;
}

.edit-form-group .form-check [type="checkbox"]:checked + label::after,
.edit-form-group .form-check [type="radio"]:checked + label::before {
  background: var(--dg-lime) !important;
  border-color: var(--dg-lime) !important;
}

.business-analytics .card-box i,
.order-status .data i,
.order-status span.count,
.bellow-text ul li > span,
.table tr td.redirecttopage,
ul.rating {
  color: var(--dg-lime) !important;
}

.business-analytics .card-box i {
  background: linear-gradient(135deg, var(--dg-teal), var(--dg-lime)) !important;
  color: var(--dg-text-on-lime) !important;
}

.print-btn button {
  border-color: var(--dg-lime) !important;
  color: var(--dg-lime) !important;
}

.cat-slider,
.cat-slider .cat-item a.cat-link,
.cat-slider .cat-item a.cat-link:hover,
.cat-slider .cat-item.section-selected a.cat-link {
  border-color: var(--dg-lime) !important;
}

.cat-slider .cat-item.section-selected a.cat-link:after {
  border-color: var(--dg-lime) !important;
  background: var(--dg-lime) !important;
}

.table tr td .action-btn .chat-count-message .unread-count {
  background: var(--dg-lime) !important;
  color: var(--dg-text-on-lime) !important;
}

html body blockquote {
  border-left-color: var(--dg-lime) !important;
}

/* Sidebartoggler icon on dark header */
.topbar .top-navbar .navbar-nav > .nav-item > a.nav-link.sidebartoggler svg path {
  fill: var(--dg-lime);
}

/* Login page brand treatment */
.login-register.dawrigo-login {
  min-height: 100vh;
  background:
    radial-gradient(ellipse at 20% 20%, rgba(0, 136, 255, 0.25) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 80%, rgba(145, 255, 0, 0.18) 0%, transparent 45%),
    linear-gradient(160deg, var(--dg-navy) 0%, #021428 45%, #031a2e 100%) !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
}

.login-register.dawrigo-login .login-box.card {
  background: rgba(12, 17, 28, 0.95);
  border: 1px solid rgba(0, 217, 197, 0.28);
  border-radius: 20px;
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.5),
    0 0 0 1px rgba(145, 255, 0, 0.06),
    0 0 40px rgba(0, 217, 197, 0.08);
  max-width: 420px;
  width: 100%;
  margin: 0;
  color: var(--dg-white);
  overflow: hidden;
}

.login-register.dawrigo-login .login-box .card-body {
  padding: 28px 28px 32px;
}

.login-register.dawrigo-login .login-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 18px;
  padding: 8px 4px 16px;
  border-radius: 0;
  background: transparent;
  border-bottom: 1px solid rgba(145, 255, 0, 0.12);
}

.login-register.dawrigo-login .login-brand img,
.login-register.dawrigo-login #login_logo {
  display: block;
  width: 100%;
  max-width: 220px;
  height: auto;
  object-fit: contain;
  background: transparent !important;
  filter: drop-shadow(0 6px 18px rgba(0, 136, 255, 0.35));
}

.topbar .navbar-header .navbar-brand img,
.topbar .navbar-header .navbar-brand b {
  background: transparent !important;
}

.login-register.dawrigo-login .box-title {
  color: var(--dg-white);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-align: center;
  margin-bottom: 1.25rem !important;
}

.login-register.dawrigo-login .form-control {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  color: var(--dg-white);
  min-height: 46px;
  padding: 10px 14px;
}

.login-register.dawrigo-login .form-control::placeholder {
  color: rgba(255, 255, 255, 0.45);
}

.login-register.dawrigo-login .form-material .form-control,
.login-register.dawrigo-login .form-material .form-control:focus {
  background-image: none !important;
  box-shadow: none;
}

.login-register.dawrigo-login .form-control:focus {
  border-color: var(--dg-teal);
  outline: none;
  background: rgba(255, 255, 255, 0.09);
}

.login-register.dawrigo-login .form-check-label {
  color: rgba(255, 255, 255, 0.8);
}

.login-register.dawrigo-login .btn-primary {
  border-radius: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  min-height: 48px;
  margin-top: 4px;
}

@media (max-width: 480px) {
  .login-register.dawrigo-login .login-box .card-body {
    padding: 22px 18px 26px;
  }

  .login-register.dawrigo-login .login-brand img,
  .login-register.dawrigo-login #login_logo {
    max-width: 180px;
  }
}

/* Status badges & semantic text that used red/orange keywords */
.text-red,
.vendor_avtive.closed,
.error_top p,
.pricing-card .mdi-close {
  color: var(--dg-teal) !important;
}

.error_top {
  border-left-color: var(--dg-teal) !important;
}

span.driver_rejected span,
.order_rejected span,
.table tr td.driver_rejected span,
.table tr td .fa-trash,
.table tr td .fa-close,
.action-btn .fa-trash,
.action-btn .fa-close,
.remove-story-video,
.remove-story-thumbnail {
  background: var(--dg-blue) !important;
  color: #fff !important;
}

.undefined span,
.table tr td.in_transit span,
.table tr td.order_placed span,
.table tr td.order_accepted span,
.table tr td.order_shipped span,
.table tr td.order_pending span,
.table tr td.driver_pending span,
.in_transit span,
.order_placed span,
.order_accepted span,
.order_shipped span,
.order_pending span,
.driver_pending span {
  background: var(--dg-teal) !important;
  color: #fff !important;
}

.whclosetx,
.offline {
  color: var(--dg-teal) !important;
}

.sis-review,
.review-rating-demo {
  color: var(--dg-lime) !important;
  background-color: rgba(145, 255, 0, 0.12) !important;
}

.waves-effect.waves-orange .waves-ripple {
  background: rgba(145, 255, 0, 0.7) !important;
}

/* Dashboard / platform icon PNGs: shift warm orange-red hues to DawriGo lime/teal */
.business-analytics .box-icon img,
.card-box-with-icon .box-icon img,
img[src*="restaurant_icon.png"],
img[src*="total_order.png"],
img[src*="total_earning.png"],
img[src*="price.png"],
img[src*="foodie_wallet.png"],
img[src*="wallet_icon_ic.png"],
img[src*="cancel_order.png"],
img[src*="transaction_icon.png"],
img[src*="commission_icon.png"],
img[src*="commision_icon.png"],
img[src*="reffral_amount"],
img[src*="refund_amount.png"],
img[src*="remaining_payment.png"],
img[src*="total_payment.png"],
img[src*="withdrawal_icon.png"],
img[src*="active_restaurant.png"],
img[src*="inactive_restaurant.png"],
img[src*="new_restaurant.png"],
img[src*="ad-deny.png"],
img[src*="blink-icon"],
.topbar .profile-pic,
.topbar .u-img img,
img[src*="user-new.png"],
img[src*="users/user-2.png"] {
  filter: hue-rotate(160deg) saturate(1.45) brightness(1.05);
}

/* Table links, bulk actions, breadcrumbs — force DawriGo blue (not cookie orange/red) */
.page-wrapper a,
.page-wrapper .table tr td.redirecttopage,
.page-wrapper .table tr td a,
.py-4 a,
.py-4 .table tr td.redirecttopage,
.py-4 .table tr td a,
.breadcrumb a,
.breadcrumb-item a,
#deleteAll,
.top-title-section a,
.card .table a,
.card .table .redirecttopage {
  color: #0088FF !important;
}

.page-wrapper a:hover,
.page-wrapper a:focus,
.py-4 a:hover,
.breadcrumb a:hover,
.card .table a:hover,
.card .table .redirecttopage:hover {
  color: #00D9C5 !important;
}

/* Keep sidebar nav readable on dark background */
.left-sidebar a,
.sidebar-nav a,
.sidebar-nav ul li a {
  color: #8A94A6 !important;
}

.sidebar-nav > ul > li.active > a,
.sidebar-nav ul li a:hover,
.sidebar-nav ul li a.active,
.sidebar-nav ul li.active a.has-arrow:hover {
  color: #91FF00 !important;
}

.table tr td.action-btn a i.mdi-lead-pencil,
.table tr td > span.action-btn a i.mdi-lead-pencil,
ul.dtr-details > li span a i.mdi-lead-pencil {
  color: #0088FF !important;
}

.table tr td.action-btn a i.mdi-delete,
.table tr td > span.action-btn a i.mdi-delete,
ul.dtr-details > li span a i.mdi-delete,
#deleteAll i.mdi-delete {
  color: #00D9C5 !important;
}

.topbar .nav-item-user h5,
.topbar .nav-item-user p,
.topbar .nav-item-user .text-dark {
  color: #0C111C !important;
}

/* Keep real third-party Orange Money brand mark recognizable but cooler */
img[src*="orangeMoney.png"] {
  filter: hue-rotate(70deg) saturate(1.1) brightness(1.05);
}

/* Soft card tints that were red/orange */
.bg--3,
.bg--5,
.bg--7,
.bg--11,
.bg--12,
.bg--14,
.bg--18,
.bg--19,
.bg--20,
.bg--21 {
  background: rgba(0, 217, 197, 0.12) !important;
}

.bg--5,
.bg--11 {
  background: rgba(145, 255, 0, 0.12) !important;
}

.bg--3,
.bg--14 {
  background: rgba(0, 136, 255, 0.12) !important;
}

