/**
 * Gopontren Official Theme - Emerald Green (#059669)
 * Applied to Admin Panel and Seller Panel
 */

:root,
[data-bs-theme="light"],
[data-bs-theme="dark"],
body {
    /* Tabler & Bootstrap Theme Variables */
    --tblr-primary: #059669 !important;
    --tblr-primary-rgb: 5, 150, 105 !important;
    --tblr-primary-fg: #ffffff !important;
    --tblr-primary-darken: #047857 !important;
    --tblr-primary-lt: #ecfdf5 !important;
    --tblr-primary-lt-rgb: 236, 253, 245 !important;
    --tblr-brand: #059669 !important;
    --tblr-link-color: #059669 !important;
    --tblr-link-hover-color: #047857 !important;

    --bs-primary: #059669 !important;
    --bs-primary-rgb: 5, 150, 105 !important;
    --bs-link-color: #059669 !important;
    --bs-link-hover-color: #047857 !important;
}

/* ============================================================
   1. SIDEBAR BRAND & LOGO SIZING (CLEAN & PROPORTIONAL)
   ============================================================ */
.sidebar-brand,
#panel-sidebar .sidebar-brand,
.navbar-vertical .sidebar-brand {
    position: relative !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    padding: 8px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
}

.sidebar-brand-link,
#panel-sidebar .sidebar-brand-link,
.navbar-vertical .sidebar-brand-link {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    max-height: 48px !important;
    height: 48px !important;
    width: auto !important;
    min-width: 0 !important;
}

.sidebar-logo-full,
#panel-sidebar .sidebar-logo-full,
.navbar-vertical .sidebar-logo-full,
.navbar-brand img,
.sidebar-brand img {
    display: block !important;
    max-height: 40px !important;
    max-width: 140px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 !important;
}

.sidebar-logo-slim,
#panel-sidebar .sidebar-logo-slim,
.navbar-vertical .sidebar-logo-slim {
    max-height: 32px !important;
    max-width: 32px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

/* ============================================================
   2. ACTIVE MENU ITEMS & SUBMENU (GREEN #059669)
   ============================================================ */
.navbar-vertical .navbar-nav > .nav-item.active > .nav-link,
.navbar-vertical .navbar-nav .nav-link.active,
.navbar-vertical .navbar-nav > .nav-item.active > .nav-link.active,
.navbar-vertical .navbar-nav > .nav-item.active > .nav-link.show,
.navbar-vertical .navbar-nav .nav-link.dropdown-toggle.active,
.navbar-vertical .navbar-nav .nav-link.dropdown-toggle.show,
#panel-sidebar .navbar-nav > .nav-item.active > .nav-link,
#panel-sidebar .navbar-nav .nav-link.active,
#panel-sidebar .navbar-nav > .nav-item.active > .nav-link.active,
#panel-sidebar .navbar-nav > .nav-item.active > .nav-link.show,
#panel-sidebar .navbar-nav .nav-link.dropdown-toggle.active,
#panel-sidebar .navbar-nav .nav-link.dropdown-toggle.show {
    color: #ffffff !important;
    background-color: #059669 !important;
    background: #059669 !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
}

.navbar-vertical .navbar-nav > .nav-item.active > .nav-link .nav-link-icon,
.navbar-vertical .navbar-nav .nav-link.active .nav-link-icon,
.navbar-vertical .navbar-nav > .nav-item.active > .nav-link i,
.navbar-vertical .navbar-nav .nav-link.active i,
.navbar-vertical .navbar-nav > .nav-item.active > .nav-link .ti,
.navbar-vertical .navbar-nav .nav-link.active .ti,
.navbar-vertical .navbar-nav > .nav-item.active > .nav-link .nav-link-title,
.navbar-vertical .navbar-nav .nav-link.active .nav-link-title,
.navbar-vertical .navbar-nav .nav-link.dropdown-toggle.active i,
.navbar-vertical .navbar-nav .nav-link.dropdown-toggle.active .ti,
.navbar-vertical .navbar-nav .nav-link.dropdown-toggle.active .nav-link-title,
#panel-sidebar .navbar-nav > .nav-item.active > .nav-link .nav-link-icon,
#panel-sidebar .navbar-nav .nav-link.active .nav-link-icon,
#panel-sidebar .navbar-nav > .nav-item.active > .nav-link .nav-link-icon i,
#panel-sidebar .navbar-nav .nav-link.active .nav-link-icon i,
#panel-sidebar .navbar-nav > .nav-item.active > .nav-link .ti,
#panel-sidebar .navbar-nav .nav-link.active .ti,
#panel-sidebar .navbar-nav > .nav-item.active > .nav-link .nav-link-title,
#panel-sidebar .navbar-nav .nav-link.active .nav-link-title {
    color: #ffffff !important;
}

.navbar-vertical .navbar-nav > .nav-item.active > .nav-link:hover,
.navbar-vertical .navbar-nav .nav-link.active:hover,
.navbar-vertical .navbar-nav .nav-link.dropdown-toggle.active:hover,
#panel-sidebar .navbar-nav > .nav-item.active > .nav-link:hover,
#panel-sidebar .navbar-nav .nav-link.active:hover {
    color: #ffffff !important;
    background-color: #047857 !important;
    background: #047857 !important;
}

/* Dropdown arrow toggle icon color */
.navbar-vertical .navbar-nav > .nav-item.active > .nav-link.dropdown-toggle::after,
.navbar-vertical .navbar-nav .nav-link.dropdown-toggle.active::after,
.navbar-vertical .navbar-nav .nav-link.dropdown-toggle.show::after,
#panel-sidebar .navbar-nav > .nav-item.active > .nav-link.dropdown-toggle::after,
#panel-sidebar .navbar-nav .nav-link.dropdown-toggle.active::after {
    color: #ffffff !important;
    border-color: #ffffff !important;
}

/* Submenu dropdown container */
.navbar-vertical .dropdown-menu,
#panel-sidebar .dropdown-menu {
    border-radius: 6px !important;
}

/* Submenu active item */
.navbar-vertical .dropdown-menu .dropdown-item.active,
.navbar-vertical .dropdown-menu .dropdown-item.active:hover,
.navbar-vertical .dropdown-menu .dropdown-item.active:focus,
#panel-sidebar .dropdown-menu .dropdown-item.active,
#panel-sidebar .dropdown-menu .dropdown-item.active:hover,
#panel-sidebar .dropdown-menu .dropdown-item.active:focus {
    color: #ffffff !important;
    background-color: #059669 !important;
    background: #059669 !important;
    font-weight: 600 !important;
}

.navbar-vertical .dropdown-menu .dropdown-item.active i,
.navbar-vertical .dropdown-menu .dropdown-item.active .ti,
#panel-sidebar .dropdown-menu .dropdown-item.active i,
#panel-sidebar .dropdown-menu .dropdown-item.active .ti {
    color: #ffffff !important;
}

/* ============================================================
   3. BUTTONS
   ============================================================ */
.btn-primary {
    background-color: #059669 !important;
    border-color: #059669 !important;
    color: #ffffff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    background-color: #047857 !important;
    border-color: #047857 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.25rem rgba(5, 150, 105, 0.25) !important;
}
.btn-outline-primary {
    color: #059669 !important;
    border-color: #059669 !important;
    background-color: transparent !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
    background-color: #059669 !important;
    border-color: #059669 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.25rem rgba(5, 150, 105, 0.25) !important;
}
.btn-ghost-primary {
    color: #059669 !important;
}
.btn-ghost-primary:hover {
    background-color: #ecfdf5 !important;
    color: #047857 !important;
}

/* ============================================================
   4. TEXT & LINKS
   ============================================================ */
.text-primary,
a.text-primary,
.link-primary {
    color: #059669 !important;
}
.text-primary:hover,
a.text-primary:hover,
.link-primary:hover {
    color: #047857 !important;
}

/* ============================================================
   5. BADGES & ALERTS & BACKGROUNDS
   ============================================================ */
.bg-primary {
    background-color: #059669 !important;
    color: #ffffff !important;
}
.bg-primary-lt {
    background-color: #ecfdf5 !important;
    color: #059669 !important;
}
.badge.bg-primary {
    background-color: #059669 !important;
    color: #ffffff !important;
}
.badge.bg-primary-lt {
    background-color: #ecfdf5 !important;
    color: #059669 !important;
    border: 1px solid #a7f3d0 !important;
}
.alert-primary {
    background-color: #ecfdf5 !important;
    border-color: #a7f3d0 !important;
    color: #065f46 !important;
}

/* ============================================================
   6. FORM CONTROLS & CHECKBOXES
   ============================================================ */
.form-control:focus,
.form-select:focus {
    border-color: #059669 !important;
    box-shadow: 0 0 0 0.25rem rgba(5, 150, 105, 0.2) !important;
}
.form-check-input:checked {
    background-color: #059669 !important;
    border-color: #059669 !important;
}
.form-check-input:focus {
    border-color: #059669 !important;
    box-shadow: 0 0 0 0.25rem rgba(5, 150, 105, 0.2) !important;
}
.form-switch .form-check-input:checked {
    background-color: #059669 !important;
    border-color: #059669 !important;
}
.form-range::-webkit-slider-thumb {
    background-color: #059669 !important;
}

/* ============================================================
   7. NAVIGATION TABS & SIDEBAR ACTIVE INDICATOR
   ============================================================ */
.navbar-vertical .navbar-nav .nav-item.active {
    border-left: 3px solid #059669 !important;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #059669 !important;
    border-bottom: 2px solid #059669 !important;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #059669 !important;
    color: #ffffff !important;
}

/* ============================================================
   8. PAGINATION & DATATABLES
   ============================================================ */
.pagination .page-item.active .page-link {
    background-color: #059669 !important;
    border-color: #059669 !important;
    color: #ffffff !important;
}
.page-link {
    color: #059669;
}
.page-link:hover {
    color: #047857;
    background-color: #ecfdf5;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #059669 !important;
    border-color: #059669 !important;
    color: #ffffff !important;
}

/* ============================================================
   9. PROGRESS BAR & SPINNERS
   ============================================================ */
.progress-bar,
.progress-bar-striped {
    background-color: #059669 !important;
}
.spinner-border.text-primary,
.spinner-grow.text-primary {
    color: #059669 !important;
    border-left-color: #059669 !important;
    border-top-color: #059669 !important;
    border-bottom-color: #059669 !important;
}

/* ============================================================
   10. TOM SELECT & DROPDOWNS
   ============================================================ */
.ts-wrapper.focus .ts-control {
    border-color: #059669 !important;
    box-shadow: 0 0 0 0.25rem rgba(5, 150, 105, 0.2) !important;
}
.ts-dropdown .active {
    background-color: #059669 !important;
    color: #ffffff !important;
}
.dropdown-item.active,
.dropdown-item:active {
    background-color: #059669 !important;
    color: #ffffff !important;
}

/* ============================================================
   11. CARDS, ACCORDIONS & SECTION ORDER
   ============================================================ */
.card-header .card-title i,
.card-header .card-title svg {
    color: #059669;
}
.accordion-button:not(.collapsed) {
    color: #059669 !important;
    background-color: #ecfdf5 !important;
}
.section-order {
    background: #059669 !important;
    color: #ffffff !important;
}

/* ============================================================
   12. AUTH & LOGIN CARDS
   ============================================================ */
.auth-page .btn-primary,
.auth-card .btn-primary {
    background-color: #059669 !important;
    border-color: #059669 !important;
}
.auth-page .btn-primary:hover,
.auth-card .btn-primary:hover {
    background-color: #047857 !important;
    border-color: #047857 !important;
}