:root {
    --bs-primary: #ff65ce;
    --bs-primary-rgb: 255, 101, 206;
    --bs-link-color: #ff65ce;
    --bs-link-hover-color: #ff4fc3;
    --primary-color: #ff65ce;
}

/* Global header buttons (both login and admin panel) */
.style-switcher,
.dropdown-toggle,
.btn.style-switcher,
button.style-switcher,
.notification-dropdown .dropdown-toggle {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: white !important;
    padding: 0.469rem 0.8rem !important;
}

.style-switcher:hover,
.dropdown-toggle:hover,
.btn.style-switcher:hover,
button.style-switcher:hover,
.notification-dropdown .dropdown-toggle:hover {
    background-color: var(--bs-link-hover-color) !important;
    border-color: var(--bs-link-hover-color) !important;
    color: white !important;
}

/* Admin panel header buttons */
.navbar .btn,
.navbar button,
.navbar-nav .nav-item > .nav-link {
    background: transparent !important;
    border: none !important;
    color: var(--bs-primary) !important;
}

.navbar .btn:hover,
.navbar button:hover,
.navbar-nav .nav-item > .nav-link:hover {
    color: var(--bs-link-hover-color) !important;
}

/* Sidebar styles */
.sidebar {
    background-color: white !important;
}

.sidebar .sidebar-header,
.sidebar .sidebar-body {
    background-color: transparent !important;
}

.sidebar .nav-item a {
    color: #6c757d !important;
}

.sidebar .nav-item a i,
.sidebar .nav-item a svg,
.sidebar .nav-item .nav-link i,
.sidebar .nav-item .nav-link svg,
.sidebar .nav-item .feather,
.sidebar .nav-link .feather {
    color: #6c757d !important;
    stroke: #6c757d !important;
}

.sidebar .nav-item:hover a,
.sidebar .nav-item a:hover {
    color: var(--bs-primary) !important;
    background: rgba(var(--bs-primary-rgb), 0.1) !important;
}

.sidebar .nav-item:hover a i,
.sidebar .nav-item:hover a svg,
.sidebar .nav-item:hover .nav-link i,
.sidebar .nav-item:hover .nav-link svg,
.sidebar .nav-item:hover .feather,
.sidebar .nav-link:hover .feather {
    color: var(--bs-primary) !important;
    stroke: var(--bs-primary) !important;
}

.sidebar .nav-item.active a,
.sidebar .nav-item a.active,
.sidebar .nav-item.active .nav-link {
    color: var(--bs-primary) !important;
    background: rgba(var(--bs-primary-rgb), 0.1) !important;
    border-color: var(--bs-primary) !important;
}

.sidebar .nav-item.active a i,
.sidebar .nav-item.active a svg,
.sidebar .nav-item a.active i,
.sidebar .nav-item a.active svg,
.sidebar .nav-item.active .nav-link i,
.sidebar .nav-item.active .nav-link svg,
.sidebar .nav-item.active .feather,
.sidebar .nav-link.active .feather {
    color: var(--bs-primary) !important;
    stroke: var(--bs-primary) !important;
}

/* Global button styles */
.btn-primary,
.lama-otln-btn,
button[type="submit"]:not(.search-icon-filter),
input[type="submit"] {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: white !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.lama-otln-btn:hover,
.lama-otln-btn:focus,
.lama-otln-btn:active,
button[type="submit"]:not(.search-icon-filter):hover,
button[type="submit"]:not(.search-icon-filter):focus,
button[type="submit"]:not(.search-icon-filter):active,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active {
    background-color: var(--bs-link-hover-color) !important;
    border-color: var(--bs-link-hover-color) !important;
    color: white !important;
}

/* Sign up link */
.lite-pink {
    color: var(--bs-primary) !important;
}

.lite-pink:hover {
    color: var(--bs-link-hover-color) !important;
}

.lite-pink-border {
    border-color: var(--bs-primary) !important;
}

/* Auth side wrapper (left panel) */
.auth-side-wrapper {
    background-color: var(--bs-primary) !important;
}

/* Dropdown menu */
.dropdown-menu {
    border-color: var(--bs-primary) !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: var(--bs-primary) !important;
    color: white !important;
}

/* Text colors */
.text-primary {
    color: var(--bs-primary) !important;
}

/* Border colors */
.border-primary {
    border-color: var(--bs-primary) !important;
}

/* Link colors */
a {
    color: var(--bs-primary);
}

a:hover {
    color: var(--bs-link-hover-color);
}

/* Form elements */
.form-control:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.25);
}

/* Custom Noble UI components */
.noble-ui-logo span {
    color: var(--bs-primary) !important;
}

.loader-wrapper .loader {
    background: var(--bs-primary) !important;
    background: linear-gradient(to right, var(--bs-primary) 10%, rgba(0, 0, 0, 0) 42%) !important;
}

.loader-wrapper .loader:before {
    background: var(--bs-primary) !important;
}

/* Alert styles */
.alert-primary {
    background-color: rgba(var(--bs-primary-rgb), 0.1);
    border-color: rgba(var(--bs-primary-rgb), 0.2);
    color: var(--bs-primary);
}

/* Badge styles */
.badge.bg-primary {
    background-color: var(--bs-primary) !important;
}

/* Progress bar */
.progress-bar.bg-primary {
    background-color: var(--bs-primary) !important;
}

/* Tab styles */
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: var(--bs-primary) !important;
    background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
    border-color: var(--bs-primary) !important;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus,
.nav-pills .nav-link:hover,
.nav-pills .nav-link:focus {
    color: var(--bs-primary) !important;
    border-color: var(--bs-link-hover-color) !important;
}

.nav-tabs {
    border-bottom-color: var(--bs-primary) !important;
}

/* Status tabs specific styles */
.nav-tabs .nav-link[href*="Approved"].active,
.nav-tabs .nav-link[href*="Pending"].active,
.nav-tabs .nav-link[href*="Rejected"].active {
    color: var(--bs-primary) !important;
    background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
    border-color: var(--bs-primary) var(--bs-primary) white !important;
}


/* Make sure cards have proper height */
.lama-status-card {
    height: 100% !important;
    min-height: 120px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* Search icon button styles */
.search-icon-filter {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
}

.search-icon-filter i {
    color: var(--bs-primary) !important;
    font-size: 18px;
}

.search-icon-filter:hover i {
    color: var(--bs-link-hover-color) !important;
}

/* Position relative for search container */
.search-container {
    position: relative;
}

.profile-uploader {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #c2c2c2;
    cursor: pointer;
    background-color: #dddddd;
}

.profile-uploader img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* display: none; */
}

.profile-uploader input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.placeholder-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 10px;
    color: #3c3c3c;
    text-align: center;
}

.upload-container {
    height: 150px; /* Adjust height */
    background-color: #f8f9fa; /* Light gray */
    border-radius: 12px; /* Rounded corners */
    border: 1px solid #ddd; /* Subtle border */
    transition: background-color 0.3s, box-shadow 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upload-box {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* .upload-box:hover {
  background-color: #f1f1f1;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
} */

.upload-icon {
    font-size: 32px; /* Icon size */
    color: #6c757d; /* Muted color */
}

.upload-label {
    color: #6c757d; /* Muted color */
    font-size: 16px;
    margin-top: 10px;
}

.upload-input {
    display: none; /* Hide the actual input field */
}

/* Toaster Notification Styles */
.swal2-popup {
    border-radius: 8px !important;
}

.swal2-title {
    color: var(--bs-primary) !important;
    font-size: 1.5rem !important;
}

.swal2-html-container {
    color: #6c757d !important;
    font-size: 1rem !important;
}

.swal2-success-circular-line-left,
.swal2-success-circular-line-right,
.swal2-success-fix {
    background-color: transparent !important;
}

.swal2-success-ring {
    border-color: rgba(var(--bs-primary-rgb), 0.3) !important;
}

.swal2-icon.swal2-success {
    border-color: var(--bs-primary) !important;
    color: var(--bs-primary) !important;
}

.swal2-icon.swal2-success [class^='swal2-success-line'] {
    background-color: var(--bs-primary) !important;
}

.swal2-icon.swal2-error {
    border-color: var(--bs-primary) !important;
}

.swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
    background-color: var(--bs-primary) !important;
}

.swal2-icon.swal2-warning {
    border-color: var(--bs-primary) !important;
    color: var(--bs-primary) !important;
}

.swal2-icon.swal2-info {
    border-color: var(--bs-primary) !important;
    color: var(--bs-primary) !important;
}

.swal2-icon.swal2-question {
    border-color: var(--bs-primary) !important;
    color: var(--bs-primary) !important;
}

.swal2-styled.swal2-confirm {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.swal2-styled.swal2-confirm:hover {
    background-color: var(--bs-link-hover-color) !important;
    border-color: var(--bs-link-hover-color) !important;
}

.swal2-styled.swal2-cancel {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}

.swal2-styled.swal2-cancel:hover {
    background-color: #5a6268 !important;
    border-color: #5a6268 !important;
}

.swal2-popup.swal2-toast {
    background-color: white !important;
    box-shadow: 0 5px 15px rgba(var(--bs-primary-rgb), 0.1) !important;
}

.swal2-popup.swal2-toast .swal2-title {
    color: var(--bs-primary) !important;
    font-size: 1.1rem !important;
}

.swal2-popup.swal2-toast .swal2-html-container {
    color: #6c757d !important;
    font-size: 0.9rem !important;
}

/* Laravel Toastr Notification Styles */
#toast-container > div {
    opacity: 1 !important;
    border-radius: 8px !important;
    padding: 15px 15px 15px 50px !important;
    box-shadow: 0 5px 15px rgba(var(--bs-primary-rgb), 0.1) !important;
    background-position: 15px center !important;
}

#toast-container > .toast-success {
    background-color: white !important;
    border: 1px solid rgba(var(--bs-primary-rgb), 0.2) !important;
    color: var(--bs-primary) !important;
}

#toast-container > .toast-error {
    background-color: white !important;
    border: 1px solid rgba(var(--bs-primary-rgb), 0.2) !important;
    color: var(--bs-primary) !important;
}

#toast-container > .toast-info {
    background-color: white !important;
    border: 1px solid rgba(var(--bs-primary-rgb), 0.2) !important;
    color: var(--bs-primary) !important;
}

#toast-container > .toast-warning {
    background-color: white !important;
    border: 1px solid rgba(var(--bs-primary-rgb), 0.2) !important;
    color: var(--bs-primary) !important;
}

#toast-container > div:hover {
    box-shadow: 0 5px 15px rgba(var(--bs-primary-rgb), 0.2) !important;
    opacity: 1 !important;
}

.toast-title {
    font-weight: bold !important;
    color: var(--bs-primary) !important;
}

.toast-message {
    color: #6c757d !important;
}

.toast-close-button {
    color: var(--bs-primary) !important;
    opacity: 0.8 !important;
}

.toast-close-button:hover {
    color: var(--bs-link-hover-color) !important;
    opacity: 1 !important;
}

/* Progress bar for toasts */
#toast-container > div.toast-success.toast-progress {
    background: linear-gradient(to right, rgba(var(--bs-primary-rgb), 0.2), rgba(var(--bs-primary-rgb), 0.2)) !important;
}

.sidebar .sidebar-body .nav {
    padding: 25px 15px 50px 15px;
}

.sidebar .sidebar-body .nav .nav-item.active .nav-link::before {
    left: -15px;
}

.sidebar .sidebar-body .nav .nav-item .nav-link {
    padding: 0 10px;
}

.form-check-input:checked {
    background-color: #ff65ce;
    border-color: #ff65ce;
}

.pagination .page-link {
    color: #ff65ce;
}

.page-link.active, .active > .page-link {
    background-color: #ff65ce;
    border-color: #ff65ce;
    color: white;
}

.table th, .table td {
    vertical-align: middle;
}

.pagination {
    margin-top: 20px;
}
.nav-tabs{
    border-bottom-color : #e9ecef !important;
}
@media (max-width: 768px) {
    .navbar .navbar-content {
        padding-right: 10px;
    }

    .navbar .navbar-content .navbar-nav .nav-item .nav-link {
        padding: 0 !important;
    }

    .noti-drop {
        padding: 0 !important;
    }

    .w-small-100 {
        width: 100% !important;
    }

    .lite-pink {
        font-size: 18px;
    }

    .iti.iti--allow-dropdown {
        width: 100%;
    }

    .faqAccord h4 {
        font-size: 18px;
    }
    .lang-link{
        font-size: 14px !important;
    }
}