/* ----------------------------------------------------------
   Custom Global Design Overhaul
---------------------------------------------------------- */

/* --- Typography & Brand --- */
.navbar-brand {
    background-color: #ffffff !important;
    padding: 1rem !important;
    border-radius: 0.375rem;
    display: block;
}

.navbar-brand-text, 
.h1-brand {
    color: #FFB74D !important; /* Gold/Orange */
    font-weight: bold;
    font-size: 1.5rem;
    margin: 0;
}

/* Sidebar Section Headers */
.navbar-heading {
    padding-left: 1rem;
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #8898aa;
}

/* ----------------------------------------------------------
   Layout Colors
---------------------------------------------------------- */

/* Sidebar Background */
#sidenav-main {
    background-color: #3c2020 !important;
    border: none;
}

#sidenav-main .navbar-brand {
    background-color: transparent;
}

/* Main Content Background */
body, .main-content {
    background-color: #f9e7c5 !important;
    min-height: 100vh;
}

html {
    background-color: #cb9d41;
}

/* Override Argon's header gradient */
.bg-gradient-primary {
    background: transparent !important;
    background-color: #FFB74D !important;
}

/* ----------------------------------------------------------
   Components
---------------------------------------------------------- */

/* Cards */
.card {
    border: none;
    border-radius: 0.5rem;
    background-color: #ffffff;
    box-shadow: 
        0 4px 6px rgba(50, 50, 93, 0.11), 
        0 1px 3px rgba(0, 0, 0, 0.08);
}

.card-header {
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* Buttons - Dark Blue */
.btn-primary {
    background-color: #172b4d !important;
    border-color: #172b4d !important;
    color: #fff !important;
    box-shadow: 
        0 4px 6px rgba(50, 50, 93, 0.11),
        0 1px 3px rgba(0, 0, 0, 0.08);
}

.btn-primary:hover {
    transform: translateY(-1px);
    box-shadow:
        0 7px 14px rgba(50, 50, 93, 0.1), 
        0 3px 6px rgba(0, 0, 0, 0.08);
}

.btn-outline-primary {
    color: #d3a25a !important;
    border-color: #d3a25a !important;
}

.btn-outline-primary:hover {
    background-color: #d3a25a !important;
    color: #fff !important;
}

/* Default Buttons */
.btn-default , .card.bg-secondary button.btn.btn-primary{
    background-color: #d3a25a !important;
    border-color: #d3a25a  !important;
    color: #fff !important;
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 
        0 1px 3px rgba(0, 0, 0, 0.08);
}

.btn-default:hover, .card.bg-secondary button.btn.btn-primary:hover {
    background-color: #3c2020 !important;
    border-color: #3c2020 !important;
    transform: translateY(-1px);
}

/* Chips */
.chip {
    background-color: #172b4d !important;
    color: white !important;
}

/* Sidebar Links */
.navbar-vertical .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.8) !important;
}

.navbar-vertical .navbar-nav .nav-link:hover {
    color: #ffffff !important;
}

.navbar-vertical .navbar-nav .nav-link i {
    color: rgba(255, 255, 255, 0.8) !important;
}

.navbar-vertical .navbar-nav .active > .nav-link {
    color: #FFB74D !important;
    background-color: rgba(255, 255, 255, 0.05);
    font-weight: 600;
}

/* Pagination */
.page-item.active .page-link {
    background-color: #D4AC5D !important;
    border-color: #D4AC5D !important;
    color: #fff !important;
}

.page-link {
    color: #D4AC5D !important;
}

.page-link:hover {
    color: #c39b53 !important;
    background-color: #eee !important;
}

/*rp css*/


.header.bg-gradient-primary {
    padding-top: 71px !important;
    padding-bottom: 20px !important;
}

html body .bg-gradient-primary {
 background-color: transparent !important;
}

body, .main-content {
    min-height: calc(100vh - 25px) !important
}

.card .table th {
    font-weight: 700;
    font-size: 14px;
}

li.nav-item.dropdown .media-body span {
    color: #3c2020;
}

.btn-custom-wrap form:last-child {
    margin-right: 0 !important;
}

#sidenav-main hr.my-3 {
    border-color: #503f3f;
}


.toggle.btn {
    width: 55px !important;
    height: 27px !important;
    transform: none !important;
    border-radius: 20px;
}

.toggle.btn span.toggle-handle {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    top: 2px;
    left: -13px;
}

.toggle.btn.off span.toggle-handle {
      left: 12px;
}


.toggle.btn .toggle-group .btn {
    transform: none !important;
    background: transparent !important;
}

.toggle.btn .toggle-group span.toggle-handle {
    background: #fff !important;
    border: none !important;
}

.toggle.btn.off {
    background: #d3a25a !important;
    border-color: #d3a25a !important;
}

.toggle.btn {
    background: #3c2020 !important;
    border-color: #3c2020 !important;
}

span.custom_bg {
    background: linear-gradient(87deg, #e9a94d 0, #9b6c27 100%) !important;
}

.footer {
    padding: 20px 0;
    background: #f9e7c5;
}

.btn-info {
    border-color: #3c2020;
    background-color: #3c2020;
}

.btn-info:hover, .btn-info:focus, .btn-info:active {
    color: #fff;
     border-color: #3c2020 !important;
    background-color: #3c2020 !important;
}

label {
    font-weight: 600;
}

html body .chip {
   background: linear-gradient(87deg, #d3a25a 0, #b76d00 100%);
}

.header.login_page {
    position: static;
}

.header.login_page svg .fill-default {
    fill: #d3a25a;
}

html {
    background: #f9e7c5;
}

.main-content.login_page {
    min-height: 100vh !important;
}

.container.login_container {
    min-height: calc(100vh - 325px);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.container.login_container > .row {
    width: 100%;
}

html body table .avatar {
    border-radius: 0 !important;
    border: 1px solid #ddd;
}

html body table .avatar img {
    border-radius: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.navbar-nav .dropdown-item.active, 
.navbar-nav .dropdown-item:active {
   background-color: #f6f9fc !important;
   color: #212529 !important;
}

.navbar-nav .dropdown-item:hover {
   background-color: #f6f9fc !important;
   color: #212529 !important;
}

.form_wrap_row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.form_wrap_row .from_col {
    width: 50%;
    padding: 0 10px;
}

.input-group-custom {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.input-group-custom .in_group_list label {
    margin-left: 0 !important;
    min-width: 200px;
    font-size: 14px;
}

.form_wrap_row.form_wrap_row_list {
    margin: 10px 0px;
}

.input-group-custom .in_group_list {
    width: calc(50% - 5px);
}