/**
 * Swsw (صوصو) brand theme — admin dashboard
 */
:root {
    --theameColor: #da4809;
    --primary-clr: #da4809;
    --base-clr: #da4809;
    --swsw-primary: #da4809;
    --swsw-primary-dark: #b83a07;
    --swsw-bg: #ffffff;
    --swsw-text: #000000;
    --swsw-text-muted: #666666;
    --swsw-cream: #fff8e7;
    --swsw-cream-dark: #f5e8cc;
    --swsw-peach: #ffede5;
    --swsw-gradient: linear-gradient(
        95.93deg,
        rgba(255, 122, 0, 0.8) 0%,
        rgba(255, 171, 89, 0.6) 50%,
        #f5f5f5 100%
    );
}

/* ── Sidebar ── */
.bg--title,
.navbar-vertical-aside .navbar-vertical-content.bg--title {
    background: var(--swsw-cream) !important;
}

.navbar-vertical-aside.navbar-bordered {
    border-color: var(--swsw-peach) !important;
}

.navbar-brand-wrapper {
    background: var(--swsw-bg) !important;
    border-bottom: 1px solid var(--swsw-peach);
}

@media screen and (min-width: 1200px) {
    .navbar-brand-wrapper {
        background: var(--swsw-bg) !important;
    }
}

.navbar-vertical .nav-link {
    color: var(--swsw-text) !important;
}

.navbar .nav-link:hover,
.navbar .active > .nav-link,
.navbar .nav-link.active,
.navbar .nav-link.show,
.navbar .show > .nav-link {
    color: var(--swsw-primary) !important;
}

.navbar-vertical .active .nav-indicator-icon,
.navbar-vertical .nav-link:hover .nav-indicator-icon,
.navbar-vertical .show > .nav-link > .nav-indicator-icon {
    color: var(--swsw-primary) !important;
}

.nav-subtitle {
    color: var(--swsw-text-muted) !important;
}

.navbar-vertical .navbar-nav.nav-tabs > .navbar-vertical-aside-has-menu.active > .nav-link,
.navbar-vertical .navbar-nav.nav-tabs > .nav-item.active > .nav-link,
.navbar-vertical .navbar-nav.nav-tabs .nav-link.active {
    background: var(--swsw-peach) !important;
    color: var(--swsw-primary) !important;
    border-inline-start-color: var(--swsw-primary) !important;
}

.navbar-vertical .navbar-nav.nav-tabs .nav-link:hover {
    background: rgba(255, 237, 229, 0.6) !important;
}

.sidebar--search-form {
    background: var(--swsw-cream) !important;
    border-bottom: 1px solid var(--swsw-peach);
}

.sidebar--search-form .form--control,
.sidebar--search-form .form-control {
    background: var(--swsw-bg) !important;
    border-color: var(--swsw-peach) !important;
    color: var(--swsw-text) !important;
}

.sidebar--search-form .form--control::placeholder,
.sidebar--search-form .form-control::placeholder {
    color: var(--swsw-text-muted) !important;
}

.sidebar--search-form .search--form-group .btn {
    color: var(--swsw-primary) !important;
}

.navbar-vertical-aside-toggle,
.js-navbar-vertical-aside-toggle-invoker {
    color: var(--swsw-primary) !important;
}

/* Submenu container */
.navbar-vertical .nav-sub,
.nav-sub {
    background: var(--swsw-cream-dark) !important;
    border-radius: 8px;
    margin: 0.25rem 0.5rem 0.5rem;
    padding: 0.35rem 0;
}

aside .nav-link,
aside .nav-item .nav-link,
.navbar-vertical aside .nav-link {
    color: var(--swsw-text) !important;
}

/* Submenu items: black by default */
.navbar-vertical .navbar-nav.nav-tabs .active .nav-sub .nav-item:not(.active) > .nav-link,
.navbar-vertical .nav-sub .nav-item > .nav-link,
.navbar-vertical .nav-sub .nav-item > .nav-link .sidebar--badge-container,
.navbar-vertical .nav-sub .nav-item > .nav-link .text-truncate,
aside .navbar-vertical-aside-has-menu .nav-sub .nav-item > .nav-link {
    color: var(--swsw-text) !important;
    background: transparent !important;
}

.navbar-vertical .nav-sub .nav-item > .nav-link .nav-indicator-icon {
    color: var(--swsw-text-muted) !important;
}

/* Submenu hover: primary like refunds */
.navbar-vertical .nav-sub .nav-item > .nav-link:hover,
.navbar-vertical .nav-sub .nav-item > .nav-link:hover .sidebar--badge-container,
.navbar-vertical .nav-sub .nav-item > .nav-link:hover .text-truncate,
.navbar-vertical .navbar-nav.nav-tabs li .nav-link:hover > .sidebar--badge-container {
    color: var(--swsw-primary) !important;
    background: var(--swsw-peach) !important;
}

.navbar-vertical .nav-sub .nav-item > .nav-link:hover .nav-indicator-icon {
    color: var(--swsw-primary) !important;
}

/* Submenu active page */
.navbar-vertical .nav-sub .nav-item.active > .nav-link,
.navbar-vertical .nav-sub .nav-item.active > .nav-link .sidebar--badge-container,
.navbar-vertical .nav-sub .nav-item.active > .nav-link .text-truncate {
    color: var(--swsw-primary) !important;
    background: var(--swsw-peach) !important;
}

.navbar-vertical .nav-sub .nav-item.active > .nav-link .nav-indicator-icon {
    color: var(--swsw-primary) !important;
}

.navbar-vertical .nav-sub .badge-soft-info {
    background: rgba(218, 72, 9, 0.12) !important;
    color: var(--swsw-primary) !important;
}

/* ── Header & layout ── */
.navbar-bordered,
#header.navbar {
    background: var(--swsw-bg) !important;
    border-color: var(--swsw-peach) !important;
}

body,
.main,
.content.container-fluid {
    background: var(--swsw-bg) !important;
    color: var(--swsw-text);
}

.page-header-text,
.text-muted,
small.text-muted {
    color: var(--swsw-text-muted) !important;
}

.page-header {
    background: var(--swsw-gradient);
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    border: none !important;
    margin-bottom: 1.5rem;
}

.page-header-title,
h1.page-header-title {
    color: var(--swsw-text) !important;
}

.page-header .text--primary-2,
.page-header .text--primary-2 strong,
.page-header .text--primary-2 i,
.page-header .text--primary,
.page-header .text-primary {
    color: var(--swsw-text) !important;
}

.page-header .text--primary-2:hover,
.page-header .text--primary-2:hover strong,
.page-header .text--primary-2:hover i {
    color: var(--swsw-text-muted) !important;
}

/* ── Primary actions ── */
.btn--primary,
.btn-primary {
    background-color: var(--swsw-primary) !important;
    border-color: var(--swsw-primary) !important;
    color: #fff !important;
}

.btn--primary:hover,
.btn-primary:hover,
.btn--primary:focus,
.btn-primary:focus {
    background-color: var(--swsw-primary-dark) !important;
    border-color: var(--swsw-primary-dark) !important;
    color: #fff !important;
}

.btn-outline-primary {
    color: var(--swsw-primary) !important;
    border-color: var(--swsw-primary) !important;
}

.btn-outline-primary:hover {
    background-color: var(--swsw-primary) !important;
    border-color: var(--swsw-primary) !important;
    color: #fff !important;
}

.text-primary,
a.text-primary {
    color: var(--swsw-primary) !important;
}

.text-hover-primary:hover {
    color: var(--swsw-primary) !important;
}

.badge-soft-primary {
    background: var(--swsw-peach) !important;
    color: var(--swsw-primary) !important;
}

.badge-soft-success {
    background: var(--swsw-peach) !important;
    color: var(--swsw-primary) !important;
}

/* ── Cards & stats ── */
.card {
    border-color: var(--swsw-peach) !important;
}

.card-header {
    background: var(--swsw-cream) !important;
    border-color: var(--swsw-peach) !important;
}

/* ── Forms & links ── */
.form-control:focus,
.form--control:focus {
    border-color: var(--swsw-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(218, 72, 9, 0.15) !important;
}

.page-item.active .page-link {
    background-color: var(--swsw-primary) !important;
    border-color: var(--swsw-primary) !important;
}

a:hover {
    color: var(--swsw-primary);
}

/* ── Logo sizing ── */
.sidebar--logo-design,
.sidebar--logo-design-2,
.brand--logo-design-2 {
    max-height: 56px !important;
    width: auto !important;
    object-fit: contain !important;
}

.auth-logo img {
    max-height: 80px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* ── SweetAlert & misc accents ── */
.swal2-styled.swal2-confirm {
    background-color: var(--swsw-primary) !important;
}

.form-check-input:checked {
    background-color: var(--swsw-primary) !important;
    border-color: var(--swsw-primary) !important;
}
