/* ========================================
   SECONDARY COLOR OVERRIDE - #8CA3CC
   ======================================== */
:root {
    --bs-secondary: #8CA3CC;
    --bs-secondary-rgb: 140, 163, 204;
}

/* Light blue background for cards */
.bg-light-blue {
    background-color: #eff6ff !important;
}
/* ======================================== */

.menu .app-brand.demo {
    height: 64px;
}

/* Active Menu Item Styling - Gold Background */
.menu-item.active > .menu-link:not(.menu-toggle) {
    background: linear-gradient(270deg, rgba(188, 151, 97, 0.7) 0%, #bc9761 100%) !important;
    box-shadow: 0 0.125rem 0.375rem 0 rgba(188, 151, 97, 0.3) !important;
    color: #ffffff !important;
}


@media (min-width: 1400px) {
    .width-xxl-30 { width: 30% !important; }
}

/* Letter Spacing */
  .ls-1 {
      letter-spacing: 1px;
  }
.ls-sm {
    letter-spacing: 0.5px;
}
.ls-md {
    letter-spacing: 1px;
}
.ls-lg {
    letter-spacing: 2px;
}
.ls-xl {
    letter-spacing: 3px;
}

.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.task-card {
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.task-card.highlight {
    background: #f8ece4;
}
.task-card:hover{
    transform: translateY(-2px);
}
.task-card:active {
    transform: translateY(0.5px) scale(0.995);
}

.customer-listing .card-header{display:none !important;}
.page-heading{display: flex; justify-content: space-between; align-items: center; }
.page-heading .heading{}
.customer-listing .accordion .accordion-button::after{background: #fff;}
.customer-detail .accordion .accordion-button::after{background: #fff;}


.nav-pills .nav-link {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    border-color: var(--bs-primary);
    box-shadow: none;
    background-color: var(--bs-primary);
    color: #fff;
    padding-bottom: 8px;
    transition: all 0.2s ease-in-out;
}

/* Hover state for non-active links */
.nav-pills .nav-link-secondary.active,
.nav-pills .nav-link-secondary:not(.active):hover {
    background-color: var(--bs-secondary) !important;
    color: #fff;
    border-color: var(--bs-secondary);
}

.nav-pills .nav-link-success.active,
.nav-pills .nav-link-success:not(.active):hover {
    background-color: var(--bs-success) !important;
    color: #fff;
    border-color: var(--bs-success);
}

.nav-pills .nav-link-warning.active,
.nav-pills .nav-link-warning:not(.active):hover {
    background-color: var(--bs-warning) !important;
    color: #fff;
    border-color: var(--bs-warning);
}

.nav-pills .nav-link-danger.active,
.nav-pills .nav-link-danger:not(.active):hover {
    background-color: var(--bs-danger) !important;
    color: #fff;
    border-color: var(--bs-danger);
}

.nav-pills .nav-link-info.active,
.nav-pills .nav-link-info:not(.active):hover {
    background-color: var(--bs-info) !important;
    color: #fff;
    border: none;
    border-color: var(--bs-info);
}

.nav-pills .nav-link-bronze.active,
.nav-pills .nav-link-bronze:not(.active):hover {
    background-color: #d38b59 !important;
    color: #fff;
    border: none;
    border-color: #d38b59;
}

.gradient-border-box {padding: 25px; text-align: center; line-height: normal; font-weight: 600 !important; font-size: 18px; text-transform: capitalize; color: #000 !important;position: relative;height: 130px; width: 130px; display: flex; align-items: center; justify-content: center; background: white; z-index: 1;}

.gradient-border-box::before { content: ""; position: absolute; inset: 0; padding: 15px; border-radius: 75px; background: linear-gradient(to right, #00bad1, #00bad1); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: -1;}


.menu-item.active > .menu-link:not(.menu-toggle){color: var(--bs-secondary);}

.text-bronze {color: #d38b59;}
.border-bronze{border-color: #d38b59 !important;}
.text-bg-bronze{background-color: #d38b59 !important;}
.divider-bronze {  --bs-divider-color: #d38b59;}
.bg-label-bronze {
    background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), #D38B59) !important;
    color: #D38B59 !important;
}
.custom-filter ul li a {border: 1px solid #000}
.user-profile-header .user-profile-img{inline-size: 100px !important;}
/*.dz-message {*/
/*    margin-block: 2rem !important;*/
/*}*/
@media (min-width: 768px) {
    .w-md-auto {
        width: auto !important;
    }
}

#config-page .nav-pills .nav-link.active,
#config-page .nav-pills .show > .nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg);
}
#config-page .nav-pills .nav-item .nav-link:not(.active):hover {
    background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-primary));
    border-block-end: none;
    padding-block-end: 0.5435rem;
}
.bordered {
    --bs-card-box-shadow: 0px 0px 0px var(--bs-border-width) var(--bs-card-border-color);
    --bs-card-hover-box-shadow: 0px 0px 0px var(--bs-border-width) var(--bs-card-border-color);
}
.app-logistics-fleet-sidebar {border-right: 1.5px solid var(--bs-card-border-color)}
.card-header {cursor: pointer;}

.card-header .card-collapsible i {cursor: pointer;}

.fs-10{font-size:10px!important}.fs-11{font-size:11px!important}.fs-12{font-size:12px!important}.fs-13{font-size:13px!important}.fs-14{font-size:14px!important}.fs-15{font-size:15px!important}.fs-16{font-size:16px!important}.fs-17{font-size:17px!important}.fs-18{font-size:18px!important}.fs-19{font-size:19px!important}.fs-20{font-size:20px!important}.fs-21{font-size:21px!important}.fs-22{font-size:22px!important}.fs-23{font-size:23px!important}.fs-24{font-size:24px!important}.fs-26{font-size:26px!important}.fs-28{font-size:28px!important}.fs-30{font-size:30px!important}.fs-32{font-size:32px!important}.fs-36{font-size:36px!important}.fs-48{font-size:48px!important}

.toast-container {
    position: fixed !important;
    --bs-toast-zindex: 99999 !important;
}


.toast-container {
    position: fixed;
    z-index: 9999;
}
.top-left {
    top: 1rem;
    left: 1rem;
}
.top-center {
    top: 1rem;
    right: 50rem;
}
.bottom-left {
    bottom: 1rem;
    left: 1rem;
}
.bottom-right {
    bottom: 1rem;
    right: 1rem;
}
.toast-success {
    background-color: #d4edda !important;
    color: #155724 !important;
}
.toast-error {
    background-color: #f8d7da !important;
    color: #721c24 !important;
}
.toast-info {
    background-color: #cce5ff !important;
    color: #004085 !important;
}
.toast-warning {
    background-color: #fff3cd !important;
    color: #856404 !important;
}


.ml-1{margin-left: 1px !important;}
.ml-2{margin-left: 2px !important;}
.ml-3{margin-left: 3px !important;}
.ml-4{margin-left: 4px !important;}
.ml-5{margin-left: 5px !important;}
.ml-8{margin-left: 8px !important;}
.ml-10{margin-left: 10px !important;}
.ml-15{margin-left: 15px !important;}
.ml-20{margin-left: 20px !important;}
.ml-25{margin-left: 25px !important;}

.avatar-xl-custom{height:9rem !important;width: 9rem !important;}

.avatar-lg-custom{height:6rem !important;width: 6rem !important;}

.hidden{display:none !important;}

.dz-message{font-size:1rem !important;}
.text-center{text-align: center;}
.app-brand-text{font-size: 30px;}
.table th{text-transform: capitalize}

.custom-hover {
    transition: all 0.3s
    ease-in-out;
}
.custom-hover:hover.custom-bg-grey {
    background-color: #f7f7f7;
}
.custom-hover:hover {
    border-radius: 6px;
    transform: scale(1.05);
}

/* SweetAlert2 Custom Styles */
.swal2-icon-sm {
    width: 4em !important;
    height: 4em !important;
}
.swal2-popup .swal2-title.h5 {
    font-size: 1.25rem !important;
}
.swal2-popup .swal2-html-container {
    font-size: 0.9375rem !important;
}

/* Wider Offcanvas for Coupons - Desktop only */
@media (min-width: 992px) {
    .offcanvas-coupon {
        width: 600px !important;
    }
}

@media (min-width: 1200px) {
    .offcanvas-coupon {
        width: 700px !important;
    }
}

/* Keep default width for smaller screens */
@media (max-width: 991px) {
    .offcanvas-coupon {
        width: 100% !important;
        max-width: 400px !important;
    }
}

/* Fix Flatpickr z-index to show above offcanvas */
.flatpickr-calendar {
    z-index: 1056 !important;
}

/* Popover for Discount Rules */
.popover-discount-rules {
    max-width: 250px !important;
    width: 250px;
}

.popover-discount-rules .popover-header {
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
}

.popover-discount-rules .popover-body {
    padding: 0.5rem;
}

.popover-discount-rules .list-group-item {
    border: none;
    background: transparent;
}

.popover-discount-rules .list-group-item:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* Popover for Table Allotments */
.popover-allotments {
    max-width: 300px !important;
    width: 300px;
}

.popover-allotments .popover-header {
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
}

.popover-allotments .popover-body {
    padding: 0.5rem;
    max-height: 400px;
    overflow-y: auto;
}

.popover-allotments .list-group-item {
    border: none;
    background: transparent;
}

.popover-allotments .list-group-item:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.text-gold {
    color: #bc9761;
}

.font-14{font-size: 14px;}


.grid-template-columns-4{grid-template-columns: 1fr 1fr 1fr 1fr;}

/* Wider Offcanvas for Room Allocation - Desktop only */
@media (min-width: 992px) {
    .offcanvas-room-allocation {
        width: 600px !important;
    }
}

@media (min-width: 1200px) {
    .offcanvas-room-allocation {
        width: 700px !important;
    }
}

/* Keep default width for smaller screens */
@media (max-width: 991px) {
    .offcanvas-room-allocation {
        width: 100% !important;
        max-width: 400px !important;
    }
}

/* Wider Offcanvas for Table Allocation - Desktop only */
@media (min-width: 992px) {
    .offcanvas-table-allocation,
    .offcanvas-check-in {
        width: 600px !important;
    }
}

@media (min-width: 1200px) {
    .offcanvas-table-allocation,
    .offcanvas-check-in {
        width: 700px !important;
    }
}

/* Keep default width for smaller screens */
@media (max-width: 991px) {
    .offcanvas-table-allocation,
    .offcanvas-check-in {
        width: 100% !important;
        max-width: 400px !important;
    }
}

/* Registration search result cards - selected state */
.registration-search-card.selected {
    background-color: color-mix(in sRGB, var(--bs-paper-bg) 84%, var(--bs-primary)) !important;
    border-color: var(--bs-primary) !important;
}

@media (max-width: 768px){
.grid-template-columns-4{grid-template-columns: 1fr 1fr;}
}
@media (max-width: 480px){
    .registration-detail .card-body{padding: 12px}
    .registration-detail .accordion-body{padding:12px;}
}

.text-golden {
    color: #bc9761 !important;
}

/* ========================================
   GOLDEN BUTTON VARIANTS - #bc9761
   ======================================== */

/* Solid Golden Button (btn-gold) */
.btn-gold {
    --bs-btn-bg: #bc9761;
    --bs-btn-color: #fff;
    --bs-btn-border-color: #bc9761;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, #bc9761);
    --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: color-mix(in sRGB, #000 10%, #bc9761);
    --bs-btn-active-border-color: var(--bs-btn-active-bg);
    --bs-btn-box-shadow-rgb: 188, 151, 97;
    --bs-btn-focus-shadow-rgb: 188, 151, 97;
    --bs-btn-active-shadow-rgb: 188, 151, 97;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #bc9761;
    --bs-btn-disabled-border-color: #bc9761;
    --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, #bc9761);
    --bs-btn-waves-effect-color: 188, 151, 97;
}

/* Label Golden Button (btn-label-gold) */
.btn-label-gold {
    --bs-btn-color: #bc9761;
    --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), #bc9761);
    --bs-btn-border-color: var(--bs-btn-bg);
    --bs-btn-hover-color: #bc9761;
    --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, #bc9761);
    --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
    --bs-btn-active-color: #bc9761;
    --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, #bc9761);
    --bs-btn-active-border-color: var(--bs-btn-active-bg);
    --bs-btn-focus-shadow-rgb: 188, 151, 97;
    --bs-btn-active-shadow-rgb: 188, 151, 97;
    --bs-btn-disabled-color: var(--bs-btn-color);
    --bs-btn-disabled-bg: var(--bs-btn-bg);
    --bs-btn-disabled-border-color: var(--bs-btn-border-color);
    --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 68%, #bc9761);
    --bs-btn-waves-effect-color: 188, 151, 97;
}

/* Outline Golden Button (btn-outline-gold) */
.btn-outline-gold {
    --bs-btn-color: #bc9761;
    --bs-btn-badge-color: #fff;
    --bs-btn-border-color: #bc9761;
    --bs-btn-hover-color: #bc9761;
    --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, #bc9761);
    --bs-btn-hover-border-color: var(--bs-btn-border-color);
    --bs-btn-active-color: #bc9761;
    --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, #bc9761);
    --bs-btn-active-border-color: var(--bs-btn-border-color);
    --bs-btn-disabled-color: #bc9761;
    --bs-btn-disabled-border-color: #bc9761;
    --bs-btn-group-border-color: #bc9761;
    --bs-btn-waves-effect-color: 188, 151, 97;
}

/* Background utility class */
.bg-gold {
    background-color: #bc9761 !important;
}

.bg-label-gold {
    background-color: color-mix(in srgb, #bc9761 12%, transparent) !important;
    color: #bc9761 !important;
}

/* Border utility class */
.border-gold {
    border-color: #bc9761 !important;
}

/* Badge golden variants */
.badge.bg-gold {
    background-color: #bc9761 !important;
    color: #fff !important;
}

.badge.bg-label-gold {
    background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), #bc9761) !important;
    color: #bc9761 !important;
}

/* Badge within outline golden button */
.btn-outline-gold .badge {
    --bs-badge-bg-color: var(--bs-btn-hover-bg);
    --bs-badge-color: var(--bs-btn-hover-color);
}

.btn-outline-gold:hover .badge:not([class*=badge-outline]),
.btn-outline-gold:focus:hover .badge:not([class*=badge-outline]),
.btn-outline-gold:focus:not(:hover) .badge:not([class*=badge-outline]),
.btn-outline-gold:active .badge:not([class*=badge-outline]),
.btn-outline-gold.active .badge:not([class*=badge-outline]),
.show > .btn-outline-gold.dropdown-toggle .badge:not([class*=badge-outline]) {
    --bs-badge-bg-color: var(--bs-btn-hover-color);
    --bs-badge-color: var(--bs-btn-badge-color);
}

/* Dropdown Toggle for Golden Buttons */
.btn-gold.dropdown-toggle::after,
.btn-gold.dropdown-toggle-split::after {
    border-color: #fff !important;
}

.btn-label-gold.dropdown-toggle::after,
.btn-label-gold.dropdown-toggle-split::after {
    border-color: #bc9761 !important;
}

.btn-outline-gold.dropdown-toggle::after,
.btn-outline-gold.dropdown-toggle-split::after {
    border-color: #bc9761 !important;
}

.btn-outline-gold:hover.dropdown-toggle::after,
.btn-outline-gold:focus-visible.dropdown-toggle::after,
.btn-outline-gold.active.dropdown-toggle::after,
.btn-outline-gold.show.dropdown-toggle::after {
    border-color: #bc9761 !important;
}

/* Split dropdown button styling */
.btn-group > .btn-gold.dropdown-toggle-split {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.btn-group > .btn-label-gold.dropdown-toggle-split {
    border-left: 1px solid rgba(188, 151, 97, 0.2);
}

.btn-group > .btn-outline-gold.dropdown-toggle-split {
    border-left: 1px solid rgba(188, 151, 97, 0.5);
}

/* Dropdown menu when triggered by golden button */
.btn-gold + .dropdown-menu,
.btn-label-gold + .dropdown-menu,
.btn-outline-gold + .dropdown-menu {
    margin-top: 0.125rem;
}

/* Golden dropdown menu items - active/hover states */
.btn-gold + .dropdown-menu .dropdown-item.active,
.btn-gold + .dropdown-menu .dropdown-item:active,
.btn-label-gold + .dropdown-menu .dropdown-item.active,
.btn-label-gold + .dropdown-menu .dropdown-item:active,
.btn-outline-gold + .dropdown-menu .dropdown-item.active,
.btn-outline-gold + .dropdown-menu .dropdown-item:active {
    color: #fff !important;
    background-color: #bc9761 !important;
}

.btn-gold + .dropdown-menu .dropdown-item:hover,
.btn-gold + .dropdown-menu .dropdown-item:focus,
.btn-label-gold + .dropdown-menu .dropdown-item:hover,
.btn-label-gold + .dropdown-menu .dropdown-item:focus,
.btn-outline-gold + .dropdown-menu .dropdown-item:hover,
.btn-outline-gold + .dropdown-menu .dropdown-item:focus {
    color: #bc9761 !important;
    background-color: color-mix(in srgb, #bc9761 12%, transparent) !important;
}

.text-right{text-align: right;}