/**
 * =========================================================================
 * PINK PASTEL AESTHETIC THEME (Tone Hồng Nhạt Sang Trọng & Dịu Mắt)
 * =========================================================================
 */

:root,
[data-pc-preset="preset-1"],
body {
    --bs-primary: #f472b6 !important;
    --bs-primary-rgb: 244, 114, 182 !important;
    --bs-primary-hover: #db2777 !important;
    --bs-primary-light: #fdf2f8 !important;
    --bs-link-color: #ec4899 !important;
    --bs-link-hover-color: #be185d !important;
    --dh-primary-color: #f472b6 !important;
    --dh-dark-main-color: #ec4899 !important;
    --pc-sidebar-active-color: #ec4899 !important;
    --pc-sidebar-hover-color: #db2777 !important;
    --pc-primary: #f472b6 !important;
    --pc-primary-hover: #db2777 !important;
}

/* 1. Body & Nền toàn website (Trắng tinh khiết) */
body {
    background-color: #ffffff !important;
}

.pc-container {
    background-color: #ffffff !important;
}

/* 2. Text & Links */
a {
    color: #ec4899;
    transition: color 0.2s ease;
}

a:hover {
    color: #be185d;
}

.text-primary {
    color: #ec4899 !important;
}

.link-primary {
    color: #ec4899 !important;
}

.link-primary:hover,
.link-primary:focus {
    color: #be185d !important;
}

/* 3. Nút bấm (Buttons) */
.btn-primary {
    background: linear-gradient(135deg, #f472b6 0%, #fb7185 100%) !important;
    border-color: #f472b6 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(244, 114, 182, 0.35) !important;
    transition: all 0.25s ease !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: linear-gradient(135deg, #ec4899 0%, #f43f5e 100%) !important;
    border-color: #ec4899 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(236, 72, 153, 0.45) !important;
    transform: translateY(-1px);
}

.btn-outline-primary {
    border-color: #f472b6 !important;
    color: #db2777 !important;
    background: transparent !important;
    transition: all 0.25s ease !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background: linear-gradient(135deg, #f472b6 0%, #fb7185 100%) !important;
    border-color: #f472b6 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(244, 114, 182, 0.35) !important;
}

.btn-light-primary,
.bg-light-primary {
    background-color: #fdf2f8 !important;
    color: #db2777 !important;
}

.btn-light-primary:hover {
    background-color: #fce7f3 !important;
    color: #be185d !important;
}

/* 4. Badges (Huy hiệu) */
.badge.bg-primary {
    background: linear-gradient(135deg, #f472b6 0%, #fb7185 100%) !important;
    color: #ffffff !important;
}

.badge.bg-light-primary {
    background-color: #fdf2f8 !important;
    color: #db2777 !important;
    border: 1px solid #fbcfe8 !important;
}

/* 5. Menu Sidebar */
.pc-sidebar {
    background-color: #ffffff !important;
    border-right: 1px solid #fce7f3 !important;
}

.pc-sidebar .pc-link:hover,
.pc-sidebar .navbar-content .pc-navbar > .pc-item:not(.active) > .pc-link:not(.active):hover,
.pc-sidebar .navbar-content .pc-navbar > .pc-item.pc-hasmenu:hover > .pc-link {
    background: #fdf2f8 !important;
    color: #db2777 !important;
}

.pc-sidebar .navbar-content .pc-navbar > .pc-item:not(.active) > .pc-link:not(.active):hover .pc-mtext,
.pc-sidebar .navbar-content .pc-navbar > .pc-item:not(.active) > .pc-link:not(.active):hover .pc-micon,
.pc-sidebar .navbar-content .pc-navbar > .pc-item:not(.active) > .pc-link:not(.active):hover .pc-micon iconify-icon,
.pc-sidebar .navbar-content .pc-navbar > .pc-item:not(.active) > .pc-link:not(.active):hover .pc-micon i {
    color: #db2777 !important;
}

/* Sidebar Item Active */
body[data-pc-layout] .pc-sidebar .navbar-content .pc-navbar > .pc-item.active > .pc-link,
body[data-pc-layout] .pc-sidebar .navbar-content .pc-navbar > .pc-item > .pc-link.active,
.pc-sidebar .navbar-content .pc-navbar > .pc-item.active > .pc-link,
.pc-sidebar .navbar-content .pc-navbar > .pc-item > .pc-link.active,
.pc-sidebar .pc-link.active {
    background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 100%) !important;
    color: #db2777 !important;
    box-shadow: 0 2px 8px rgba(244, 114, 182, 0.15) !important;
}

body[data-pc-layout] .pc-sidebar .navbar-content .pc-navbar > .pc-item.active > .pc-link .pc-mtext,
body[data-pc-layout] .pc-sidebar .navbar-content .pc-navbar > .pc-item > .pc-link.active .pc-mtext,
.pc-sidebar .navbar-content .pc-navbar > .pc-item.active > .pc-link .pc-mtext,
.pc-sidebar .navbar-content .pc-navbar > .pc-item > .pc-link.active .pc-mtext,
.pc-sidebar .pc-link.active .pc-mtext {
    color: #db2777 !important;
    font-weight: 700 !important;
}

body[data-pc-layout] .pc-sidebar .navbar-content .pc-navbar > .pc-item.active > .pc-link .pc-micon,
body[data-pc-layout] .pc-sidebar .navbar-content .pc-navbar > .pc-item > .pc-link.active .pc-micon,
.pc-sidebar .navbar-content .pc-navbar > .pc-item.active > .pc-link .pc-micon,
.pc-sidebar .navbar-content .pc-navbar > .pc-item > .pc-link.active .pc-micon,
.pc-sidebar .pc-link.active .pc-micon,
.pc-sidebar .pc-link.active .pc-micon iconify-icon,
.pc-sidebar .pc-link.active .pc-micon i {
    color: #ec4899 !important;
}

/* 6. Header */
.pc-header {
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(10px) !important;
    border-bottom: 1px solid #fce7f3 !important;
}

.pc-header .pc-head-link:hover {
    color: #db2777 !important;
    background: #fdf2f8 !important;
}

/* 7. Cards & Boxes */
.card {
    border: 1px solid #fce7f3 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(244, 114, 182, 0.06) !important;
    background-color: #ffffff !important;
}

.card:hover {
    box-shadow: 0 8px 28px rgba(244, 114, 182, 0.12) !important;
}

.card-header {
    background-color: #ffffff !important;
    border-bottom: 1px solid #fce7f3 !important;
}

/* 8. Form Controls (Input, Select, Focus Rings) */
.form-control:focus,
.form-select:focus,
.alpine-select-toggle:focus {
    border-color: #f472b6 !important;
    box-shadow: 0 0 0 0.25rem rgba(244, 114, 182, 0.22) !important;
}

.form-check-input:checked {
    background-color: #f472b6 !important;
    border-color: #f472b6 !important;
    box-shadow: 0 2px 6px rgba(244, 114, 182, 0.3) !important;
}

.form-switch .form-check-input:checked {
    background-color: #f472b6 !important;
    border-color: #f472b6 !important;
}

/* 9. Tabs & Nav-Pills */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background: linear-gradient(135deg, #f472b6 0%, #fb7185 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(244, 114, 182, 0.35) !important;
}

.nav-tabs .nav-link.active {
    color: #db2777 !important;
    border-bottom: 2px solid #f472b6 !important;
    background: transparent !important;
}

.nav-tabs .nav-link:hover {
    color: #ec4899 !important;
}

/* 10. Pagination */
.pagination .page-item.active .page-link {
    background: linear-gradient(135deg, #f472b6 0%, #fb7185 100%) !important;
    border-color: #f472b6 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(244, 114, 182, 0.3) !important;
}

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

.pagination .page-link:hover {
    background-color: #fdf2f8 !important;
    color: #be185d !important;
}

/* 11. Progress bar & Loaders */
.progress-bar {
    background: linear-gradient(90deg, #f472b6 0%, #fb7185 100%) !important;
}

.loader-fill {
    background: linear-gradient(90deg, #f472b6 0%, #fb7185 100%) !important;
}

/* 12. Icon Boxes & Avatars */
.avtar.btn-light-primary {
    background-color: #fdf2f8 !important;
    color: #db2777 !important;
}

.stat-icon-box.bg-light-primary {
    background-color: #fdf2f8 !important;
    color: #db2777 !important;
}

/* 13. SweetAlert2 Theme Override */
.swal2-styled.swal2-confirm {
    background: linear-gradient(135deg, #f472b6 0%, #fb7185 100%) !important;
    border-color: #f472b6 !important;
    box-shadow: 0 4px 14px rgba(244, 114, 182, 0.35) !important;
}

.swal2-styled.swal2-confirm:hover {
    background: linear-gradient(135deg, #ec4899 0%, #f43f5e 100%) !important;
}

/* 14. Bảng (Tables) */
.table-hover > tbody > tr:hover > * {
    background-color: #fdf6f8 !important;
}

/* 15. Dropdowns */
.dropdown-item.active,
.dropdown-item:active {
    background: linear-gradient(135deg, #f472b6 0%, #fb7185 100%) !important;
    color: #ffffff !important;
}

.dropdown-item:hover {
    background-color: #fdf2f8 !important;
    color: #db2777 !important;
}

/* 16. Accent Elements (Border Left highlights, etc.) */
.border-primary {
    border-color: #f472b6 !important;
}

/* 17. Bảng Tin & Thông Báo Trang Chủ Client (Bulletin Board Pink Theme) */
.stat-notice-avatar {
    border: 2.5px solid #ffffff !important;
    box-shadow: 0 2px 10px rgba(244, 114, 182, 0.3) !important;
}

.stat-notice-avatar-ring {
    background: conic-gradient(from 0deg, #f472b6, #fb7185, #f43f5e, #fbcfe8, #f472b6) !important;
}

.stat-author-badge {
    color: #db2777 !important;
    background: #fdf2f8 !important;
    border: 1px solid #fbcfe8 !important;
}

.stat-author-badge i,
.stat-author-badge .ti {
    color: #ec4899 !important;
}

.stat-notice-author .badge,
.stat-notice-item .badge.bg-danger-subtle {
    background: #fff1f2 !important;
    color: #e11d48 !important;
    border: 1px solid #fecdd3 !important;
}

.stat-notice-author .badge i,
.stat-notice-item .badge.bg-danger-subtle i {
    color: #fb7185 !important;
}

.stat-notice-entry {
    background: #fff8fa !important;
    border: 1px solid #fce7f3 !important;
}

.stat-notice-entry:hover {
    background: #fdf2f8 !important;
    border-color: #fbcfe8 !important;
    transform: translateY(-1px);
}

.stat-entry-link {
    color: #db2777 !important;
    background: #fdf2f8 !important;
    border: 1px solid #fbcfe8 !important;
}

.stat-entry-link:hover {
    background: linear-gradient(135deg, #f472b6, #fb7185) !important;
    border-color: #f472b6 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(244, 114, 182, 0.35) !important;
}

.stat-entry-brand {
    background: linear-gradient(135deg, #f472b6, #ec4899) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.stat-notice-badge-icon {
    background: #fdf2f8 !important;
    color: #ec4899 !important;
}

.stat-notice-card .badge,
.stat-announcement-card .card-header .badge {
    background: #fdf2f8 !important;
    color: #db2777 !important;
    border: 1px solid #fbcfe8 !important;
}

.stat-notice-card .badge iconify-icon,
.stat-announcement-card .card-header .badge iconify-icon {
    color: #ec4899 !important;
}

/* 18. Mobile Optimization (2 thẻ 1 hàng, gọn gàng và đẹp mắt) */
@media (max-width: 575.98px) {
    .stat-card .card-body {
        padding: 8px 10px !important;
    }
    .stat-card {
        border-radius: 12px !important;
    }
    .stat-card .stat-icon-box {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        border-radius: 8px !important;
    }
    .stat-card .stat-icon-box iconify-icon,
    .stat-card .stat-icon-box i {
        font-size: 16px !important;
    }
    .stat-card .stat-value {
        font-size: 13.5px !important;
        line-height: 1.25 !important;
    }
    .stat-card p {
        font-size: 9.5px !important;
        letter-spacing: 0.2px !important;
        margin-bottom: 2px !important;
    }

    /* Tối ưu phần tác giả thông báo trên mobile */
    .stat-notice-item {
        padding: 12px 10px !important;
    }
    .stat-notice-avatar-wrap {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        margin-right: 0 !important;
    }
    .stat-notice-author-info {
        gap: 1px !important;
    }
    .stat-author-name {
        font-size: 13px !important;
        white-space: nowrap !important;
    }
    .stat-author-verified {
        font-size: 13px !important;
    }
    .stat-author-badge {
        font-size: 9.5px !important;
        padding: 1px 5px !important;
        border-radius: 4px !important;
        white-space: nowrap !important;
        height: 18px !important;
        line-height: 1 !important;
    }
    .stat-author-badge i,
    .stat-author-badge .ti {
        font-size: 10px !important;
        margin-right: 2px !important;
    }
    .stat-author-time {
        font-size: 10.5px !important;
        white-space: nowrap !important;
    }
    .stat-author-time iconify-icon {
        font-size: 11px !important;
    }
    .stat-notice-tag {
        font-size: 9.5px !important;
        padding: 2px 6px !important;
        white-space: nowrap !important;
    }
}

/* ========================================================
   19. Custom Stat Cards (Thiết kế phong cách mới theo mẫu ảnh)
   ======================================================== */
.stat-showcase-card {
    background: #ffffff !important;
    border: 1px solid #f1f5f9 !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.25s ease !important;
    overflow: hidden !important;
    position: relative !important;
}

.stat-showcase-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(244, 114, 182, 0.12) !important;
    border-color: #fbcfe8 !important;
}

.stat-card-wave {
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 80px;
    height: 52px;
    pointer-events: none;
    z-index: 1;
}

.stat-card-wave svg {
    width: 100%;
    height: 100%;
    display: block;
}

.stat-showcase-body {
    position: relative;
    z-index: 2;
    padding: 16px 18px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.stat-item-label {
    font-size: 12px;
    font-weight: 600;
    color: #8c9ba5;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    margin-bottom: 6px;
    font-family: inherit;
}

.stat-item-value {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.2px;
    font-family: inherit;
}

/* Dashed Icon Box & Custom Image Wrap */
.stat-dashed-box {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    transition: transform 0.25s ease;
}

.stat-img-wrap {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    overflow: hidden;
    transition: transform 0.25s ease;
}

.stat-card-custom-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    border-radius: 12px;
    mix-blend-mode: multiply;
}

/* Ẩn khi chưa có src để không hiện icon ảnh gãy */
.stat-card-custom-img:not([src]),
.stat-card-custom-img[src=""] {
    visibility: hidden;
}

.stat-showcase-card:hover .stat-dashed-box,
.stat-showcase-card:hover .stat-img-wrap {
    transform: scale(1.08);
}

.stat-dashed-box iconify-icon,
.stat-dashed-box svg {
    font-size: 22px;
}

/* Màu xanh ngọc (Tổng nạp) */
.stat-val-teal {
    color: #00a884 !important;
}
.stat-dashed-teal {
    border: 1.5px dashed #00a884 !important;
    color: #00a884 !important;
}

/* Màu cam / hổ phách (Số dư) */
.stat-val-amber {
    color: #f59e0b !important;
}
.stat-dashed-amber {
    border: 1.5px dashed #f59e0b !important;
    color: #f59e0b !important;
}

/* Màu hồng đỏ / coral (Cấp bậc) */
.stat-val-coral {
    color: #f43f5e !important;
}
.stat-dashed-coral {
    border: 1.5px dashed #f43f5e !important;
    color: #f43f5e !important;
}

/* Màu tím indigo (Tổng đơn hàng) */
.stat-val-indigo {
    color: #6366f1 !important;
}
.stat-dashed-indigo {
    border: 1.5px dashed #6366f1 !important;
    color: #6366f1 !important;
}

/* Mobile responsive cho stat-showcase-card */
@media (max-width: 575.98px) {
    .stat-showcase-card {
        border-radius: 14px !important;
    }
    .stat-showcase-body {
        padding: 12px 10px !important;
    }
    .stat-card-wave {
        width: 58px;
        height: 38px;
    }
    .stat-item-label {
        font-size: 10px !important;
        letter-spacing: 0.3px !important;
        margin-bottom: 3px !important;
    }
    .stat-item-value {
        font-size: 13.5px !important;
    }
    .stat-dashed-box,
    .stat-img-wrap {
        width: 35px !important;
        height: 35px !important;
        min-width: 35px !important;
        border-radius: 9px !important;
        border-width: 1.2px !important;
    }
    .stat-card-custom-img {
        border-radius: 9px !important;
    }
    .stat-dashed-box iconify-icon,
    .stat-dashed-box svg {
        font-size: 17px !important;
        width: 17px !important;
        height: 17px !important;
    }
}

/* ========================================================
   20. Mobile Bottom Nav (Thanh điều hướng dưới mobile)
   ======================================================== */
.mobile-bottom-nav .nav-item.active {
    color: #db2777 !important;
}

.mobile-bottom-nav .nav-item.active iconify-icon,
.mobile-bottom-nav .nav-item.active span {
    color: #db2777 !important;
}

.nav-item-center {
    background: linear-gradient(135deg, #f472b6, #fb7185) !important;
    box-shadow: 0 10px 25px rgba(244, 114, 182, 0.45) !important;
    color: #ffffff !important;
}

.nav-item-center.active {
    box-shadow: 0 12px 30px rgba(244, 114, 182, 0.6) !important;
}

.nav-label-center.active,
.nav-item-center.active + .nav-label-center,
.nav-item-center.active ~ .nav-label-center {
    color: #db2777 !important;
}

/* ========================================================
   21. Order Page (/client/order) V1/Category Layout
   ======================================================== */
.service-v2-item:hover {
    background: #fff5f8 !important;
    border-color: #fce7f3 !important;
}

.service-v2-item--active {
    background: #fdf2f8 !important;
    border-color: #f472b6 !important;
    box-shadow: 0 2px 8px rgba(244, 114, 182, 0.16) !important;
}

.service-v2-item:hover .service-v2-radio {
    border-color: #f472b6 !important;
}

.service-v2-item--active .service-v2-radio {
    border-color: #ec4899 !important;
    background: #ffffff !important;
}

.service-v2-radio-inner {
    background: #ec4899 !important;
}

.service-v2-item--active .service-v2-radio-inner {
    background: linear-gradient(135deg, #f472b6 0%, #ec4899 100%) !important;
}

.service-v2-item:hover .service-v2-name {
    color: #ec4899 !important;
}

/* 3 badges: màu nhạt dịu mắt */
.service-v2-pill--price {
    background: #54a0ff !important;
    color: #ffffff !important;
    box-shadow: 0 1px 3px rgba(84, 160, 255, 0.25) !important;
}

.service-v2-pill--status {
    background: #20c997 !important;
    color: #ffffff !important;
    box-shadow: 0 1px 3px rgba(32, 201, 151, 0.25) !important;
}

.service-v2-pill--warranty {
    background: #fbbf24 !important;
    color: #ffffff !important;
    box-shadow: 0 1px 3px rgba(251, 191, 36, 0.25) !important;
}

.service-v2-pill--cancel {
    background: #fb7185 !important;
    color: #ffffff !important;
    box-shadow: 0 1px 3px rgba(251, 113, 133, 0.25) !important;
}

/* 22. Order Confirmation Modal Pink Theme */
.order-confirm-header-icon {
    background: #fdf2f8 !important;
    color: #ec4899 !important;
}

.order-info-icon {
    background: #fdf2f8 !important;
    color: #ec4899 !important;
}

.order-confirm-btn-submit {
    background: linear-gradient(135deg, #f472b6 0%, #fb7185 100%) !important;
    color: #ffffff !important;
    border-color: #f472b6 !important;
    box-shadow: 0 4px 14px rgba(244, 114, 182, 0.35) !important;
}

.order-confirm-btn-submit:hover {
    background: linear-gradient(135deg, #ec4899 0%, #f43f5e 100%) !important;
    border-color: #ec4899 !important;
    box-shadow: 0 6px 18px rgba(236, 72, 153, 0.45) !important;
}

.order-pin-input-group .input-group-text {
    background: #fdf2f8 !important;
    border-color: #fbcfe8 !important;
    color: #ec4899 !important;
}

.order-pin-input:focus {
    box-shadow: 0 0 0 0.15rem rgba(244, 114, 182, 0.25) !important;
    border-color: #ec4899 !important;
}

.order-processing-spinner .spinner-ring {
    border-top-color: #ec4899 !important;
}

.order-processing-spinner .spinner-ring:nth-child(1) {
    border-top-color: #ec4899 !important;
}

.order-processing-spinner .spinner-ring:nth-child(2) {
    border-top-color: #f472b6 !important;
}

.order-processing-spinner .spinner-ring:nth-child(3) {
    border-top-color: #f43f5e !important;
}

.order-processing-spinner .spinner-ring:nth-child(4) {
    border-top-color: #fb7185 !important;
}

/* 23. Recent Completed Orders Button & Modal */
.btn-recent-orders-link {
    background: #fdf2f8 !important;
    color: #ec4899 !important;
    border: 1px solid #fbcfe8 !important;
    border-radius: 6px;
    padding: 0.35rem 0.75rem;
    font-size: 0.78rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.btn-recent-orders-link:hover {
    background: linear-gradient(135deg, #f472b6 0%, #ec4899 100%) !important;
    color: #ffffff !important;
    border-color: #ec4899 !important;
    box-shadow: 0 3px 8px rgba(236, 72, 153, 0.25) !important;
    transform: translateY(-1px);
}

/* 24. Header User Balance Badge */
.pc-header .header-balance-item {
    display: inline-flex !important;
    align-items: center !important;
    margin-right: 0.5rem;
    padding: 0 !important;
}

.pc-header .header-balance-badge {
    height: 38px !important;
    padding: 0 14px 0 10px !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.pc-header .header-balance-badge:hover {
    background: #fdf2f8 !important;
    border-color: #fbcfe8 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 14px rgba(236, 72, 153, 0.18) !important;
}

.pc-header .header-balance-icon-wrap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ec4899 !important;
    font-size: 20px !important;
    transition: transform 0.22s ease !important;
}

.pc-header .header-balance-badge:hover .header-balance-icon-wrap {
    transform: scale(1.12) !important;
}

.pc-header .header-balance-amount {
    font-size: 0.92rem !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    letter-spacing: -0.01em !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}

/* 25. Header Action Buttons (Language & Currency) */
.pc-header .header-action-btn::before,
.pc-header #language-selector-btn::before,
.pc-header #currency-selector-btn::before {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.pc-header .header-action-btn .header-action-icon,
.pc-header .header-action-btn iconify-icon {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    z-index: 5 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Language: Normal */
.pc-header .header-action-btn.btn-language,
.pc-header #language-selector-btn {
    color: #ec4899 !important;
    background: #ffffff !important;
    border: 1.5px solid #fce7f3 !important;
}

.pc-header .header-action-btn.btn-language .header-action-icon,
.pc-header #language-selector-btn .header-action-icon,
.pc-header #language-selector-btn iconify-icon {
    color: #ec4899 !important;
    fill: #ec4899 !important;
}

/* Language: Hover */
.pc-header .header-action-btn.btn-language:hover,
.pc-header #language-selector-btn:hover {
    background: #fdf2f8 !important;
    border-color: #f472b6 !important;
    color: #db2777 !important;
}

.pc-header .header-action-btn.btn-language:hover .header-action-icon,
.pc-header #language-selector-btn:hover .header-action-icon {
    color: #db2777 !important;
    fill: #db2777 !important;
}

/* Language: Active / Clicked / Dropdown Opened */
.pc-header .header-action-btn.btn-language:active,
.pc-header .header-action-btn.btn-language.show,
.pc-header .header-action-btn.btn-language[aria-expanded="true"],
.pc-header #language-selector-btn:active,
.pc-header #language-selector-btn.show,
.pc-header #language-selector-btn[aria-expanded="true"],
.pc-header .dropdown.show #language-selector-btn {
    background: linear-gradient(135deg, #ec4899 0%, #e11d48 100%) !important;
    border-color: #db2777 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(236, 72, 153, 0.35) !important;
}

.pc-header .header-action-btn.btn-language:active .header-action-icon,
.pc-header .header-action-btn.btn-language.show .header-action-icon,
.pc-header .header-action-btn.btn-language[aria-expanded="true"] .header-action-icon,
.pc-header #language-selector-btn:active .header-action-icon,
.pc-header #language-selector-btn.show .header-action-icon,
.pc-header #language-selector-btn[aria-expanded="true"] .header-action-icon,
.pc-header .dropdown.show #language-selector-btn .header-action-icon,
.pc-header #language-selector-btn.show iconify-icon,
.pc-header #language-selector-btn[aria-expanded="true"] iconify-icon {
    color: #ffffff !important;
    fill: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Currency: Normal */
.pc-header .header-action-btn.btn-currency,
.pc-header #currency-selector-btn {
    color: #10b981 !important;
    background: #ffffff !important;
    border: 1.5px solid #d1fae5 !important;
}

.pc-header .header-action-btn.btn-currency .header-action-icon,
.pc-header #currency-selector-btn .header-action-icon,
.pc-header #currency-selector-btn iconify-icon {
    color: #10b981 !important;
    fill: #10b981 !important;
}

/* Currency: Hover */
.pc-header .header-action-btn.btn-currency:hover,
.pc-header #currency-selector-btn:hover {
    background: #ecfdf5 !important;
    border-color: #6ee7b7 !important;
    color: #059669 !important;
}

.pc-header .header-action-btn.btn-currency:hover .header-action-icon,
.pc-header #currency-selector-btn:hover .header-action-icon {
    color: #059669 !important;
    fill: #059669 !important;
}

/* Currency: Active / Clicked / Modal Opened */
.pc-header .header-action-btn.btn-currency:active,
.pc-header .header-action-btn.btn-currency.show,
.pc-header .header-action-btn.btn-currency[aria-expanded="true"],
.pc-header #currency-selector-btn:active,
.pc-header #currency-selector-btn.show,
.pc-header #currency-selector-btn[aria-expanded="true"],
.pc-header .dropdown.show #currency-selector-btn {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border-color: #047857 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(16, 185, 129, 0.35) !important;
}

.pc-header .header-action-btn.btn-currency:active .header-action-icon,
.pc-header .header-action-btn.btn-currency.show .header-action-icon,
.pc-header .header-action-btn.btn-currency[aria-expanded="true"] .header-action-icon,
.pc-header #currency-selector-btn:active .header-action-icon,
.pc-header #currency-selector-btn.show .header-action-icon,
.pc-header #currency-selector-btn[aria-expanded="true"] .header-action-icon,
.pc-header .dropdown.show #currency-selector-btn .header-action-icon,
.pc-header #currency-selector-btn.show iconify-icon,
.pc-header #currency-selector-btn[aria-expanded="true"] iconify-icon {
    color: #ffffff !important;
    fill: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}