/* ==========================================================================
   Blyura brand theme for the admin and merchant web panels.
   Loaded after the stock stylesheets; only restyles, never hides features.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@500;600;700&display=swap');

:root,
[data-bs-theme=light] {
  --blyura-ink: #1A1712;
  --blyura-ink-2: #221D15;
  --blyura-ink-3: #2F281D;
  --blyura-gold: #E6C44E;
  --blyura-gold-deep: #C09423;
  --blyura-gold-dark: #8A6A12;
  --blyura-gold-soft: #FFF6DA;
  --blyura-ivory: #FBF8F1;
  --blyura-line: #EFE8D6;
  --blyura-muted: #7A7264;
  --blyura-gradient: linear-gradient(135deg, #EBCB5E 0%, #D6A935 55%, #B8891D 100%);
  --blyura-shadow: 0 1px 2px rgba(42, 31, 5, .05), 0 10px 28px -12px rgba(42, 31, 5, .14);

  --bs-primary: #C09423;
  --bs-primary-dark: #8A6A12;
  --bs-primary-light: #FFF6DA;
  --bs-primary-rgb: 192, 148, 35;
  --bs-primary-light-bg: rgba(192, 148, 35, .08);
  --btn-rgb: 192, 148, 35;
  --bg-color: #F4F0E7;
  --bs-body-bg: #FBF8F1;
  --bs-light: #F7F3EA;
  --bs-light-rgb: 247, 243, 234;
  --bs-dark: #1A1712;
  --bs-body-color: #4F4A40;
  --text-light-color: #9A917F;
  --border-color: #EFE8D6;
  --bs-border-color: #EFE8D6;
  --input-border-color: #E7DFCC;
  --input-border-color-active: rgba(192, 148, 35, .45);
  --shadow-color: rgba(42, 31, 5, .06);
  --bs-link-color: #8A6A12;
  --bs-link-hover-color: #C09423;
  --bs-body-font-family: "Plus Jakarta Sans", "Public Sans", system-ui, sans-serif;
}

body {
  --bly-surface: #FFFFFF;
  --bly-bg: #FBF8F1;
  --bly-soft: #FBF8F1;
  --bly-line: #EFE8D6;
  --bly-input-line: #E7DFCC;
  --bly-text: #1A1712;
  --bly-muted: #7A7264;
  --bly-header: rgba(251, 248, 241, .92);
  --bly-hover: rgba(255, 246, 218, .55);
  --bly-badge-bg: #FFF6DA;
  --bly-badge-fg: #8A6A12;
}
body[data-bs-theme=dark] {
  --bly-surface: #1C1914;
  --bly-bg: #13110D;
  --bly-soft: #221E18;
  --bly-line: #2E2A22;
  --bly-input-line: #3A342A;
  --bly-text: #F1ECE2;
  --bly-muted: #A89F8E;
  --bly-header: rgba(19, 17, 13, .92);
  --bly-hover: rgba(230, 196, 78, .07);
  --bly-badge-bg: rgba(230, 196, 78, .14);
  --bly-badge-fg: #E6C44E;
  --bs-body-bg: #13110D;
  --bs-body-color: #D8D1C4;
  --bs-border-color: #2E2A22;
  --border-color: #2E2A22;
  --input-border-color: #3A342A;
  --bs-dark: #F1ECE2;
}

[data-bs-theme=dark] {
  --bs-primary: #E6C44E;
  --bs-primary-rgb: 230, 196, 78;
  --btn-rgb: 230, 196, 78;
  --input-border-color-active: rgba(230, 196, 78, .45);
}

body {
  font-family: "Plus Jakarta Sans", "Public Sans", system-ui, sans-serif !important;
  background-color: var(--bly-bg);
  letter-spacing: -0.005em;
}

/* ---------- Page titles ---------- */
.main-content .page-title,
.main-content h2.page-title,
.main-content .page-title-wrap h2,
.main-content > .container-fluid > .d-flex h2:first-child {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--bly-text);
}

/* ---------- Sidebar ---------- */
.aside {
  background: linear-gradient(180deg, var(--blyura-ink-2) 0%, #14110C 100%) !important;
  box-shadow: none !important;
  border-inline-end: 1px solid rgba(230, 196, 78, .12);
}
.aside .aside-header { border-bottom: 1px solid rgba(255, 255, 255, .06); }
.aside .aside-header img { filter: none; }
.aside .aside-header .material-icons,
.aside .aside-header i { color: rgba(255, 255, 255, .7) !important; }
.aside .user-profile {
  background: rgba(255, 255, 255, .05) !important;
  border: 1px solid rgba(230, 196, 78, .18);
}
.aside .user-profile,
.aside .user-profile * { color: rgba(255, 255, 255, .85) !important; }
.aside-body .nav li.nav-category {
  color: rgba(230, 196, 78, .75) !important;
  letter-spacing: .12em;
  font-size: 10.5px;
}
.aside-body .nav li > a,
.aside-body .nav li > a .material-icons,
.aside-body .nav li > a .link-title,
.aside-body .nav li.has-sub-item:after {
  color: rgba(255, 255, 255, .72);
}
.aside-body .nav li > a:hover,
.aside-body .nav li > a:hover .material-icons,
.aside-body .nav li > a:hover .link-title { color: #fff; }
.aside-body .nav ul li { border-radius: 12px; }
.aside-body .nav li > a.active-menu,
.aside-body .nav li > a.active-menu .material-icons,
.aside-body .nav li > a.active-menu .link-title,
.active-menu,
.active-menu .material-icons {
  color: var(--blyura-gold) !important;
}
.aside-body .nav > li > a.active-menu {
  position: relative;
}
.aside-body .nav > li > a.active-menu::before {
  content: "";
  position: absolute;
  inset-inline-start: -1.25rem;
  inset-block: -0.2rem;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--blyura-gradient);
}
.aside-body .nav li .link-title .count {
  background: rgba(230, 196, 78, .16) !important;
  color: var(--blyura-gold) !important;
  font-weight: 700;
}
.aside .form-control,
.aside input[type=search] {
  background: rgba(255, 255, 255, .06) !important;
  border-color: rgba(255, 255, 255, .1) !important;
  color: #fff !important;
}
.aside ::-webkit-scrollbar-thumb,
.aside .ps__thumb-y { background-color: rgba(230, 196, 78, .35) !important; }

/* ---------- Header ---------- */
.header {
  background-color: var(--bly-header) !important;
  backdrop-filter: saturate(160%) blur(10px);
  box-shadow: none !important;
  border-bottom: 1px solid var(--bly-line);
}

/* ---------- Cards ---------- */
.card,
.setting-box,
.information-details-box,
.dropdown-menu {
  background-color: var(--bly-surface);
  border: 1px solid var(--bly-line) !important;
  border-radius: 18px !important;
  box-shadow: var(--blyura-shadow) !important;
}
.card-header {
  background: transparent !important;
  border-bottom: 1px solid var(--bly-line) !important;
}
.card-header h4, .card-header h5, .card-header .card-title { font-weight: 700; color: var(--bly-text); }

/* ---------- Dashboard summary cards ---------- */
.business-summary,
.statistics-card {
  background: var(--bly-surface) !important;
  border: 1px solid var(--bly-line);
  box-shadow: var(--blyura-shadow);
  border-radius: 20px !important;
}
.business-summary *,
.statistics-card * { color: var(--bly-text) !important; }
.business-summary h3,
.statistics-card h3 { color: var(--bly-muted) !important; font-weight: 500; }
.business-summary::after,
.statistics-card::after { background-color: var(--blyura-gold) !important; opacity: .08 !important; }
.business-summary .absolute-img img { filter: sepia(1) saturate(2.4) hue-rotate(5deg) brightness(.85); opacity: .9; }
.row > div:first-child > .business-summary,
.business-summary.business-summary-customers:first-of-type {
  background: linear-gradient(160deg, var(--blyura-ink-2) 0%, #14110C 100%) !important;
  border-color: rgba(230, 196, 78, .25);
}
.row > div:first-child > .business-summary *,
.business-summary.business-summary-customers:first-of-type * { color: #fff !important; }
.row > div:first-child > .business-summary h2 { color: var(--blyura-gold) !important; }
.row > div:first-child > .business-summary h3 { color: rgba(255, 255, 255, .6) !important; }
.row > div:first-child > .business-summary .absolute-img img { filter: sepia(1) saturate(3) brightness(1.1); }

/* ---------- Buttons ---------- */
.btn--primary,
.btn--primary[disabled],
.btn-primary,
.wizard .actions ul a {
  background: var(--blyura-gradient) !important;
  border-color: transparent !important;
  color: var(--blyura-ink) !important;
  font-weight: 600;
  box-shadow: 0 6px 18px -8px rgba(192, 148, 35, .55);
}
.btn--primary:hover,
.btn--primary:focus,
.btn-primary:hover,
.btn-primary:focus {
  filter: brightness(1.04);
  color: var(--blyura-ink) !important;
}
.btn--primary .material-icons,
.btn--primary i,
.btn-primary .material-icons { color: var(--blyura-ink) !important; }
.btn--secondary,
.btn-secondary,
.btn--light {
  background: var(--bly-surface) !important;
  border: 1px solid var(--bly-input-line) !important;
  color: var(--bly-text) !important;
}
.btn-outline-primary,
.btn--light-primary {
  color: var(--bly-badge-fg) !important;
  border-color: rgba(192, 148, 35, .45) !important;
  background: var(--bly-badge-bg) !important;
}
.btn-outline-primary:hover { background: var(--blyura-gold) !important; color: var(--blyura-ink) !important; }
.btn { border-radius: 12px; }

/* ---------- Forms ---------- */
.form-control,
.form-select,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border-radius: 12px !important;
  border-color: var(--bly-input-line) !important;
  background-color: var(--bly-surface);
  color: var(--bly-text);
}
.form-control:focus,
.form-select:focus {
  border-color: var(--blyura-gold-deep) !important;
  box-shadow: 0 0 0 3px rgba(230, 196, 78, .22) !important;
}
.form-check-input:checked,
.switcher_input:checked + .switcher_control {
  background-color: var(--blyura-gold-deep) !important;
  border-color: var(--blyura-gold-deep) !important;
}

/* ---------- Tabs and pills ---------- */
.nav--tabs .nav-link.active,
.nav-tabs .nav-link.active,
.nav--tab .nav-link.active {
  color: var(--bly-badge-fg) !important;
  border-color: var(--blyura-gold-deep) !important;
}
.nav--tabs__style2 .nav-link.active,
.nav-pills .nav-link.active,
.btn-group .btn.active {
  background: var(--blyura-gradient) !important;
  color: var(--blyura-ink) !important;
  border-color: transparent !important;
}

/* ---------- Tables ---------- */
.table thead th,
.table .thead-light th,
.table thead.text-capitalize th {
  background-color: var(--bly-soft) !important;
  color: var(--bly-muted) !important;
  font-weight: 600;
  font-size: 12.5px;
  letter-spacing: .02em;
  border-bottom: 1px solid var(--bly-line) !important;
}
.table td { border-color: var(--bly-line) !important; }
.table-hover tbody tr:hover > * { background-color: var(--bly-hover) !important; }

/* ---------- Badges ---------- */
.badge-primary,
.badge.bg-primary,
.badge--primary {
  background-color: var(--bly-badge-bg) !important;
  color: var(--bly-badge-fg) !important;
}

/* ---------- Pagination ---------- */
.pagination .page-item.active .page-link,
.pagination li.active span {
  background: var(--blyura-gradient) !important;
  border-color: transparent !important;
  color: var(--blyura-ink) !important;
}

/* ---------- Links ---------- */
.main-content a:not(.btn):not(.nav-link):not(.dropdown-item):not(.page-link) { color: var(--bly-badge-fg); }

/* ---------- Charts / progress ---------- */
.progress-bar { background: var(--blyura-gradient) !important; }

/* ---------- Login pages ---------- */
.login-wrap .login-left,
.login-form .login-left,
.login-left {
  background: linear-gradient(160deg, #221D15 0%, #14110C 100%) !important;
}
.login-left h2 span,
.login-left .text-primary,
.login-wrap .text-primary { color: var(--blyura-gold) !important; }
.login-right h2,
.login-form h2 { font-family: "Playfair Display", Georgia, serif; font-weight: 600; }

/* ---------- Loader ---------- */
#loading .spinner-border,
.spinner-border.text-primary { color: var(--blyura-gold-deep) !important; }

.login-left .tf-box {
  background: rgba(255, 255, 255, .03) !important;
  border: 1px solid rgba(230, 196, 78, .22) !important;
  border-radius: 28px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}
.login-left h2,
.login-left .text-dark {
  color: rgba(255, 255, 255, .92) !important;
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 500;
  line-height: 1.25;
}
.login-left h2 .c1,
.login-left h2 strong { color: var(--blyura-gold) !important; font-weight: 600; }
.login-left .login-logo { max-height: 64px; width: auto; }


/* ---------- Dark mode surfaces ---------- */
body[data-bs-theme=dark] .card,
body[data-bs-theme=dark] .setting-box,
body[data-bs-theme=dark] .information-details-box,
body[data-bs-theme=dark] .modal-content,
body[data-bs-theme=dark] .bg-white,
body[data-bs-theme=dark] .login-right-wrap {
  background-color: var(--bly-surface) !important;
  color: var(--bs-body-color);
}
body[data-bs-theme=dark] .form-control,
body[data-bs-theme=dark] .form-select,
body[data-bs-theme=dark] .select2-container--default .select2-selection--single,
body[data-bs-theme=dark] .select2-container--default .select2-selection--multiple,
body[data-bs-theme=dark] .input-group-text {
  background-color: #17140F !important;
  color: var(--bly-text) !important;
  border-color: var(--bly-input-line) !important;
}
body[data-bs-theme=dark] .select2-selection__rendered { color: var(--bly-text) !important; }
body[data-bs-theme=dark] h1, body[data-bs-theme=dark] h2, body[data-bs-theme=dark] h3,
body[data-bs-theme=dark] h4, body[data-bs-theme=dark] h5, body[data-bs-theme=dark] h6,
body[data-bs-theme=dark] .title-color { color: var(--bly-text); }
body[data-bs-theme=dark] .text-dark { color: var(--bly-text) !important; }
body[data-bs-theme=dark] .table { color: var(--bs-body-color); }
body[data-bs-theme=dark] .row > div:first-child > .business-summary {
  background: linear-gradient(160deg, #2A2319 0%, #17130E 100%) !important;
}