/* ========================================
   Dark Mode Styles for Frontend
   ======================================== */

/* ===== LIGHT MODE BORDER CONSISTENCY ===== */

/* Layout borders */
body:not(.dark-mode-enabled) .info-bar-area {
    border-bottom: 1px solid #878a95;
}

body:not(.dark-mode-enabled) .navbar-area.nav-style-01 {
    border-bottom: 1px solid #878a95;
}

body:not(.dark-mode-enabled) .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li + li {
    border-top-color: #878a95;
}

/* Card & content block borders */
body:not(.dark-mode-enabled) .feature-card,
body:not(.dark-mode-enabled) .single-team-member-style-09,
body:not(.dark-mode-enabled) .cta-inner-wrapper,
body:not(.dark-mode-enabled) .contribute-single-item,
body:not(.dark-mode-enabled) .contribute-single-item .content,
body:not(.dark-mode-enabled) .brand-carousel .single-carousel.service-home,
body:not(.dark-mode-enabled) .video-container-wrap,
body:not(.dark-mode-enabled) .single-work-item .content,
body:not(.dark-mode-enabled) .single-work-item-02 .content,
body:not(.dark-mode-enabled) .icon-box-two,
body:not(.dark-mode-enabled) .aboutus-content-block,
body:not(.dark-mode-enabled) .single-team-member-one .content,
body:not(.dark-mode-enabled) .single-team-member-one.gray-bg .content,
body:not(.dark-mode-enabled) .single-blog-grid-01 .content,
body:not(.dark-mode-enabled) .content-block-with-sign,
body:not(.dark-mode-enabled) .feature-box-01,
body:not(.dark-mode-enabled) .single-testimonial-item-02 .description,
body:not(.dark-mode-enabled) .teastimonial-item-09 {
    border: 1px solid #878a95;
}

/* Pricing & product cards */
body:not(.dark-mode-enabled) .pricing-table-15,
body:not(.dark-mode-enabled) .pricing-table,
body:not(.dark-mode-enabled) .single-price-wrap,
body:not(.dark-mode-enabled) .single-product-item .content,
body:not(.dark-mode-enabled) .single-product-item-3,
body:not(.dark-mode-enabled) .project-info-item,
body:not(.dark-mode-enabled) .donation_wrapper,
body:not(.dark-mode-enabled) .donated_people,
body:not(.dark-mode-enabled) .recently-donated-list {
    border: 1px solid #878a95;
}

/* Service & event cards */
body:not(.dark-mode-enabled) .event-venue-details-information,
body:not(.dark-mode-enabled) .single-contact-info-02,
body:not(.dark-mode-enabled) .single-gig-details .content-area .faq-area-wrapper,
body:not(.dark-mode-enabled) .get-quote-wrapper,
body:not(.dark-mode-enabled) .request-call,
body:not(.dark-mode-enabled) .single-job-list-item {
    border: 1px solid #878a95;
}

/* Widget borders */
body:not(.dark-mode-enabled) .widget {
    border: 1px solid #878a95;
}

/* Latest products & features */
body:not(.dark-mode-enabled) .single-feature-product,
body:not(.dark-mode-enabled) .single-new-item-09,
body:not(.dark-mode-enabled) .contribute-single-item {
    border: 1px solid #878a95;
    border-radius: 10px;
    overflow: hidden;
}

body:not(.dark-mode-enabled) .single-feature-product .content,
body:not(.dark-mode-enabled) .single-new-item-09 .content,
body:not(.dark-mode-enabled) .contribute-single-item .content {
    padding: 20px;
}

body:not(.dark-mode-enabled) .latest-product-filter-nav {
    border: 1px solid #878a95;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 30px;
}

body:not(.dark-mode-enabled) .latest-product-filter-nav ul li {
    padding: 10px 20px;
    border-radius: 5px;
}

/* Blog grid */
body:not(.dark-mode-enabled) .single-blog-grid-01 .content {
    border: 1px solid #878a95;
}

/* Modal & dropdown borders */
body:not(.dark-mode-enabled) .modal-content {
    border: 1px solid #878a95;
}

body:not(.dark-mode-enabled) .modal-header {
    border-bottom-color: #878a95;
}

body:not(.dark-mode-enabled) .modal-footer {
    border-top-color: #878a95;
}

body:not(.dark-mode-enabled) .dropdown-menu {
    border-color: #878a95;
}

/* Accordion borders */
body:not(.dark-mode-enabled) .accordion-wrapper .card {
    border: 1px solid #878a95;
}

body:not(.dark-mode-enabled) .accordion-wrapper .card .card-header {
    border-color: #878a95;
}

body:not(.dark-mode-enabled) .accordion-wrapper .card .card-body {
    border-top-color: #878a95;
}

/* Tab borders */
body:not(.dark-mode-enabled) .nav-tabs {
    border-color: #878a95;
}

body:not(.dark-mode-enabled) .nav-tabs .nav-link {
    border-color: #878a95;
}

body:not(.dark-mode-enabled) .tab-content {
    border-color: #878a95;
}

/* Footer borders */
body:not(.dark-mode-enabled) footer {
    border-top-color: #878a95;
}

body:not(.dark-mode-enabled) .copyright-area {
    border-top-color: #878a95;
}

body:not(.dark-mode-enabled) .topbar-area {
    border-bottom-color: #878a95;
}

/* ===== CORE DARK MODE ===== */
html.dark-mode-enabled,
body.dark-mode-enabled {
    background-color: var(--dark-bg) !important;
    color: var(--dark-text) !important;
}

/* ===== LAYOUT ELEMENTS ===== */

/* Header & Navigation */
body.dark-mode-enabled .header-area,
body.dark-mode-enabled .navbar {
    background-color: var(--dark-bg)  !important;
    /* border-bottom: 1px solid var(--dark-border) !important; */
}

body.dark-mode-enabled .navbar-nav .nav-link {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .navbar-nav .nav-link:hover,
body.dark-mode-enabled .navbar-nav .nav-item.active .nav-link {
    color: #64b5f6 !important;
}

/* Navbar Style 01 */
body.dark-mode-enabled .navbar-area.nav-style-01,
body.dark-mode-enabled .navbar-area.nav-style-01 .nav-container {
    background-color: var(--dark-surface) !important;
    box-shadow: none !important;
}

body.dark-mode-enabled .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li a {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li:hover a,
body.dark-mode-enabled .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {
    color: #64b5f6 !important;
}

body.dark-mode-enabled .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before,
body.dark-mode-enabled .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.current-menu-item.menu-item-has-children:before {
    color: var(--main-color-one) !important;
}

body.dark-mode-enabled .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
    background-color: #1e3a5f !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
    background-color: var(--main-color-one) !important;
    color: #fff !important;
}

body.dark-mode-enabled .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li + li {
    border-top-color: var(--dark-border) !important;
}

body.dark-mode-enabled .navbar-area.nav-style-01 .nav-container .nav-right-content ul li,
body.dark-mode-enabled .navbar-area.nav-style-01 .nav-container .nav-right-content ul li a {
    color: var(--dark-text) !important;
}

/* Navbar Sub-menu */
body.dark-mode-enabled .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
    background-color: #1e3a5f !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
    background-color: #1e3a5f !important;
    color: var(--dark-text) !important;
    border-bottom-color: var(--dark-border) !important;
}

body.dark-mode-enabled .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
    background-color: #0f3460 !important;
    color: #ffffff !important;
}

/* Footer */
body.dark-mode-enabled .footer-area,
body.dark-mode-enabled footer {
    background-color: var(--dark-surface) !important;
    border-top: 1px solid var(--dark-border) !important;
    color: var(--dark-text) !important;
}

/* ===== TYPOGRAPHY ===== */
body.dark-mode-enabled h1,
body.dark-mode-enabled h2,
body.dark-mode-enabled h3,
body.dark-mode-enabled h4,
body.dark-mode-enabled h5,
body.dark-mode-enabled h6,
body.dark-mode-enabled .hero-section h1,
body.dark-mode-enabled .hero-section h2,
body.dark-mode-enabled .hero-section h3 {
    color: #ffffff !important;
}

body.dark-mode-enabled p,
body.dark-mode-enabled span,
body.dark-mode-enabled .text,
body.dark-mode-enabled .hero-section p,
body.dark-mode-enabled ul,
body.dark-mode-enabled ol,
body.dark-mode-enabled li {
    color: #b0b0b0 !important;
}

/* Links */
body.dark-mode-enabled a {
    color: #64b5f6 !important;
}

body.dark-mode-enabled a:hover {
    color: #90caf9 !important;
}

/* ===== UI COMPONENTS ===== */

/* Cards & Boxes */
body.dark-mode-enabled .card,
body.dark-mode-enabled .blog-card,
body.dark-mode-enabled .service-card,
body.dark-mode-enabled .product-card,
body.dark-mode-enabled .feature-card {
    background-color: #16213e !important;
    border-color: var(--dark-border) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode-enabled .card-header,
body.dark-mode-enabled .card-title {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .card-body,
body.dark-mode-enabled .blog-card .blog-content {
    background-color: #16213e !important;
    color: var(--dark-text) !important;
}

/* Buttons */
body.dark-mode-enabled .btn-primary,
body.dark-mode-enabled .boxed-btn {
    background-color: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .btn-primary:hover,
body.dark-mode-enabled .boxed-btn:hover {
    background-color: #3a8eef !important;
    border-color: #3a8eef !important;
    transform: translateY(-2px) !important;
}

body.dark-mode-enabled .btn-secondary {
    background-color: var(--dark-border) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .btn-secondary:hover {
    background-color: #3a4f6f !important;
    border-color: #3a4f6f !important;
}

body.dark-mode-enabled .btn-light {
    background-color: var(--dark-border) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .btn-outline-light {
    border-color: var(--dark-text) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .btn-outline-light:hover {
    background-color: var(--dark-text) !important;
    color: var(--dark-bg) !important;
}

/* Forms */
body.dark-mode-enabled .form-control,
body.dark-mode-enabled .form-select,
body.dark-mode-enabled .form-input,
body.dark-mode-enabled input[type="text"],
body.dark-mode-enabled input[type="email"],
body.dark-mode-enabled input[type="tel"],
body.dark-mode-enabled input[type="url"],
body.dark-mode-enabled input[type="search"],
body.dark-mode-enabled input[type="number"],
body.dark-mode-enabled input[type="password"],
body.dark-mode-enabled input[type="date"],
body.dark-mode-enabled input[type="time"],
body.dark-mode-enabled input[type="datetime-local"],
body.dark-mode-enabled textarea,
body.dark-mode-enabled select,
body.dark-mode-enabled select.custom-select {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .form-control:focus,
body.dark-mode-enabled .form-select:focus,
body.dark-mode-enabled input[type="text"]:focus,
body.dark-mode-enabled input[type="email"]:focus,
body.dark-mode-enabled textarea:focus,
body.dark-mode-enabled select:focus {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-accent) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .form-control::placeholder,
body.dark-mode-enabled label {
    color: #888 !important;
}

body.dark-mode-enabled input[type="checkbox"],
body.dark-mode-enabled input[type="radio"] {
    accent-color: var(--main-color-one) !important;
}

body.dark-mode-enabled .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--main-color-one) !important;
    border-color: var(--main-color-one) !important;
}

body.dark-mode-enabled .custom-control-label::before {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
}

/* Tables */
body.dark-mode-enabled .table {
    background-color: #16213e !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .table thead th {
    background-color: #0f3460 !important;
    color: #ffffff !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .table tbody td {
    background-color: #16213e !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .table tbody tr:hover {
    background-color: #1e3a5f !important;
}

/* Dropdowns */
body.dark-mode-enabled .dropdown-menu {
    background-color: #16213e !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .dropdown-item {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .dropdown-item:hover {
    background-color: #0f3460 !important;
    color: #ffffff !important;
}

/* Modals */
body.dark-mode-enabled .modal-content {
    background-color: #16213e !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .modal-header {
    border-bottom-color: var(--dark-border) !important;
    background-color: var(--dark-surface) !important;
}

body.dark-mode-enabled .modal-body {
    background-color: #16213e !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .modal-footer {
    border-top-color: var(--dark-border) !important;
    background-color: var(--dark-surface) !important;
}

body.dark-mode-enabled .modal-title {
    color: var(--dark-text) !important;
}

/* Pagination */
body.dark-mode-enabled .pagination .page-link {
    background-color: #16213e !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .pagination .page-item.active .page-link {
    background-color: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .pagination .page-link:hover,
body.dark-mode-enabled .pagination .page-item.disabled .page-link {
    background-color: #0f3460 !important;
    border-color: #0f3460 !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .pagination .page-item.disabled .page-link {
    background-color: var(--dark-surface) !important;
    color: #666 !important;
}

/* Alerts */
body.dark-mode-enabled .alert {
    background-color: #16213e !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .alert-success {
    background-color: #1a3a2e !important;
    border-color: #2a5f3e !important;
}

body.dark-mode-enabled .alert-danger {
    background-color: #3a1a2e !important;
    border-color: #5f2a3e !important;
}

body.dark-mode-enabled .alert-warning {
    background-color: #3a3a1a !important;
    border-color: #5f5f2a !important;
}

body.dark-mode-enabled .alert-info {
    background-color: #1a2a3a !important;
    border-color: #2a4a5f !important;
}

/* Badges */
body.dark-mode-enabled .badge {
    background-color: #0f3460 !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .badge-primary {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .badge-secondary {
    background-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .badge-success {
    background-color: #4caf50 !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .badge-danger {
    background-color: #f44336 !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .badge-warning {
    background-color: #ff9800 !important;
    color: #ffffff !important;
}

/* Nav Tabs */
body.dark-mode-enabled .nav-tabs {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .nav-tabs .nav-link {
    background-color: #1e3a5f !important;
    color: var(--dark-text) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .nav-tabs .nav-link:hover,
body.dark-mode-enabled .nav-tabs .nav-link.active {
    background-color: #0f3460 !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .nav-tabs .nav-link.active {
    background-color: var(--dark-accent) !important;
}

body.dark-mode-enabled .tab-content {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
}

/* Accordion */
body.dark-mode-enabled .accordion-item,
body.dark-mode-enabled .accordion-wrapper .card {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .accordion-button,
body.dark-mode-enabled .accordion-wrapper .card-header {
    background-color: #1e3a5f !important;
    color: var(--dark-text) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .accordion-button:not(.collapsed),
body.dark-mode-enabled .accordion-wrapper .card-header h5.mb-0 a:hover {
    background-color: #0f3460 !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .accordion-body,
body.dark-mode-enabled .accordion-wrapper .card-body {
    background-color: var(--dark-surface) !important;
    color: #b0b0b0 !important;
    border-top: 1px solid var(--dark-border) !important;
}

/* Breadcrumb */
body.dark-mode-enabled .breadcrumb {
    background-color: var(--dark-surface) !important;
}

body.dark-mode-enabled .breadcrumb-item a {
    color: #64b5f6 !important;
}

body.dark-mode-enabled .breadcrumb-item.active {
    color: var(--dark-text) !important;
}

/* Carousel */
body.dark-mode-enabled .carousel {
    background-color: var(--dark-surface) !important;
}

body.dark-mode-enabled .carousel-indicators button {
    background-color: var(--dark-border) !important;
}

body.dark-mode-enabled .carousel-indicators button.active {
    background-color: var(--main-color-one) !important;
}

/* Toasts */
body.dark-mode-enabled .toast,
body.dark-mode-enabled .toast-success,
body.dark-mode-enabled .toast-error,
body.dark-mode-enabled .toast-info,
body.dark-mode-enabled .toast-warning {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .toast-header {
    background-color: #0f3460 !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .toast-body {
    background-color: var(--dark-surface) !important;
    color: #b0b0b0 !important;
}

/* Offcanvas */
body.dark-mode-enabled .offcanvas {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .offcanvas-header {
    border-color: var(--dark-border) !important;
    background-color: #0f3460 !important;
}

body.dark-mode-enabled .offcanvas-title {
    color: var(--dark-text) !important;
}

/* Popovers & Tooltips */
body.dark-mode-enabled .tooltip-inner {
    background-color: #0f3460 !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .popover {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .popover-header {
    background-color: #0f3460 !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .popover-body {
    background-color: var(--dark-surface) !important;
    color: #b0b0b0 !important;
}

/* Progress Bars */
body.dark-mode-enabled .progress {
    background-color: var(--dark-surface) !important;
}

body.dark-mode-enabled .progress-bar {
    background-color: var(--main-color-one) !important;
}

/* Range Sliders */
body.dark-mode-enabled input[type="range"] {
    background-color: var(--dark-surface) !important;
}

/* Spinner */
body.dark-mode-enabled .spinner-border,
body.dark-mode-enabled .loading-spinner {
    border-color: var(--dark-border) !important;
    border-top-color: var(--main-color-one) !important;
}

/* Blockquotes */
body.dark-mode-enabled blockquote {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: #b0b0b0 !important;
}

/* Code Blocks */
body.dark-mode-enabled code {
    background-color: #0f3460 !important;
    color: #90caf9 !important;
}

body.dark-mode-enabled pre {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
}

/* Horizontal Rule */
body.dark-mode-enabled hr {
    border-color: var(--dark-border) !important;
}

/* ===== SECTIONS ===== */

/* Background Colors */
body.dark-mode-enabled .hero-section,
body.dark-mode-enabled .popular-article-area,
body.dark-mode-enabled .faq-area-wrapper,
body.dark-mode-enabled .team-member-area,
body.dark-mode-enabled .call-to-action-wrapper,
body.dark-mode-enabled .latest-product-area,
body.dark-mode-enabled .new-area,
body.dark-mode-enabled .recent-cause,
body.dark-mode-enabled .brand-carousel-section,
body.dark-mode-enabled .video-area-wrapper {
    background-color: var(--dark-bg)  !important;
}

body.dark-mode-enabled .section-padding {
    background-color: var(--dark-bg) !important;
}

body.dark-mode-enabled .bg-light,
body.dark-mode-enabled .light-bg,
body.dark-mode-enabled .bg-white {
    background-color: #16213e !important;
}

body.dark-mode-enabled .bg-gray {
    background-color: var(--dark-surface) !important;
}

/* Section Title */
body.dark-mode-enabled .section-title h2.title {
    color: #ffffff !important;
}

body.dark-mode-enabled .section-title p {
    color: #b0b0b0 !important;
}

body.dark-mode-enabled .section-title.desktop-center {
    text-align: center !important;
}

/* ===== FOOTER ===== */

/* Topbar */
body.dark-mode-enabled .topbar-area {
    background-color: var(--dark-surface) !important;
    border-bottom: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .topbar-inner {
    background-color: transparent !important;
}

body.dark-mode-enabled .social-icon li a,
body.dark-mode-enabled .info-menu li a {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .social-icon li a:hover,
body.dark-mode-enabled .info-menu li a:hover {
    color: #64b5f6 !important;
}

/* Footer Widgets */
body.dark-mode-enabled .footer-widget {
    background-color: var(--dark-surface) !important;
}

body.dark-mode-enabled .footer-widget h3,
body.dark-mode-enabled .footer-widget h4 {
    color: #ffffff !important;
    /* border-bottom: 2px solid var(--dark-accent) !important; */
    padding-bottom: 10px !important;
    margin-bottom: 20px !important;
}

body.dark-mode-enabled .footer-widget p {
    color: #b0b0b0 !important;
}

body.dark-mode-enabled .footer-widget ul li {
    color: #b0b0b0 !important;
    /* border-bottom: 1px solid var(--dark-border) !important; */
    padding: 4px 0 !important;
}

body.dark-mode-enabled .footer-widget ul li:last-child {
    border-bottom: none !important;
}

body.dark-mode-enabled .footer-widget ul li a,
body.dark-mode-enabled .footer-links li a {
    color: #b0b0b0 !important;
    transition: color 0.3s ease !important;
}

body.dark-mode-enabled .footer-widget ul li a:hover,
body.dark-mode-enabled .footer-links li a:hover {
    color: #64b5f6 !important;
    padding-left: 5px !important;
}

[dir="rtl"] body.dark-mode-enabled .footer-widget ul li a:hover {
    padding-left: 0 !important;
    padding-right: 5px !important;
}

body.dark-mode-enabled .footer-widget .social-icon li a {
    color: var(--dark-text) !important;
    background-color: #1e3a5f !important;
    border: 1px solid var(--dark-border) !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    transition: all 0.3s ease !important;
}

body.dark-mode-enabled .footer-widget .social-icon li a:hover {
    background-color: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: #ffffff !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 4px 12px rgba(74, 158, 255, 0.4) !important;
}

body.dark-mode-enabled .footer-widget .contact-info li {
    color: #b0b0b0 !important;
    border-bottom: 1px solid var(--dark-border) !important;
    padding: 10px 0 !important;
}

body.dark-mode-enabled .footer-widget .contact-info li:last-child {
    border-bottom: none !important;
}

body.dark-mode-enabled .footer-widget .contact-info li i {
    color: #64b5f6 !important;
    margin-right: 10px !important;
}

[dir="rtl"] body.dark-mode-enabled .footer-widget .contact-info li i {
    margin-right: 0 !important;
    margin-left: 10px !important;
}

/* Copyright */
body.dark-mode-enabled .copyright-area {
    background-color: var(--dark-bg) !important;
    border-top: 1px solid var(--dark-border) !important;
    color: #888 !important;
}

/* Back to Top Button */
body.dark-mode-enabled .back-to-top {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(74, 158, 255, 0.4) !important;
}

body.dark-mode-enabled .back-to-top:hover {
    background-color: #3a8eef !important;
    transform: translateY(-2px) !important;
}

/* Support Floating Bubble */
body.dark-mode-enabled .support-floating-bubble a {
    background-color: var(--dark-accent) !important;
    box-shadow: 0 4px 12px rgba(74, 158, 255, 0.5) !important;
}

body.dark-mode-enabled .support-floating-bubble a:hover {
    background-color: #3a8eef !important;
    transform: scale(1.1) !important;
}

/* ===== SHARED COMPONENTS ===== */

/* Language Dropdown */
body.dark-mode-enabled .language_dropdown {
    background-color: #1e3a5f !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .language_dropdown .selected-language {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .language_dropdown ul {
    background-color: #1e3a5f !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .language_dropdown ul li {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .language_dropdown ul li:hover {
    background-color: #0f3460 !important;
    color: #ffffff !important;
}

/* Header Inner */
body.dark-mode-enabled .header-inner {
    background-color: transparent !important;
}

body.dark-mode-enabled .header-inner h1.title {
    color: #ffffff !important;
}

body.dark-mode-enabled .header-inner p {
    color: #b0b0b0 !important;
}

/* Search Wrapper */
body.dark-mode-enabled .search-wrapper {
    background-color: #1e3a5f !important;
    border: 1px solid var(--dark-border) !important;
    border-radius: 10px !important;
}

body.dark-mode-enabled .search-wrapper .form-control {
    background-color: #1e3a5f !important;
    border: none !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .search-wrapper .search-btn {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
    border: none !important;
}

body.dark-mode-enabled .search-wrapper .search-btn:hover {
    background-color: #3a8eef !important;
}

/* Video Container */
body.dark-mode-enabled .video-container-wrap {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    position: relative !important;
    z-index: 2 !important;
}

body.dark-mode-enabled .video-container-wrap .thumb img {
    border-radius: 10px !important;
}

body.dark-mode-enabled .video-container-wrap .hover {
    background-color: rgba(26, 26, 46, 0.8) !important;
}

/* body.dark-mode-enabled .video-container-wrap .hover a {
    color: #ffffff !important;
} */

body.dark-mode-enabled .video-container-wrap .hover a:hover {
    color: #64b5f6 !important;
}

/* Team Members */
body.dark-mode-enabled .single-team-member,
body.dark-mode-enabled .single-team-member-style-09 {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    border-radius: 10px !important;
    padding: 20px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode-enabled .single-team-member-style-09 {
    border-radius: 12px !important;
    padding: 25px !important;
}

body.dark-mode-enabled .single-team-member:hover,
body.dark-mode-enabled .single-team-member-style-09:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4) !important;
    border-color: var(--dark-accent) !important;
}

body.dark-mode-enabled .single-team-member .thumb,
body.dark-mode-enabled .single-team-member-style-09 .thumb {
    background-color: #1e3a5f !important;
    border-radius: 10px !important;
    padding: 10px !important;
    margin-bottom: 20px !important;
}

body.dark-mode-enabled .single-team-member .thumb img,
body.dark-mode-enabled .single-team-member-style-09 .thumb img {
    border-radius: 10px !important;
    border: 2px solid var(--dark-border) !important;
    transition: all 0.3s ease !important;
}

body.dark-mode-enabled .single-team-member:hover .thumb img,
body.dark-mode-enabled .single-team-member-style-09:hover .thumb img {
    border-color: var(--dark-accent) !important;
}

body.dark-mode-enabled .single-team-member .content,
body.dark-mode-enabled .single-team-member-style-09 .content {
    background-color: transparent !important;
    padding: 0 !important;
}

body.dark-mode-enabled .single-team-member .content h4.title,
body.dark-mode-enabled .single-team-member-style-09 .content h4.title {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
}

body.dark-mode-enabled .single-team-member .content .designation,
body.dark-mode-enabled .single-team-member-style-09 .content .designation {
    color: var(--dark-accent) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    margin-bottom: 15px !important;
    display: inline-block !important;
    background-color: #0f3460 !important;
    padding: 4px 12px !important;
    border-radius: 4px !important;
}

body.dark-mode-enabled .single-team-member .content p,
body.dark-mode-enabled .single-team-member-style-09 .content p {
    color: #b0b0b0 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin-bottom: 15px !important;
}

body.dark-mode-enabled .single-team-member .content .social li a,
body.dark-mode-enabled .single-team-member-style-09 .content .social-icon li a {
    color: var(--dark-text) !important;
    background-color: #1e3a5f !important;
    border: 1px solid var(--dark-border) !important;
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    transition: all 0.3s ease !important;
    font-size: 14px !important;
}

body.dark-mode-enabled .single-team-member .content .social li a:hover,
body.dark-mode-enabled .single-team-member-style-09 .content .social-icon li a:hover {
    background-color: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: #ffffff !important;
    transform: translateY(-3px) scale(1.1) !important;
    box-shadow: 0 4px 10px rgba(74, 158, 255, 0.4) !important;
}

/* CTA Wrapper */
body.dark-mode-enabled .cta-inner-wrapper {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    border-radius: 10px !important;
    padding: 40px !important;
}

/* Latest Product Filter */
body.dark-mode-enabled .latest-product-filter-nav {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    border-radius: 10px !important;
    padding: 15px !important;
    margin-bottom: 30px !important;
}

body.dark-mode-enabled .latest-product-filter-nav ul li {
    color: var(--dark-text) !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    cursor: pointer !important;
}

body.dark-mode-enabled .latest-product-filter-nav ul li:hover {
    background-color: #0f3460 !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .latest-product-filter-nav ul li.active {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .latest-product-masonry {
    background-color: transparent !important;
}

body.dark-mode-enabled .single-feature-product,
body.dark-mode-enabled .single-new-item-09,
body.dark-mode-enabled .contribute-single-item {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

body.dark-mode-enabled .single-feature-product .thumb img,
body.dark-mode-enabled .single-new-item-09 .thumb img,
body.dark-mode-enabled .contribute-single-item .thumb img {
    border-radius: 10px 10px 0 0 !important;
}

body.dark-mode-enabled .single-feature-product .tag {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
    top: 10px !important;
    right: 10px !important;
}

body.dark-mode-enabled .single-feature-product .hover {
    background-color: rgba(26, 26, 46, 0.9) !important;
}

body.dark-mode-enabled .single-feature-product .hover a.addtocart {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .single-feature-product .hover a.addtocart:hover {
    background-color: #3a8eef !important;
}

body.dark-mode-enabled .single-feature-product .content,
body.dark-mode-enabled .single-new-item-09 .content,
body.dark-mode-enabled .contribute-single-item .content {
    background-color: transparent !important;
    padding: 20px !important;
}

body.dark-mode-enabled .single-feature-product .content h4.title a,
body.dark-mode-enabled .single-new-item-09 .content h4.title a,
body.dark-mode-enabled .contribute-single-item .content h4.title a {
    color: #ffffff !important;
}

body.dark-mode-enabled .single-feature-product .content h4.title a:hover,
body.dark-mode-enabled .single-new-item-09 .content h4.title a:hover,
body.dark-mode-enabled .contribute-single-item .content h4.title a:hover {
    color: #64b5f6 !important;
}

body.dark-mode-enabled .single-feature-product .content .price-wrap .price {
    color: var(--dark-accent) !important;
}

body.dark-mode-enabled .single-feature-product .content .price-wrap .del-price {
    color: #888 !important;
}

body.dark-mode-enabled .single-new-item-09 .content .post-meta li,
body.dark-mode-enabled .single-new-item-09 .content .post-meta li a {
    color: #b0b0b0 !important;
}

body.dark-mode-enabled .single-new-item-09 .content .post-meta li a:hover {
    color: #64b5f6 !important;
}

body.dark-mode-enabled .single-new-item-09 .content .readmore {
    color: #64b5f6 !important;
}

body.dark-mode-enabled .single-new-item-09 .content .readmore:hover {
    color: #90caf9 !important;
}

body.dark-mode-enabled .contribute-single-item .content p {
    color: #b0b0b0 !important;
}

body.dark-mode-enabled .contribute-single-item .content .progress-item {
    background-color: #0f3460 !important;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
}

body.dark-mode-enabled .contribute-single-item .content .donation-progress {
    background: linear-gradient(90deg, var(--dark-accent), #3a8eef) !important;
    border-radius: 10px !important;
}

body.dark-mode-enabled .contribute-single-item .content .goal h4.raised {
    color: var(--dark-text) !important;
}

/* Brand Carousel */
body.dark-mode-enabled .brand-carousel-wrapper,
body.dark-mode-enabled .brand-carousel {
    background-color: transparent !important;
}

body.dark-mode-enabled .brand-carousel-section {
    background-color: var(--dark-bg) !important;
    border-bottom: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .brand-carousel .single-carousel.service-home {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    border-radius: 10px !important;
    padding: 15px !important;
}

body.dark-mode-enabled .brand-carousel .single-carousel.service-home img {
    border-radius: 8px !important;
    opacity: 0.7 !important;
    filter: grayscale(50%) !important;
    transition: all 0.3s ease !important;
}

body.dark-mode-enabled .brand-carousel .single-carousel.service-home img:hover {
    opacity: 1 !important;
    filter: grayscale(0%) !important;
    transform: scale(1.05) !important;
}

/* ===== PRODUCT & STUDIO ELEMENTS ===== */

/* Product Cards */
body.dark-mode-enabled .product-card .product-title {
    color: #ffffff !important;
}

body.dark-mode-enabled .product-card .product-price {
    color: var(--dark-accent) !important;
}

body.dark-mode-enabled .related-product-area .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .related-product-area .single-product-item-3 {
    background-color: var(--dark-surface) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode-enabled .related-product-area .content .title {
    color: var(--dark-text) !important;
}

/* Studio Elements */
body.dark-mode-enabled .studio-preview-info {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .studio-preview-info h4 {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .studio-preview-info p {
    color: #b0b0b0 !important;
}

body.dark-mode-enabled #studio-canvas {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .studio-tools-bar {
    background-color: #1e3a5f !important;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4) !important;
}

body.dark-mode-enabled .studio-quantity,
body.dark-mode-enabled .studio-meta-wrapper {
    background-color: var(--dark-surface) !important;
}

body.dark-mode-enabled .studio-quantity h4 {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .studio-size-option {
    background-color: var(--dark-surface) !important;
}

body.dark-mode-enabled .studio-size-option span,
body.dark-mode-enabled .studio-size-option input {
    background-color: var(--dark-bg) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .studio-size-option button {
    background: linear-gradient(145deg, #1e3a5f, #2a4f6f) !important;
}

body.dark-mode-enabled .studio-cart-wrapper {
    background-color: var(--dark-surface) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode-enabled .studio-summery .studio-description {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .studio-summery .studio-description p {
    color: #b0b0b0 !important;
}

body.dark-mode-enabled .studio-meta-wrapper .studio-category,
body.dark-mode-enabled .studio-meta-wrapper .studio-sku {
    background-color: var(--dark-bg) !important;
}

body.dark-mode-enabled .studio-meta-wrapper .studio-category .title,
body.dark-mode-enabled .studio-meta-wrapper .studio-sku .title {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .studio-meta-wrapper .studio-category span:not(.title),
body.dark-mode-enabled .studio-meta-wrapper .studio-sku span:not(.title) {
    color: #b0b0b0 !important;
}

/* Product Support Elements */
body.dark-mode-enabled .quantity-controls,
body.dark-mode-enabled .support-description,
body.dark-mode-enabled .cat-sku-content-wrapper,
body.dark-mode-enabled .attribute-selection,
body.dark-mode-enabled .support-donation-selector,
body.dark-mode-enabled .support-cart-wrapper {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode-enabled .quantity-value,
body.dark-mode-enabled .support-cart-wrapper .quantity,
body.dark-mode-enabled .studio-meta-wrapper .studio-category,
body.dark-mode-enabled .studio-meta-wrapper .studio-sku {
    background-color: var(--dark-bg) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .cat-sku-content-wrapper .title,
body.dark-mode-enabled .attribute-selection h4,
body.dark-mode-enabled .support-donation-selector h4,
body.dark-mode-enabled .studio-quantity h4 {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .attribute-btn {
    background-color: var(--dark-bg) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .attribute-btn:hover {
    background-color: #1e3a5f !important;
}

body.dark-mode-enabled .support-donation-item {
    background-color: #1e3a5f !important;
}

body.dark-mode-enabled .support-donation-item .title {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .support-donation-info {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .support-cart-wrapper .form-check-label {
    background-color: #1e3a5f !important;
    color: var(--dark-text) !important;
}

/* Contact Form */
body.dark-mode-enabled .contact-form-wrapper {
    background-color: #16213e !important;
}

/* Search Bar */
body.dark-mode-enabled .search-bar {
    background-color: #16213e !important;
    border-color: var(--dark-border) !important;
}

/* ===== SCROLLBAR ===== */
body.dark-mode-enabled ::-webkit-scrollbar {
    width: 10px;
}

body.dark-mode-enabled ::-webkit-scrollbar-track {
    background: var(--dark-bg) !important;
}

body.dark-mode-enabled ::-webkit-scrollbar-thumb {
    background: var(--dark-accent) !important;
    border-radius: 5px;
}

body.dark-mode-enabled ::-webkit-scrollbar-thumb:hover {
    background: #3a8eef !important;
}

/* ===== UTILITIES ===== */

/* Shadows */
body.dark-mode-enabled .shadow-sm {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode-enabled .shadow {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode-enabled .shadow-lg {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3) !important;
}

/* Borders */
body.dark-mode-enabled .border,
body.dark-mode-enabled .border-top,
body.dark-mode-enabled .border-right,
body.dark-mode-enabled .border-bottom,
body.dark-mode-enabled .border-left {
    border-color: var(--dark-border) !important;
}

/* Selection */
body.dark-mode-enabled ::selection {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

/* Form Select Options */
body.dark-mode-enabled .form-select option {
    background-color: var(--dark-surface) !important;
    color: var(--dark-text) !important;
}

/* ===== LOGO SWITCHING ===== */

/* Base logo styles - prevent layout shift */
.logo-normal,
.logo-white {
    max-height: 50px;
    max-width: 200px;
    width: auto;
    height: auto;
    object-fit: contain;
    transition: none !important;
    position: absolute;
    top: 0;
    left: 0;
}

.logo-wrapper .logo {
    position: relative;
    display: inline-block;
    min-height: 50px;
    line-height: 0;
}

/* Light Mode: Show logo-normal, hide logo-white */
body:not(.dark-mode-enabled) .logo-normal {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
}

body:not(.dark-mode-enabled) .logo-white {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    position: absolute !important;
}

/* Dark Mode: Show logo-white, hide logo-normal */
body.dark-mode-enabled .logo-normal {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    position: absolute !important;
}

body.dark-mode-enabled .logo-white {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
}

/* Responsive logo sizing */
@media (max-width: 768px) {
    .logo-normal,
    .logo-white {
        max-height: 40px !important;
        max-width: 150px !important;
    }
}

@media (max-width: 480px) {
    .logo-normal,
    .logo-white {
        max-height: 35px !important;
        max-width: 120px !important;
    }

    .logo-wrapper .logo {
        min-height: 35px;
    }
}

.logo-wrapper .logo img {
    display: inline-block;
    vertical-align: middle;
}

/* ===== DARK MODE TOGGLE BUTTON ===== */

/* Toggle Button Container in Navbar */
.navbar-area .nav-right-content .dark-mode-toggle-btn {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(102, 126, 234, 0.3);
    margin-right: 10px;
    position: relative;
}

[dir="rtl"] .navbar-area .nav-right-content .dark-mode-toggle-btn {
    margin-right: 0;
    margin-left: 10px;
}

.navbar-area .nav-right-content .dark-mode-toggle-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.5);
}

.navbar-area .nav-right-content .dark-mode-toggle-btn .toggle-icon {
    font-size: 16px;
    color: #ffffff;
    transition: all 0.3s ease;
    position: absolute;
}

.navbar-area .nav-right-content .dark-mode-toggle-btn .toggle-icon.visible {
    opacity: 1;
    transform: scale(1) rotate(0deg);
}

.navbar-area .nav-right-content .dark-mode-toggle-btn .toggle-icon.hidden {
    opacity: 0;
    transform: scale(0) rotate(180deg);
    pointer-events: none;
}

/* Dark mode toggle button in dark mode navbar */
body.dark-mode-enabled .navbar-area .nav-right-content .dark-mode-toggle-btn {
    background: linear-gradient(135deg, var(--dark-accent) 0%, #3a8eef 100%);
    box-shadow: 0 2px 10px rgba(74, 158, 255, 0.3);
}

body.dark-mode-enabled .navbar-area .nav-right-content .dark-mode-toggle-btn:hover {
    box-shadow: 0 4px 15px rgba(74, 158, 255, 0.5);
}

/* Floating Dark Mode Toggle Button */
.dark-mode-toggle {
    position: fixed;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    z-index: 9999;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
    transition: all 0.4s ease-out;
    overflow: hidden;
}

[dir="rtl"] .dark-mode-toggle {
    right: auto;
    left: 20px;
}

.dark-mode-toggle:hover {
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);
}

.dark-mode-toggle:active {
    transform: translateY(-50%) scale(0.95);
}

.dark-mode-toggle .toggle-icon {
    font-size: 20px;
    color: #ffffff;
    transition: all 0.4s ease;
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

.dark-mode-toggle .toggle-icon.hidden {
    opacity: 0;
    transform: rotate(180deg) scale(0);
    position: absolute;
}

.dark-mode-toggle .toggle-icon.visible {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

/* Pulse Animation for Toggle */
.dark-mode-toggle::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: inherit;
    opacity: 0.3;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 0.3;
    }
    50% {
        transform: scale(1.2);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

/* Dark Mode Auto Toggle Button Wrapper */
.dark-mode-toggle-wrapper {
    position: fixed;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

[dir="rtl"] .dark-mode-toggle-wrapper {
    right: auto;
    left: 20px;
}

/* Auto Mode Toggle Button */
.dark-mode-auto-toggle {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(0, 198, 255, 0.4);
    transition: all 0.4s ease-out;
    position: relative;
    overflow: hidden;
}

.dark-mode-auto-toggle:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(0, 198, 255, 0.6);
}

.dark-mode-auto-toggle:active {
    transform: scale(0.95);
}

.dark-mode-auto-toggle .auto-icon {
    font-size: 18px;
    color: #ffffff;
    transition: all 0.4s ease;
}

/* Auto Mode Active State */
.dark-mode-auto-toggle.auto-active {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
    box-shadow: 0 4px 15px rgba(17, 153, 142, 0.4);
}

.dark-mode-auto-toggle.auto-active .auto-icon {
    animation: rotate 2s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Dark Mode Indicator */
.dark-mode-indicator {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #666;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    position: relative;
}

.dark-mode-indicator::after {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border-radius: 50%;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

/* Light Mode Indicator */
body:not(.dark-mode-enabled) .dark-mode-indicator {
    background-color: #f5f5f5;
    box-shadow: 0 2px 8px rgba(245, 245, 245, 0.5);
}

body:not(.dark-mode-enabled) .dark-mode-indicator::after {
    border-color: #f5f5f5;
}

/* Dark Mode Indicator */
body.dark-mode-enabled .dark-mode-indicator {
    background-color: var(--dark-accent);
    box-shadow: 0 2px 8px rgba(74, 158, 255, 0.6);
}

body.dark-mode-enabled .dark-mode-indicator::after {
    border-color: var(--dark-accent);
}

/* Auto Mode Indicator */
body.dark-mode-auto .dark-mode-indicator {
    background: linear-gradient(135deg, #11998e, #38ef7d);
    box-shadow: 0 2px 8px rgba(17, 153, 142, 0.6);
}

body.dark-mode-auto .dark-mode-indicator::after {
    border-color: #11998e;
    animation: pulse-indicator 2s infinite;
}

@keyframes pulse-indicator {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.3);
        opacity: 0.5;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* ===== SMOOTH TRANSITIONS ===== */
body.dark-mode-enabled *,
body.dark-mode-enabled *::before,
body.dark-mode-enabled *::after {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* ===== RTL SUPPORT ===== */
[dir="rtl"] body.dark-mode-enabled .navbar-nav .nav-link {
    text-align: right;
}

/* ===== RESPONSIVE ===== */

/* Mobile Responsive for Brand Carousel - Dark Mode */
@media (max-width: 767px) {
    body.dark-mode-enabled .brand-carousel .single-carousel.service-home img {
        /* max-width: 70px !important;
        width: 70px !important; */
        height: auto !important;
        border-radius: 8px !important;
        opacity: 0.7 !important;
        filter: grayscale(50%) !important;
    }
    
    body.dark-mode-enabled .brand-carousel .single-carousel.service-home img:hover {
        opacity: 1 !important;
        filter: grayscale(0%) !important;
    }
    
    body.dark-mode-enabled .brand-carousel .single-carousel.service-home {
        padding: 10px !important;
    }
    
    body.dark-mode-enabled .brand-carousel {
        gap: 10px !important;
        justify-content: center !important;
    }
}

/* ===== WIDGET ELEMENTS ===== */

/* Widget Container */
body.dark-mode-enabled .widget {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode-enabled .widget h3,
body.dark-mode-enabled .widget h4,
body.dark-mode-enabled .widget .widget-title {
    color: #ffffff !important;
    border-bottom-color: var(--dark-border) !important;
}

body.dark-mode-enabled .widget p,
body.dark-mode-enabled .widget span,
body.dark-mode-enabled .widget li {
    color: #b0b0b0 !important;
}

body.dark-mode-enabled .widget a {
    color: #64b5f6 !important;
}

body.dark-mode-enabled .widget a:hover {
    color: #90caf9 !important;
}

body.dark-mode-enabled .widget ul li {
    border-bottom-color: var(--dark-border) !important;
}

body.dark-mode-enabled .widget ul li:last-child {
    border-bottom: none !important;
}

body.dark-mode-enabled .widget .form-control,
body.dark-mode-enabled .widget input,
body.dark-mode-enabled .widget select,
body.dark-mode-enabled .widget textarea {
    background-color: var(--dark-bg) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

/* ===== PRICING TABLES ===== */

/* Pricing Table 15 */
body.dark-mode-enabled .pricing-table-15 {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode-enabled .pricing-table-15 .price-header {
    background-color: #1e3a5f !important;
    border-bottom-color: var(--dark-border) !important;
}

body.dark-mode-enabled .pricing-table-15 .price-header .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .pricing-table-15 .price-header .icon {
   
    background-color: var(--dark-surface);
}

body.dark-mode-enabled .pricing-table-15 .price {
    color: var(--dark-accent) !important;
}

body.dark-mode-enabled .pricing-table-15 .price span {
    color: #b0b0b0 !important;
}

body.dark-mode-enabled .pricing-table-15 .price-body {
    background-color: var(--dark-surface) !important;
}

body.dark-mode-enabled .pricing-table-15 .price-body ul {
    background-color: transparent !important;
}

body.dark-mode-enabled .pricing-table-15 .price-body ul li {
    color: #b0b0b0 !important;
    border-bottom-color: var(--dark-border) !important;
}

body.dark-mode-enabled .pricing-table-15 .price-body ul li:last-child {
    border-bottom: none !important;
}

body.dark-mode-enabled .pricing-table-15 .price-body ul li i {
    color: var(--dark-accent) !important;
}

body.dark-mode-enabled .pricing-table-15 .price-footer {
    background-color: var(--dark-surface) !important;
    border-top-color: var(--dark-border) !important;
}

body.dark-mode-enabled .pricing-table-15 .price-footer .order-btn {
    background-color: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .pricing-table-15 .price-footer .order-btn:hover {
    background-color: #3a8eef !important;
    border-color: #3a8eef !important;
    transform: translateY(-2px) !important;
}

/* Popular/Pricing Table 15 Active State */
body.dark-mode-enabled .pricing-table-15.active,
body.dark-mode-enabled .pricing-table-15.popular {
    border-color: var(--dark-accent) !important;
    box-shadow: 0 0 20px rgba(74, 158, 255, 0.3) !important;
}

body.dark-mode-enabled .pricing-table-15.active .price-header,
body.dark-mode-enabled .pricing-table-15.popular .price-header {
    background: linear-gradient(135deg, var(--dark-accent) 0%, #3a8eef 100%) !important;
}

body.dark-mode-enabled .pricing-table-15.active .price-header .title,
body.dark-mode-enabled .pricing-table-15.popular .price-header .title,
body.dark-mode-enabled .pricing-table-15.active .price,
body.dark-mode-enabled .pricing-table-15.popular .price {
    color: #ffffff !important;
}

/* General Pricing Tables */
body.dark-mode-enabled .pricing-table,
body.dark-mode-enabled .single-price-wrap {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode-enabled .pricing-table .price-header,
body.dark-mode-enabled .single-price-wrap .price-header {
    border-bottom-color: var(--dark-border) !important;
}

body.dark-mode-enabled .pricing-table h3,
body.dark-mode-enabled .single-price-wrap h3 {
    color: #ffffff !important;
}

body.dark-mode-enabled .pricing-table .price,
body.dark-mode-enabled .single-price-wrap .price {
    color: var(--dark-accent) !important;
}

body.dark-mode-enabled .pricing-table ul li,
body.dark-mode-enabled .single-price-wrap ul li {
    color: #b0b0b0 !important;
    border-bottom-color: var(--dark-border) !important;
}

body.dark-mode-enabled .pricing-table ul li.active,
body.dark-mode-enabled .single-price-wrap ul li.active {
    color: var(--dark-accent) !important;
}

/* ===== ADDITIONAL ELEMENTS FROM STYLE.CSS ===== */

/* Project Info Item */
body.dark-mode-enabled .project-info-item {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode-enabled .project-info-item .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .project-info-item ul li {
    color: #b0b0b0 !important;
}

body.dark-mode-enabled .project-info-item ul li .right {
    color: #b0b0b0 !important;
}

/* Donation Wrapper */
body.dark-mode-enabled .donation_wrapper {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode-enabled .donation_wrapper .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .donation_wrapper .label {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .donation_wrapper input {
    background-color: var(--dark-bg) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .donation_wrapper .single_amount_wrapper .single_amount {
    background-color: #1e3a5f !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .donation_wrapper .amount_wrapper {
    background-color: var(--dark-bg) !important;
}

/* Section BG 1 */
body.dark-mode-enabled .section-bg-1 {
    background-color: var(--dark-bg) !important;
}

/* Gray BG */
body.dark-mode-enabled .gray-bg {
    background-color: var(--dark-bg) !important;
}

/* Single Work Item */
body.dark-mode-enabled .single-work-item .content {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode-enabled .single-work-item .content .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .single-work-item .content .cats {
    color: #b0b0b0 !important;
}

body.dark-mode-enabled .single-work-item .content .cats a {
    color: #64b5f6 !important;
}

body.dark-mode-enabled .single-work-item .content .cats a:hover {
    color: #90caf9 !important;
}

body.dark-mode-enabled .single-work-item-02 .content {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .single-work-item-02 .content .title {
    color: #ffffff !important;
}

/* Icon Box Two */
body.dark-mode-enabled .icon-box-two {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode-enabled .icon-box-two .content .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .icon-box-two .content p {
    color: #b0b0b0 !important;
}

/* About Us Content Block */
body.dark-mode-enabled .aboutus-content-block {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode-enabled .aboutus-content-block .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .aboutus-content-block .f-18 {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .aboutus-content-block p {
    color: #b0b0b0 !important;
}

/* Single Team Member */
body.dark-mode-enabled .single-team-member-one.gray-bg .content {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .single-team-member-one .content {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .single-team-member-one .content .name {
    color: #ffffff !important;
}

body.dark-mode-enabled .single-team-member-one .content .designation {
    color: #64b5f6 !important;
}

/* Blog Grid Items */
body.dark-mode-enabled .single-blog-grid-01 .content {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .single-blog-grid-01 .content .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .single-blog-grid-01 .content .post-meta li {
    color: #b0b0b0 !important;
}

body.dark-mode-enabled .single-blog-grid-01 .content .post-meta li a {
    color: #64b5f6 !important;
}

/* Content Block with Sign */
body.dark-mode-enabled .content-block-with-sign {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode-enabled .content-block-with-sign .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .content-block-with-sign p {
    color: #b0b0b0 !important;
}

body.dark-mode-enabled .content-block-with-sign .sign {
    color: var(--dark-text) !important;
}

/* Feature Box 01 */
body.dark-mode-enabled .feature-box-01 {
    background-color: #1e3a5f !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .feature-box-01 .content .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .feature-box-01 .content p {
    color: #b0b0b0 !important;
}

/* Icon Box One */
body.dark-mode-enabled .icon-box-one .content .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .icon-box-one .content p {
    color: #b0b0b0 !important;
}

body.dark-mode-enabled .icon-box-one.white .content .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .icon-box-one.white .content p {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Icon Box Three */
body.dark-mode-enabled .icon-box-three .content .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .icon-box-three .content p {
    color: #b0b0b0 !important;
}

/* Contact Form */
body.dark-mode-enabled .contact-form .form-group .form-control {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .contact-form .form-group .form-control:focus {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-accent) !important;
    color: var(--dark-text) !important;
}

/* Accordion Wrapper - card-header a specific styles */
body.dark-mode-enabled .accordion-wrapper .card .card-header a {
    background-color: #1e3a5f !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .accordion-wrapper .card .card-header a:after {
    color: var(--dark-text) !important;
}

/* Single Testimonial Item */
body.dark-mode-enabled .single-testimonial-item .icon {
    color: var(--dark-accent) !important;
}

body.dark-mode-enabled .single-testimonial-item.white p {
    color: rgba(255, 255, 255, 0.8) !important;
}

body.dark-mode-enabled .single-testimonial-item.white .author-meta .name {
    color: #ffffff !important;
}

body.dark-mode-enabled .single-testimonial-item.white .author-meta .designation {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Single Testimonial Item 02 */
body.dark-mode-enabled .single-testimonial-item-02 .description {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode-enabled .single-testimonial-item-02 .description .content .name {
    color: #ffffff !important;
}

body.dark-mode-enabled .single-testimonial-item-02 .description .content .description {
    color: #b0b0b0 !important;
}

/* Footer Top - General */
body.dark-mode-enabled .footer-top {
    background-color: var(--dark-surface) !important;
}

body.dark-mode-enabled .topbar-inner > div {
    color: var(--dark-text) !important;
}

/* Info Bar Area */
body.dark-mode-enabled .info-bar-area {
    background-color: var(--dark-bg) !important;
    border-bottom-color: var(--dark-border) !important;
}

body.dark-mode-enabled .info-bar-area .info-bar-inner .right-content .info-items li .single-info-item .icon {
    color: #ffffff !important;
}

body.dark-mode-enabled .info-bar-area .social-icon .title {
    color: var(--dark-text) !important;
}

/* Info Bar Inner */
body.dark-mode-enabled .info-bar-inner .logo-wrapper .site-title {
    color: #ffffff !important;
}

body.dark-mode-enabled .info-bar-inner .right-content .request-quote .rq-btn {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .info-bar-inner .right-content .request-quote .rq-btn.blank {
    background-color: var(--dark-surface) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .info-bar-inner .right-content .request-quote .rq-btn.blank i {
    color: var(--dark-accent) !important;
}

body.dark-mode-enabled .info-bar-inner .right-content .request-quote .rq-btn.blank:hover {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .info-bar-inner .right-content .request-quote .rq-btn.blank:hover i {
    color: #ffffff !important;
}

/* Info Items */
body.dark-mode-enabled .info-items li .single-info-item .content .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .info-items li .single-info-item .content .details {
    color: #b0b0b0 !important;
}

body.dark-mode-enabled .info-items-two li .single-info-item .content .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .info-items-two li .single-info-item .content .details {
    color: #b0b0b0 !important;
}

/* Search Form */
body.dark-mode-enabled .error-404 .search-form .form-control {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .error-404 .search-form .submit-btn {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

/* Newsletter Area */
body.dark-mode-enabled .newsletter-area .right-side-content form input {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .newsletter-area .right-side-content form .submit-btn {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

/* Product Information */
body.dark-mode-enabled .product-information .nav-tabs .nav-item .nav-link {
    background-color: var(--dark-surface) !important;
    color: var(--dark-text) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .product-information .nav-tabs .nav-item .nav-link.active {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
    border-color: var(--dark-accent) !important;
}

body.dark-mode-enabled .product-information .tab-content {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .product-information .tab-content .title {
    color: #ffffff !important;
}

/* Review Form */
body.dark-mode-enabled .review-form .form-group textarea {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .review-form .form-group .form-control {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .review-form .submit-btn {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

/* Request Call */
body.dark-mode-enabled .request-call {
    background-color: #1e3a5f !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .request-call .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .request-call p {
    color: #b0b0b0 !important;
}

body.dark-mode-enabled .request-call-form .form-group .form-control {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .request-call-form .submit-btn {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

/* Single Product Item */
body.dark-mode-enabled .single-product-item .content {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .single-product-item .content .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .single-product-item .content .price {
    color: var(--dark-accent) !important;
}

/* Single Product Item 3 */
body.dark-mode-enabled .single-product-item-3 .content .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .single-product-item-3 .content .del-price {
    color: #888 !important;
}

body.dark-mode-enabled .single-product-item-3 .content .price {
    color: var(--dark-accent) !important;
}

/* Contact Info List */
body.dark-mode-enabled .contact-info-list .single-contact-info .icon {
    background-color: #1e3a5f !important;
    color: var(--dark-accent) !important;
}

body.dark-mode-enabled .contact-info-list .single-contact-info .content .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .contact-info-list .single-contact-info .content .details {
    color: #b0b0b0 !important;
}

/* Section Title */
body.dark-mode-enabled .section-title .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .section-title.white .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .section-title.white p {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Single Event Details */
body.dark-mode-enabled .single-event-details .content .top-part .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .single-event-details .content .top-part .location {
    color: #b0b0b0 !important;
}

body.dark-mode-enabled .single-event-details .content .top-part .title-wrap .category {
    background-color: #1e3a5f !important;
    color: var(--dark-accent) !important;
}

/* Event Info */
body.dark-mode-enabled .event-info .icon-with-title-description li h4 {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .event-info .icon-with-title-description li span {
    color: #b0b0b0 !important;
}

body.dark-mode-enabled .event-venue-details-information {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .event-venue-details-information .venue-title {
    color: #ffffff !important;
}

body.dark-mode-enabled .venue-details-block .title {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .event-booking-form h4 {
    color: #ffffff !important;
}

body.dark-mode-enabled .event-booking-form .form-group .form-control {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

/* Order Confirm Area */
body.dark-mode-enabled .order-confirm-area input {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .order-confirm-area .title {
    color: #ffffff !important;
}

/* Order Success/Cancel */
body.dark-mode-enabled .order-success-area .title,
body.dark-mode-enabled .order-cancel-area .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .order-success-area .sub-title,
body.dark-mode-enabled .order-cancel-area .sub-title {
    color: var(--dark-text) !important;
}

/* Single Job List Item */
body.dark-mode-enabled .single-job-list-item {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .single-job-list-item .job_type {
    background-color: #1e3a5f !important;
    color: var(--dark-accent) !important;
}

body.dark-mode-enabled .single-job-list-item .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .single-job-list-item .company_name strong,
body.dark-mode-enabled .single-job-list-item .deadline strong {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .single-job-list-item .jobs-meta li {
    background-color: var(--dark-bg) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .single-job-list-item .jobs-meta li strong {
    color: #ffffff !important;
}

/* Single Contact Info 02 */
body.dark-mode-enabled .single-contact-info-02 {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .single-contact-info-02 .icon {
    color: var(--dark-accent) !important;
}

body.dark-mode-enabled .single-contact-info-02 .title {
    color: #ffffff !important;
}

/* Quote Content Area */
body.dark-mode-enabled .quote-content-area .quote-title {
    color: #ffffff !important;
}

body.dark-mode-enabled .order-content-area .order-title {
    color: #ffffff !important;
}

/* Payment Gateway */
body.dark-mode-enabled .payment-gateway-wrapper ul li {
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .payment-gateway-wrapper ul li:hover {
    border-color: var(--dark-accent) !important;
}

body.dark-mode-enabled .payment-gateway-wrapper ul li.selected:before,
body.dark-mode-enabled .payment-gateway-wrapper ul li.selected:after {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Cart Wrapper */
body.dark-mode-enabled .cart-wrapper table th {
    color: #ffffff !important;
}

body.dark-mode-enabled .cart-wrapper table .product-title {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .cart-wrapper table .product-title:hover {
    color: #64b5f6 !important;
}

body.dark-mode-enabled .cart-wrapper table .quantity {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .cart-table-footer-wrap .coupon-wrap input {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .cart-table-footer-wrap .coupon-wrap .btn-boxed {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .cart-total-wrap .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .cart-total-table table td {
    color: var(--dark-text) !important;
}

/* Billing Details */
body.dark-mode-enabled .billing-details-fields-wrapper .title,
body.dark-mode-enabled .shipping-details-fields-wrapper .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .billing-details-fields-wrapper label,
body.dark-mode-enabled .shipping-details-fields-wrapper label {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .billing-details-fields-wrapper .form-control,
body.dark-mode-enabled .shipping-details-fields-wrapper .form-control {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .shipping-wrap .card {
    border-color: var(--dark-border) !important;
    background-color: var(--dark-surface) !important;
}

body.dark-mode-enabled .shipping-wrap .card-header {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .shipping-wrap .shipping-details-wrap .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .shipping-wrap .shipping-cost {
    color: var(--dark-accent) !important;
}

/* Product Orders Summary */
body.dark-mode-enabled .product-orders-summery-warp .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .billing-and-shipping-details ul li strong {
    color: #ffffff !important;
}

body.dark-mode-enabled .billing-and-shipping-details ul li .right {
    color: #b0b0b0 !important;
}

body.dark-mode-enabled .billing-and-shipping-details ul li .right a {
    color: #64b5f6 !important;
}

/* Single Product Item 3 */
body.dark-mode-enabled .single-product-item-3 {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .single-product-item-3 .content {
    background-color: var(--dark-surface) !important;
}

body.dark-mode-enabled .single-product-item-3 .content .title:hover {
    color: #64b5f6 !important;
}

/* Product Archive */
body.dark-mode-enabled .product-archive-top-content-area .search-form .form-control {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .product-archive-top-content-area .search-form button {
    color: var(--dark-accent) !important;
}

body.dark-mode-enabled .product-archive-top-content-area .search-form button:hover {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .product-archive-top-content-area .product-sorting select {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .single-rating-filter-wrap .filter-text {
    color: var(--dark-text) !important;
}

/* Job Apply Form */
body.dark-mode-enabled .job-apply-form-wrapper .form-control {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .job-apply-form-wrapper label {
    color: var(--dark-text) !important;
}

/* Single Gig Item */
body.dark-mode-enabled .single-gig-item {
    background-color: var(--dark-surface) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode-enabled .single-gig-item .content .title:hover {
    color: #64b5f6 !important;
}

/* Single Gig Details */
body.dark-mode-enabled .single-gig-details .gallery-wrap .thumbnail-gallery-carousel .prev-arrow,
body.dark-mode-enabled .single-gig-details .gallery-wrap .thumbnail-gallery-carousel .next-arrow,
body.dark-mode-enabled .single-gig-details .gallery-wrap .thumbnail-navigator .prev-arrow,
body.dark-mode-enabled .single-gig-details .gallery-wrap .thumbnail-navigator .next-arrow {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .single-gig-details .content-area .faq-area-wrapper {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
}

/* Get Quote Wrapper */
body.dark-mode-enabled .get-quote-wrapper {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .get-quote-wrapper .title {
    color: #ffffff !important;
}

/* Price Plan Wrapper */
body.dark-mode-enabled .price-plan-wrapper {
    background-color: var(--dark-surface) !important;
}

body.dark-mode-enabled .price-plan-wrapper .nav-tabs .nav-item .nav-link {
    background-color: #1e3a5f !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .price-plan-wrapper .nav-tabs .nav-item .nav-link.active {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .price-plan-wrapper .tab-content {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .gig-price-plan .price-wrap {
    color: var(--dark-accent) !important;
}

body.dark-mode-enabled .gig-price-plan .description {
    color: #b0b0b0 !important;
}

body.dark-mode-enabled .gig-price-plan .feature-list li {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .gig-price-plan .delivery-time,
body.dark-mode-enabled .gig-price-plan .revisions {
    color: #b0b0b0 !important;
}

body.dark-mode-enabled .gig-price-plan .boxed-btn {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

/* Gig Order Form */
body.dark-mode-enabled .gig_order_form input,
body.dark-mode-enabled .gig_order_form textarea {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .gig_order_form label {
    color: var(--dark-text) !important;
}

/* Login Form */
body.dark-mode-enabled .login-form-wrapper h2 {
    color: #ffffff !important;
}

body.dark-mode-enabled .account-form input,
body.dark-mode-enabled .account-form select {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .account-form label {
    color: var(--dark-text) !important;
}

/* Admin Bar */
body.dark-mode-enabled .dizzcox_admin_bar {
    background-color: var(--dark-bg) !important;
    border-bottom-color: var(--dark-border) !important;
}

body.dark-mode-enabled .dizzcox_admin_bar .left-content-part ul li {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .dizzcox_admin_bar .left-content-part ul li a:hover {
    color: #64b5f6 !important;
}

body.dark-mode-enabled .dizzcox_admin_bar .right-content-part .author-details-wrap h6 {
    color: #ffffff !important;
}

body.dark-mode-enabled .dizzcox_admin_bar .right-content-part .author-details-wrap h6:hover {
    color: #64b5f6 !important;
}

body.dark-mode-enabled .dizzcox_admin_bar .right-content-part .author-details-wrap .author-link {
    background-color: #1e3a5f !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .dizzcox_admin_bar .right-content-part .author-details-wrap .author-link a {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .dizzcox_admin_bar .right-content-part .author-details-wrap .author-link a:hover {
    color: #64b5f6 !important;
}

/* User Dashboard */
body.dark-mode-enabled .user-dashboard-card {
    background-color: #1e3a5f !important;
}

body.dark-mode-enabled .user-dashboard-card.style-01 {
    background-color: var(--dark-surface) !important;
}

body.dark-mode-enabled .user-dashboard-card .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .user-dashboard-wrapper ul {
    background-color: var(--dark-surface) !important;
}

body.dark-mode-enabled .user-dashboard-wrapper ul.nav-pills .nav-link {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .user-dashboard-wrapper ul.nav-pills .nav-link.active {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .dashboard-form-wrapper .title {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .dashboard-form-wrapper .form-group label {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .dashboard-form-wrapper .form-group .form-control {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

/* Apply Button */
body.dark-mode-enabled .apply-btn {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .apply-btn:hover {
    background-color: #3a8eef !important;
}

/* Order Service Page */
body.dark-mode-enabled .order-service-page-content-area .nav-tabs .nav-item {
    background-color: #1e3a5f !important;
}

body.dark-mode-enabled .order-service-page-content-area .nav-tabs .nav-item.active {
    background-color: var(--dark-accent) !important;
}

body.dark-mode-enabled .order-service-page-content-area .nav-tabs .nav-item .nav-link {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .order-service-page-content-area .nav-tabs .nav-item.active .nav-link {
    color: #ffffff !important;
}

body.dark-mode-enabled .order-service-page-content-area .tab-content {
    background-color: var(--dark-surface) !important;
}

/* Ordered Product Summary */
body.dark-mode-enabled .ordered-product-summery .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .ordered-product-summery .product-info-wrap .pdetails {
    color: #b0b0b0 !important;
}

body.dark-mode-enabled .ordered-product-summery .product-info-wrap .pdetails strong {
    color: var(--dark-text) !important;
}

/* Gig Order Success */
body.dark-mode-enabled .gig-order-success-page-wrap h4 {
    color: #ffffff !important;
}

body.dark-mode-enabled .gig-order-success-page-wrap .gigs-info-wrap .billing-info-wrap ul li strong {
    color: #ffffff !important;
}

body.dark-mode-enabled .gig-price-plan.order-page h2 {
    color: #ffffff !important;
}

/* Delivery Time Countdown */
body.dark-mode-enabled .delivery-time-countdown-wrap .nx-singular-countdown-item {
    background-color: var(--dark-accent) !important;
}

body.dark-mode-enabled .delivery-time-countdown-wrap .nx-singular-countdown-item .time {
    color: #ffffff !important;
}

body.dark-mode-enabled .delivery-time-countdown-wrap .nx-singular-countdown-item .label {
    color: #ffffff !important;
}

body.dark-mode-enabled .delivery-time-countdown-wrap .title {
    color: #ffffff !important;
}

/* Reply Message */
body.dark-mode-enabled .reply-message-wrap {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .reply-message-wrap .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .reply-message-wrap textarea {
    background-color: var(--dark-bg) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .single-message-item {
    background-color: #1e3a5f !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .single-message-item .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .single-message-item .time {
    color: #b0b0b0 !important;
}

body.dark-mode-enabled .single-message-item.customer {
    background-color: var(--dark-surface) !important;
}

body.dark-mode-enabled .single-message-item .thumb .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .single-message-item.customer .thumb .title {
    color: #ffffff !important;
}

/* Gig Message Start */
body.dark-mode-enabled .gig-message-start-wrap {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .gig-message-start-wrap .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .gig-message-start-wrap textarea {
    background-color: var(--dark-bg) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

/* Popup Wrapper */
body.dark-mode-enabled .nx-popup-backdrop {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

body.dark-mode-enabled .nx-modal-inner-content-wrapper {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .nx-modal-inner-content-wrapper .nx-popup-close {
    background-color: var(--dark-accent) !important;
}

/* Notice Modal */
body.dark-mode-enabled .notice-modal .nx-modal-header .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .notice-modal .nx-modal-content p {
    color: #b0b0b0 !important;
}

/* Discount Modal */
body.dark-mode-enabled .discount-modal-content-wrapper .left-content-wrap {
    background-color: #1e3a5f !important;
}

body.dark-mode-enabled .discount-modal-content-wrapper .right-content-warp .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .discount-modal-content-wrapper .right-content-warp p {
    color: #b0b0b0 !important;
}

body.dark-mode-enabled .discount-modal-content-wrapper .right-content-warp .boxed-btn {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

/* Feedback Form */
body.dark-mode-enabled .feedback-page-form .form-group .form-control {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

/* Testimonial Item 09 */
body.dark-mode-enabled .teastimonial-item-09 {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .teastimonial-item-09 .bottom-content .ratings li {
    color: var(--dark-accent) !important;
}

body.dark-mode-enabled .teastimonial-item-09 .clients-details .content .name {
    color: #ffffff !important;
}

body.dark-mode-enabled .teastimonial-item-09 .bottom-content p {
    color: #b0b0b0 !important;
}

/* Image Gallery */
body.dark-mode-enabled .gallery-masonry-nav li.active {
    color: #64b5f6 !important;
}

body.dark-mode-enabled .single-image-gallery-item .thumb .hover a {
    color: #ffffff !important;
}

body.dark-mode-enabled .single-image-gallery-item .thumb .hover a:hover {
    color: #64b5f6 !important;
}

/* Event Countdown */
body.dark-mode-enabled .counterdown-wrap.event-page #event_countdown > div {
    background-color: var(--dark-accent) !important;
}

body.dark-mode-enabled .counterdown-wrap.event-page #event_countdown > div .time {
    color: #ffffff !important;
}

body.dark-mode-enabled .counterdown-wrap.event-page #event_countdown > div .label {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Testimonial Item 10 */
body.dark-mode-enabled .single-testimonial-item-10 .top-part .author {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .single-testimonial-item-10.testimonial-page .bottom-part p {
    color: #b0b0b0 !important;
}

/* Buy Now */
body.dark-mode-enabled .buy-now-wrap ul li a {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .buy-now-wrap ul li a:hover {
    background-color: #3a8eef !important;
}

/* Donation Selection */
body.dark-mode-enabled .donation-selection h4 {
    color: #ffffff !important;
}

body.dark-mode-enabled .donation-selection .donation-list li.single-donation-item {
    border-color: var(--dark-border) !important;
    background-color: var(--dark-surface) !important;
}

body.dark-mode-enabled .donation-selection .donation-list li.single-donation-item:hover {
    border-color: #64b5f6 !important;
}

body.dark-mode-enabled .donation-selection .donation-list li.single-donation-item.selected {
    border-color: var(--dark-accent) !important;
    background-color: #1e3a5f !important;
}

body.dark-mode-enabled .donation-selection .donation-list li.single-donation-item .details .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .donation-selection .donation-list li.single-donation-item .details .read-more {
    color: #64b5f6 !important;
}

body.dark-mode-enabled .donation-selection .donation-list li.single-donation-item .details .select-btn {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .donation-selection .donation-list li.single-donation-item .details .select-btn.deselect {
    background-color: #666 !important;
}

body.dark-mode-enabled .donation-info {
    background-color: #1e3a5f !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .addtocart {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .addtocart:hover {
    background-color: #3a8eef !important;
}

/* Product Sidebar */
body.dark-mode-enabled .product-sidebar .recent-donation-list li.single-donation-item {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .product-sidebar .recent-donation-list li.single-donation-item .details .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .product-sidebar .recent-donation-list li.single-donation-item .details .date {
    color: #b0b0b0 !important;
}

/* Recently Donated List */
body.dark-mode-enabled .recently-donated-list {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .recently-donated-list .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .recently-donated-list li.single-donor-info {
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .recently-donated-list li.single-donor-info .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .recently-donated-list li.single-donor-info .bottom-content {
    color: #b0b0b0 !important;
}

/* Attribute Selection */
body.dark-mode-enabled .attribute-selection .attribute-list li .attribute-btn {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .attribute-selection .attribute-list li .attribute-btn:hover {
    border-color: #64b5f6 !important;
    background-color: #1e3a5f !important;
}

body.dark-mode-enabled .attribute-selection .attribute-list li .attribute-btn.selected {
    background-color: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

/* Progress Bar */
body.dark-mode-enabled .progressbar {
    background-color: var(--dark-surface) !important;
}

body.dark-mode-enabled .proggress {
    background-color: var(--dark-accent) !important;
}

body.dark-mode-enabled .percentCount {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

/* Contribute Single Item */
body.dark-mode-enabled .contribute-single-item .content {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .contribute-single-item .content .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .contribute-single-item .content .goal .raised {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .contribute-single-item.grid-item .boxed-btn {
    background-color: transparent !important;
    color: #64b5f6 !important;
}

body.dark-mode-enabled .contribute-single-item.grid-item .goal .raised {
    color: #888 !important;
}

/* Donated People */
body.dark-mode-enabled .donated_people {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .donated_people .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .donated_people li.single-donor-info {
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .donated_people li.single-donor-info .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .donated_people li.single-donor-info .bottom-content {
    color: #b0b0b0 !important;
}

/* Form Check */
body.dark-mode-enabled .form-check label a {
    color: #64b5f6 !important;
}

/* Print Styles for Dark Mode */
@media print {
    body.dark-mode-enabled {
        background-color: #ffffff !important;
        color: #000000 !important;
    }
}

/* ========================================
   PRODUCT PAGES DARK MODE SUPPORT
   ======================================== */

/* Product Archive/Listing Page */
body.dark-mode-enabled .product-archive-top-content-area {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    padding: 20px !important;
    border-radius: 8px !important;
}

body.dark-mode-enabled .product-archive-top-content-area .search-form input {
    background-color: var(--dark-bg) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .product-archive-top-content-area .search-form input::placeholder {
    color: #888 !important;
}

body.dark-mode-enabled .product-archive-top-content-area .search-form button {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
    border-color: var(--dark-accent) !important;
}

body.dark-mode-enabled .product-archive-top-content-area .product-sorting select {
    background-color: var(--dark-bg) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

/* Product Cards */
body.dark-mode-enabled .single-product-item-3 {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    transition: all 0.3s ease !important;
}

body.dark-mode-enabled .single-product-item-3:hover {
    box-shadow: 0 4px 12px rgba(74, 158, 255, 0.2) !important;
    border-color: var(--dark-accent) !important;
}

body.dark-mode-enabled .single-product-item-3 .content {
    background-color: var(--dark-surface) !important;
}

body.dark-mode-enabled .single-product-item-3 .content .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .single-product-item-3 .content .title:hover {
    color: var(--dark-accent) !important;
}

body.dark-mode-enabled .single-product-item-3 .thumb .tag {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .single-product-item-3 .price-wrap .price {
    color: var(--dark-accent) !important;
}

body.dark-mode-enabled .single-product-item-3 .price-wrap .del-price {
    color: #888 !important;
}

body.dark-mode-enabled .single-product-item-3 .out_of_stock {
    background-color: #991b1b !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .single-product-item-3 .addtocart {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
    border-color: var(--dark-accent) !important;
}

body.dark-mode-enabled .single-product-item-3 .addtocart:hover {
    background-color: #3a8eef !important;
    border-color: #3a8eef !important;
}

/* Rating Displays */
body.dark-mode-enabled .rating-wrap {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .rating-wrap .total-ratings {
    color: #888 !important;
}

body.dark-mode-enabled .ratings .hide-rating {
    background-color: var(--dark-border) !important;
}

body.dark-mode-enabled .ratings .show-rating {
    background-color: #f59e0b !important;
}

/* Product Widgets - Sidebar */
body.dark-mode-enabled .product-widget-area {
    background-color: transparent !important;
}

body.dark-mode-enabled .product-widget-area .widget {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    padding: 24px !important;
    border-radius: 8px !important;
    margin-bottom: 24px !important;
}

body.dark-mode-enabled .product-widget-area .widget-title {
    color: #ffffff !important;
    border-bottom: 2px solid var(--dark-border) !important;
    padding-bottom: 12px !important;
    margin-bottom: 20px !important;
}

body.dark-mode-enabled .product_category_list li a {
    color: var(--dark-text) !important;
    border-bottom: 1px solid var(--dark-border) !important;
    padding: 10px 0 !important;
    display: block !important;
}

body.dark-mode-enabled .product_category_list li a:hover,
body.dark-mode-enabled .product_category_list li a.active {
    color: var(--dark-accent) !important;
    padding-left: 10px !important;
}

[dir="rtl"] body.dark-mode-enabled .product_category_list li a:hover,
[dir="rtl"] body.dark-mode-enabled .product_category_list li a.active {
    padding-left: 0 !important;
    padding-right: 10px !important;
}

/* Price Filter Widget */
body.dark-mode-enabled .widget_price_filter #slider-range {
    background-color: var(--dark-border) !important;
}

body.dark-mode-enabled .widget_price_filter #slider-range .ui-slider-range {
    background-color: var(--dark-accent) !important;
}

body.dark-mode-enabled .widget_price_filter #slider-range .ui-slider-handle {
    background-color: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
}

body.dark-mode-enabled .widget_price_filter p {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .widget_price_filter .min_filter_price,
body.dark-mode-enabled .widget_price_filter .max_filter_price {
    color: var(--dark-accent) !important;
    font-weight: 600 !important;
}

body.dark-mode-enabled .widget_price_filter .boxed-btn {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
    border-color: var(--dark-accent) !important;
}

body.dark-mode-enabled .widget_price_filter .boxed-btn:hover {
    background-color: #3a8eef !important;
    border-color: #3a8eef !important;
}

/* Rating Filter Widget */
body.dark-mode-enabled .ratings_filter_list li {
    border-bottom: 1px solid var(--dark-border) !important;
    padding: 10px 0 !important;
}

body.dark-mode-enabled .ratings_filter_list li:last-child {
    border-bottom: none !important;
}

body.dark-mode-enabled .ratings_filter_list .single-rating-filter-wrap label {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .ratings_filter_list .single-rating-filter-wrap input[type="radio"]:checked + label {
    color: var(--dark-accent) !important;
}

/* Pagination */
body.dark-mode-enabled .pagination-wrapper .pagination {
    background-color: transparent !important;
}

body.dark-mode-enabled .pagination-wrapper .pagination .page-item .page-link {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .pagination-wrapper .pagination .page-item.active .page-link {
    background-color: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .pagination-wrapper .pagination .page-item .page-link:hover {
    background-color: var(--dark-bg) !important;
    border-color: var(--dark-accent) !important;
    color: var(--dark-accent) !important;
}

/* Product Single Page */
body.dark-mode-enabled .modern-product-layout {
    background-color: transparent !important;
}

/* body.dark-mode-enabled .product-image-column {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    padding: 20px !important;
    border-radius: 12px !important;
} */

body.dark-mode-enabled .thumbnails-strip {
    background-color: var(--dark-bg) !important;
}

body.dark-mode-enabled .thumbnails-strip::-webkit-scrollbar-track {
    background: var(--dark-bg) !important;
}

body.dark-mode-enabled .thumbnails-strip::-webkit-scrollbar-thumb {
    background: var(--dark-accent) !important;
}

body.dark-mode-enabled .thumbnails-strip::-webkit-scrollbar-thumb:hover {
    background: #3a8eef !important;
}

body.dark-mode-enabled .thumbnail-item {
    border-color: var(--dark-border) !important;
    background-color: var(--dark-surface) !important;
}

body.dark-mode-enabled .thumbnail-item:hover,
body.dark-mode-enabled .thumbnail-item.active {
    border-color: var(--dark-accent) !important;
}

body.dark-mode-enabled .scroll-nav-btn {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-accent) !important;
}

body.dark-mode-enabled .scroll-nav-btn:hover {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
    border-color: var(--dark-accent) !important;
}

body.dark-mode-enabled .scroll-nav-btn:disabled {
    background-color: var(--dark-bg) !important;
    color: #666 !important;
    border-color: var(--dark-border) !important;
}

/* body.dark-mode-enabled .main-image-container {
    background-color: var(--dark-surface) !important;
} */

body.dark-mode-enabled .main-product-image {
    background-color: var(--dark-surface) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3) !important;
}

body.dark-mode-enabled .image-nav-btn {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .image-nav-btn:hover {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
    border-color: var(--dark-accent) !important;
}

/* Product Details Column */
body.dark-mode-enabled .product-details-column {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    padding: 30px !important;
    border-radius: 12px !important;
}

body.dark-mode-enabled .product-details-column .title {
    color: #ffffff !important;
}

body.dark-mode-enabled .product-details-column .subtitle {
    color: #888 !important;
}

body.dark-mode-enabled .product-details-column .description {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .price-section {
    background-color: var(--dark-bg) !important;
    border: 1px solid var(--dark-border) !important;
    padding: 20px !important;
    border-radius: 8px !important;
}

body.dark-mode-enabled .price-section .current-price {
    color: var(--dark-accent) !important;
}

body.dark-mode-enabled .price-section .regular-price {
    color: #888 !important;
}

body.dark-mode-enabled .price-section .discount-badge {
    background-color: #991b1b !important;
    color: #ffffff !important;
}

/* Variant Selection */
body.dark-mode-enabled .variant-selector {
    background-color: var(--dark-bg) !important;
    border: 1px solid var(--dark-border) !important;
    padding: 20px !important;
    border-radius: 8px !important;
}

body.dark-mode-enabled .variant-selector .variant-label {
    color: #ffffff !important;
}

body.dark-mode-enabled .variant-option {
    background-color: var(--dark-surface) !important;
    border: 2px solid var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .variant-option:hover {
    border-color: var(--dark-accent) !important;
    background-color: var(--dark-bg) !important;
}

body.dark-mode-enabled .variant-option.selected {
    background-color: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .variant-option.disabled {
    background-color: var(--dark-bg) !important;
    border-color: var(--dark-border) !important;
    color: #666 !important;
    opacity: 0.5 !important;
}

/* Quantity Selector */
body.dark-mode-enabled .quantity-selector {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .quantity-selector button {
    background-color: var(--dark-bg) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .quantity-selector button:hover {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .quantity-selector input {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

/* Add to Cart Button */
body.dark-mode-enabled .add-to-cart-btn {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
    border-color: var(--dark-accent) !important;
}

body.dark-mode-enabled .add-to-cart-btn:hover {
    background-color: #3a8eef !important;
    border-color: #3a8eef !important;
}

body.dark-mode-enabled .add-to-cart-btn:disabled {
    background-color: var(--dark-bg) !important;
    color: #666 !important;
    border-color: var(--dark-border) !important;
}

/* Product Tabs */
body.dark-mode-enabled .product-tabs {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    border-radius: 8px !important;
    margin-top: 40px !important;
}

body.dark-mode-enabled .product-tabs .nav-tabs {
    background-color: var(--dark-bg) !important;
    border-bottom: 2px solid var(--dark-border) !important;
}

body.dark-mode-enabled .product-tabs .nav-tabs .nav-link {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .product-tabs .nav-tabs .nav-link:hover {
    color: var(--dark-accent) !important;
    border-color: transparent !important;
}

body.dark-mode-enabled .product-tabs .nav-tabs .nav-link.active {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) var(--dark-border) var(--dark-surface) !important;
    color: var(--dark-accent) !important;
}

body.dark-mode-enabled .product-tabs .tab-content {
    background-color: var(--dark-surface) !important;
    color: var(--dark-text) !important;
    padding: 30px !important;
}

/* Product Reviews */
body.dark-mode-enabled .product-review-item {
    background-color: var(--dark-bg) !important;
    border: 1px solid var(--dark-border) !important;
    padding: 20px !important;
    border-radius: 8px !important;
    margin-bottom: 20px !important;
}

body.dark-mode-enabled .product-review-item .reviewer-name {
    color: #ffffff !important;
}

body.dark-mode-enabled .product-review-item .review-date {
    color: #888 !important;
}

body.dark-mode-enabled .product-review-item .review-comment {
    color: var(--dark-text) !important;
}

/* Cart Page */
body.dark-mode-enabled .cart-area {
    background-color: transparent !important;
}

body.dark-mode-enabled .cart-wrapper {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    padding: 30px !important;
    border-radius: 12px !important;
}

body.dark-mode-enabled .cart-table {
    background-color: var(--dark-surface) !important;
}

body.dark-mode-enabled .cart-table table {
    background-color: var(--dark-surface) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .cart-table thead {
    background-color: var(--dark-bg) !important;
    border-bottom: 2px solid var(--dark-border) !important;
}

body.dark-mode-enabled .cart-table thead th {
    color: #ffffff !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .cart-table tbody td {
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .cart-table .product-name {
    color: #ffffff !important;
}

body.dark-mode-enabled .cart-table .product-name:hover {
    color: var(--dark-accent) !important;
}

body.dark-mode-enabled .cart-table .product-price {
    color: var(--dark-accent) !important;
}

body.dark-mode-enabled .cart-table .remove-item {
    background-color: #991b1b !important;
    color: #ffffff !important;
    border-color: #991b1b !important;
}

body.dark-mode-enabled .cart-table .remove-item:hover {
    background-color: #7f1d1d !important;
    border-color: #7f1d1d !important;
}

body.dark-mode-enabled .cart-summary {
    background-color: var(--dark-bg) !important;
    border: 1px solid var(--dark-border) !important;
    padding: 30px !important;
    border-radius: 12px !important;
}

body.dark-mode-enabled .cart-summary h3 {
    color: #ffffff !important;
    border-bottom: 2px solid var(--dark-border) !important;
    padding-bottom: 15px !important;
    margin-bottom: 20px !important;
}

body.dark-mode-enabled .cart-summary .summary-item {
    color: var(--dark-text) !important;
    border-bottom: 1px solid var(--dark-border) !important;
    padding: 12px 0 !important;
}

body.dark-mode-enabled .cart-summary .summary-item:last-child {
    border-bottom: none !important;
}

body.dark-mode-enabled .cart-summary .summary-item .label {
    color: #888 !important;
}

body.dark-mode-enabled .cart-summary .summary-item .value {
    color: #ffffff !important;
}

body.dark-mode-enabled .cart-summary .total-amount {
    color: var(--dark-accent) !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
}

body.dark-mode-enabled .cart-summary .checkout-btn {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
    border-color: var(--dark-accent) !important;
    width: 100% !important;
}

body.dark-mode-enabled .cart-summary .checkout-btn:hover {
    background-color: #3a8eef !important;
    border-color: #3a8eef !important;
}

body.dark-mode-enabled .continue-shopping {
    background-color: var(--dark-surface) !important;
    color: var(--dark-accent) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .continue-shopping:hover {
    background-color: var(--dark-bg) !important;
    border-color: var(--dark-accent) !important;
}

/* Checkout Page */
body.dark-mode-enabled .checkout-area {
    background-color: transparent !important;
}

body.dark-mode-enabled .checkout-form {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    padding: 30px !important;
    border-radius: 12px !important;
}

body.dark-mode-enabled .checkout-form h3 {
    color: #ffffff !important;
    border-bottom: 2px solid var(--dark-border) !important;
    padding-bottom: 15px !important;
    margin-bottom: 25px !important;
}

body.dark-mode-enabled .checkout-form .form-group label {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .checkout-form .form-control {
    background-color: var(--dark-bg) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .checkout-form .form-control:focus {
    background-color: var(--dark-bg) !important;
    border-color: var(--dark-accent) !important;
    color: var(--dark-text) !important;
    box-shadow: 0 0 0 0.2rem rgba(74, 158, 255, 0.25) !important;
}

body.dark-mode-enabled .checkout-form select.form-control {
    background-color: var(--dark-bg) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .checkout-form textarea.form-control {
    background-color: var(--dark-bg) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .order-summary-widget {
    background-color: var(--dark-bg) !important;
    border: 1px solid var(--dark-border) !important;
    padding: 30px !important;
    border-radius: 12px !important;
}

body.dark-mode-enabled .order-summary-widget h3 {
    color: #ffffff !important;
    border-bottom: 2px solid var(--dark-border) !important;
    padding-bottom: 15px !important;
    margin-bottom: 20px !important;
}

body.dark-mode-enabled .order-summary-widget .order-item {
    color: var(--dark-text) !important;
    border-bottom: 1px solid var(--dark-border) !important;
    padding: 15px 0 !important;
}

body.dark-mode-enabled .order-summary-widget .order-item:last-child {
    border-bottom: none !important;
}

body.dark-mode-enabled .order-summary-widget .item-name {
    color: #ffffff !important;
}

body.dark-mode-enabled .order-summary-widget .item-price {
    color: var(--dark-accent) !important;
}

body.dark-mode-enabled .place-order-btn {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
    border-color: var(--dark-accent) !important;
    width: 100% !important;
}

body.dark-mode-enabled .place-order-btn:hover {
    background-color: #3a8eef !important;
    border-color: #3a8eef !important;
}

/* Success Page */
body.dark-mode-enabled .order-success-wrapper {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    padding: 50px 30px !important;
    border-radius: 12px !important;
    text-align: center !important;
}

body.dark-mode-enabled .order-success-wrapper .success-icon {
    color: var(--dark-accent) !important;
}

body.dark-mode-enabled .order-success-wrapper h2 {
    color: #ffffff !important;
}

body.dark-mode-enabled .order-success-wrapper p {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .order-success-wrapper .order-number {
    color: var(--dark-accent) !important;
    font-weight: 700 !important;
}

body.dark-mode-enabled .order-details-card {
    background-color: var(--dark-bg) !important;
    border: 1px solid var(--dark-border) !important;
    padding: 30px !important;
    border-radius: 12px !important;
    margin-top: 30px !important;
}

body.dark-mode-enabled .order-details-card h3 {
    color: #ffffff !important;
    border-bottom: 2px solid var(--dark-border) !important;
    padding-bottom: 15px !important;
    margin-bottom: 20px !important;
}

body.dark-mode-enabled .order-details-card .detail-row {
    color: var(--dark-text) !important;
    border-bottom: 1px solid var(--dark-border) !important;
    padding: 12px 0 !important;
}

body.dark-mode-enabled .order-details-card .detail-label {
    color: #888 !important;
}

body.dark-mode-enabled .order-details-card .detail-value {
    color: #ffffff !important;
}

/* Order View Page */
body.dark-mode-enabled .order-view-wrapper {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    padding: 40px !important;
    border-radius: 12px !important;
}

body.dark-mode-enabled .order-view-wrapper h2 {
    color: #ffffff !important;
    border-bottom: 2px solid var(--dark-border) !important;
    padding-bottom: 15px !important;
    margin-bottom: 30px !important;
}

body.dark-mode-enabled .order-status-badge {
    background-color: var(--dark-bg) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text) !important;
    padding: 8px 16px !important;
    border-radius: 20px !important;
}

body.dark-mode-enabled .order-status-badge.pending {
    background-color: rgba(245, 158, 11, 0.2) !important;
    color: #f59e0b !important;
    border-color: #f59e0b !important;
}

body.dark-mode-enabled .order-status-badge.processing {
    background-color: rgba(74, 158, 255, 0.2) !important;
    color: #4a9eff !important;
    border-color: #4a9eff !important;
}

body.dark-mode-enabled .order-status-badge.completed {
    background-color: rgba(16, 185, 129, 0.2) !important;
    color: #10b981 !important;
    border-color: #10b981 !important;
}

body.dark-mode-enabled .order-status-badge.cancelled {
    background-color: rgba(239, 68, 68, 0.2) !important;
    color: #ef4444 !important;
    border-color: #ef4444 !important;
}

body.dark-mode-enabled .order-items-table {
    background-color: var(--dark-surface) !important;
}

body.dark-mode-enabled .order-items-table table {
    background-color: var(--dark-surface) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .order-items-table thead {
    background-color: var(--dark-bg) !important;
}

body.dark-mode-enabled .order-items-table thead th {
    color: #ffffff !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .order-items-table tbody td {
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

/* Support Cart Wrapper */
body.dark-mode-enabled .support-cart-wrapper {
    background-color: var(--dark-bg) !important;
    border: 1px solid var(--dark-border) !important;
    padding: 20px !important;
    border-radius: 8px !important;
}

body.dark-mode-enabled .support-cart-wrapper .country-select {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .support-cart-wrapper .view-supported-countries {
    color: var(--dark-accent) !important;
}

body.dark-mode-enabled .support-cart-wrapper .disabled {
    opacity: 0.5 !important;
}

/* Modal Dark Mode */
body.dark-mode-enabled .modal-content {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .modal-header {
    background-color: var(--dark-bg) !important;
    border-bottom-color: var(--dark-border) !important;
}

body.dark-mode-enabled .modal-title {
    color: #ffffff !important;
}

body.dark-mode-enabled .modal-body {
    background-color: var(--dark-surface) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .modal-footer {
    background-color: var(--dark-bg) !important;
    border-top-color: var(--dark-border) !important;
}

body.dark-mode-enabled .close {
    color: var(--dark-text) !important;
    opacity: 0.8 !important;
}

body.dark-mode-enabled .close:hover {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* ========================================
   STUDIO PAGE DARK MODE SUPPORT
   ======================================== */

/* Studio Container */
body.dark-mode-enabled .studio-container {
    background: var(--dark-bg) !important;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.3) !important;
}

/* Studio Header */
body.dark-mode-enabled .studio-header {
    background: var(--dark-surface) !important;
    border-bottom-color: var(--dark-border) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}

body.dark-mode-enabled .studio-header .logo-text {
    color: #ffffff !important;
}

body.dark-mode-enabled .studio-header .btn {
    background-color: var(--dark-bg) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .studio-header .btn:hover {
    background-color: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .studio-header .btn-primary {
    background-color: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .studio-header .btn-primary:hover {
    background-color: #3a8eef !important;
    border-color: #3a8eef !important;
}

/* Stepper */
body.dark-mode-enabled .stepper {
    background-color: transparent !important;
}

body.dark-mode-enabled .step-item {
    background-color: var(--dark-bg) !important;
    color: var(--dark-text) !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .step-item.active {
    background: var(--dark-accent) !important;
    color: white !important;
    border-color: var(--dark-accent) !important;
}

body.dark-mode-enabled .step-item.completed {
    background: rgba(74, 158, 255, 0.2) !important;
    color: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
}

/* Studio Main Area */
body.dark-mode-enabled .studio-main {
    background-color: var(--dark-bg) !important;
}

/* Studio Sidebar */
body.dark-mode-enabled .studio-sidebar {
    background: var(--dark-surface) !important;
    border-right-color: var(--dark-border) !important;
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.2) !important;
}

[dir="rtl"] body.dark-mode-enabled .studio-sidebar {
    border-left-color: var(--dark-border) !important;
    border-right: none !important;
}

body.dark-mode-enabled .studio-sidebar .sidebar-header h3 {
    color: #ffffff !important;
}

body.dark-mode-enabled .studio-sidebar .sidebar-section {
    background-color: var(--dark-bg) !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .studio-sidebar .section-title {
    color: #ffffff !important;
    border-bottom-color: var(--dark-border) !important;
}

body.dark-mode-enabled .studio-sidebar .clipart-item {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .studio-sidebar .clipart-item:hover {
    border-color: var(--dark-accent) !important;
    background-color: var(--dark-bg) !important;
}

body.dark-mode-enabled .studio-sidebar .upload-zone {
    background-color: var(--dark-bg) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .studio-sidebar .upload-zone:hover {
    border-color: var(--dark-accent) !important;
    background-color: rgba(74, 158, 255, 0.1) !important;
}

/* Studio Settings Panel */
body.dark-mode-enabled .studio-settings {
    background: var(--dark-surface) !important;
    border-left-color: var(--dark-border) !important;
    box-shadow: -1px 0 3px rgba(0, 0, 0, 0.2) !important;
}

[dir="rtl"] body.dark-mode-enabled .studio-settings {
    border-right-color: var(--dark-border) !important;
    border-left: none !important;
}

body.dark-mode-enabled .studio-settings .settings-header h3 {
    color: #ffffff !important;
}

body.dark-mode-enabled .studio-settings .settings-group {
    background-color: var(--dark-bg) !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .studio-settings .settings-group h4 {
    color: #ffffff !important;
    border-bottom-color: var(--dark-border) !important;
}

body.dark-mode-enabled .studio-settings .form-label {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .studio-settings .form-control,
body.dark-mode-enabled .studio-settings .form-select {
    background-color: var(--dark-bg) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .studio-settings .form-control:focus,
body.dark-mode-enabled .studio-settings .form-select:focus {
    background-color: var(--dark-bg) !important;
    border-color: var(--dark-accent) !important;
    color: var(--dark-text) !important;
    box-shadow: 0 0 0 0.2rem rgba(74, 158, 255, 0.25) !important;
}

body.dark-mode-enabled .studio-settings .form-range {
    background-color: transparent !important;
}

body.dark-mode-enabled .studio-settings .form-range::-webkit-slider-track {
    background-color: var(--dark-border) !important;
}

body.dark-mode-enabled .studio-settings .form-range::-webkit-slider-thumb {
    background-color: var(--dark-accent) !important;
}

body.dark-mode-enabled .studio-settings .color-swatch {
    border-color: var(--dark-border) !important;
}

/* Canvas Area */
body.dark-mode-enabled .studio-canvas-area {
    background-color: var(--dark-bg) !important;
}

body.dark-mode-enabled .canvas-container {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode-enabled .canvas-wrapper {
    background-color: #2a2a2a !important;
}

body.dark-mode-enabled .canvas-split {
    background-color: var(--dark-surface) !important;
}

body.dark-mode-enabled .canvas-split .split-label {
    color: #ffffff !important;
    background-color: var(--dark-bg) !important;
    border: 1px solid var(--dark-border) !important;
}

/* Canvas Controls */
body.dark-mode-enabled .canvas-controls {
    background-color: var(--dark-surface) !important;
    border-top-color: var(--dark-border) !important;
}

body.dark-mode-enabled .canvas-controls .control-group {
    background-color: var(--dark-bg) !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .canvas-controls .control-group h4 {
    color: #ffffff !important;
}

body.dark-mode-enabled .canvas-controls button {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .canvas-controls button:hover {
    background-color: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .canvas-controls button.active {
    background-color: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .canvas-controls button:disabled {
    background-color: var(--dark-bg) !important;
    color: #666 !important;
    border-color: var(--dark-border) !important;
    opacity: 0.5 !important;
}

/* Studio Footer */
body.dark-mode-enabled .studio-footer {
    background-color: var(--dark-surface) !important;
    border-top-color: var(--dark-border) !important;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2) !important;
}

body.dark-mode-enabled .studio-footer .footer-info {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .studio-footer .price-display {
    color: var(--dark-accent) !important;
}

body.dark-mode-enabled .studio-footer .btn-secondary {
    background-color: var(--dark-bg) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .studio-footer .btn-secondary:hover {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-accent) !important;
    color: var(--dark-accent) !important;
}

body.dark-mode-enabled .studio-footer .btn-primary {
    background-color: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .studio-footer .btn-primary:hover {
    background-color: #3a8eef !important;
    border-color: #3a8eef !important;
}

/* Toggle Buttons */
body.dark-mode-enabled .studio-toggle-btn {
    background: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode-enabled .studio-toggle-btn:hover {
    background: var(--dark-accent) !important;
    color: white !important;
    border-color: var(--dark-accent) !important;
}

/* Variant Selection Modal */
body.dark-mode-enabled .variant-modal {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

body.dark-mode-enabled .variant-modal .modal-content {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .variant-modal .variant-grid {
    background-color: transparent !important;
}

body.dark-mode-enabled .variant-modal .variant-card {
    background-color: var(--dark-bg) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .variant-modal .variant-card:hover {
    border-color: var(--dark-accent) !important;
    background-color: var(--dark-surface) !important;
    box-shadow: 0 4px 12px rgba(74, 158, 255, 0.2) !important;
}

body.dark-mode-enabled .variant-modal .variant-card.selected {
    border-color: var(--dark-accent) !important;
    background-color: rgba(74, 158, 255, 0.2) !important;
}

body.dark-mode-enabled .variant-modal .variant-name {
    color: #ffffff !important;
}

body.dark-mode-enabled .variant-modal .variant-price {
    color: var(--dark-accent) !important;
}

body.dark-mode-enabled .variant-modal .variant-availability {
    color: #888 !important;
}

body.dark-mode-enabled .variant-modal .variant-availability.in-stock {
    color: #10b981 !important;
}

body.dark-mode-enabled .variant-modal .variant-availability.out-of-stock {
    color: #ef4444 !important;
}

/* Mockup Review Panel */
body.dark-mode-enabled .mockup-review {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .mockup-review h3 {
    color: #ffffff !important;
    border-bottom-color: var(--dark-border) !important;
}

body.dark-mode-enabled .mockup-review .mockup-item {
    background-color: var(--dark-bg) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .mockup-review .mockup-item:hover {
    border-color: var(--dark-accent) !important;
}

body.dark-mode-enabled .mockup-review .mockup-label {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .mockup-review .loading-text {
    color: #888 !important;
}

/* Layers Panel */
body.dark-mode-enabled .layers-panel {
    background-color: var(--dark-bg) !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .layers-panel .layer-item {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .layers-panel .layer-item:hover {
    background-color: var(--dark-bg) !important;
}

body.dark-mode-enabled .layers-panel .layer-item.active {
    background-color: rgba(74, 158, 255, 0.2) !important;
    border-color: var(--dark-accent) !important;
}

body.dark-mode-enabled .layers-panel .layer-name {
    color: #ffffff !important;
}

body.dark-mode-enabled .layers-panel .layer-type {
    color: #888 !important;
}

/* Loading States */
body.dark-mode-enabled .loading-spinner {
    border-top-color: var(--dark-accent) !important;
}

body.dark-mode-enabled .loading-overlay {
    background-color: rgba(15, 23, 42, 0.9) !important;
}

body.dark-mode-enabled .loading-text {
    color: #ffffff !important;
}

/* Alerts and Notifications */
body.dark-mode-enabled .alert {
    background-color: var(--dark-bg) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .alert-success {
    background-color: rgba(16, 185, 129, 0.2) !important;
    border-color: #10b981 !important;
    color: #10b981 !important;
}

body.dark-mode-enabled .alert-warning {
    background-color: rgba(245, 158, 11, 0.2) !important;
    border-color: #f59e0b !important;
    color: #f59e0b !important;
}

body.dark-mode-enabled .alert-danger {
    background-color: rgba(239, 68, 68, 0.2) !important;
    border-color: #ef4444 !important;
    color: #ef4444 !important;
}

body.dark-mode-enabled .alert-info {
    background-color: rgba(74, 158, 255, 0.2) !important;
    border-color: #4a9eff !important;
    color: #4a9eff !important;
}

/* ========================================
   PRODUCT SINGLE PAGE - SPECIFIC ELEMENTS
   ======================================== */

/* Shipping Section */
body.dark-mode-enabled .shipping-section {
    background: var(--dark-bg) !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .shipping-title {
    color: #ffffff !important;
}

body.dark-mode-enabled .shipping-title i {
    color: var(--dark-accent) !important;
}

body.dark-mode-enabled .shipping-info {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .shipping-estimate {
    color: #10b981 !important;
}

body.dark-mode-enabled .country-flag {
    opacity: 0.9 !important;
}

/* Size Selection */
body.dark-mode-enabled .variant-size-list {
    background-color: transparent !important;
}

body.dark-mode-enabled .variant-size-btn {
    background: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important;
}

body.dark-mode-enabled .variant-size-btn:hover:not(.disabled):not(.selected) {
    border-color: var(--dark-accent) !important;
    background: var(--dark-bg) !important;
    color: var(--dark-accent) !important;
    box-shadow: 0 4px 12px rgba(74, 158, 255, 0.2) !important;
}

body.dark-mode-enabled .variant-size-btn.selected {
    border-color: var(--dark-accent) !important;
    background: var(--dark-accent) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(74, 158, 255, 0.4) !important;
}

body.dark-mode-enabled .variant-size-btn.disabled {
    opacity: 0.35 !important;
    background: var(--dark-bg) !important;
    color: #666 !important;
    box-shadow: none !important;
}

body.dark-mode-enabled .size-guide-link {
    color: var(--dark-accent) !important;
}

body.dark-mode-enabled .size-guide-link:hover {
    background: rgba(74, 158, 255, 0.1) !important;
}

/* Color Selection */
body.dark-mode-enabled .option-section {
    background: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}

body.dark-mode-enabled .option-section:hover {
    box-shadow: 0 4px 16px rgba(74, 158, 255, 0.2) !important;
    border-color: var(--dark-accent) !important;
}

body.dark-mode-enabled .option-title {
    color: #ffffff !important;
}

body.dark-mode-enabled .selected-value {
    background: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .variant-color-list {
    background-color: transparent !important;
}

body.dark-mode-enabled .variant-color-btn {
    box-shadow: 0 3px 12px rgba(0,0,0,0.4) !important;
    border-color: var(--dark-border) !important;
}

body.dark-mode-enabled .variant-color-btn:hover:not(.disabled) {
    box-shadow: 0 6px 20px rgba(74, 158, 255, 0.3) !important;
    border-color: var(--dark-accent) !important;
}

body.dark-mode-enabled .variant-color-btn.selected {
    border-color: var(--dark-accent) !important;
    box-shadow: 0 0 0 4px var(--dark-accent) !important;
}

body.dark-mode-enabled .variant-color-btn.disabled {
    opacity: 0.4 !important;
    filter: grayscale(0.5) !important;
}

/* Variant Color Items (with images) */
body.dark-mode-enabled .variant-color-item {
    border-color: var(--dark-border) !important;
    background-color: transparent !important;
}

body.dark-mode-enabled .variant-color-item:hover:not(.disabled) {
    border-color: var(--dark-accent) !important;
    box-shadow: 0 4px 12px rgba(74, 158, 255, 0.2) !important;
}

body.dark-mode-enabled .variant-color-item.selected {
    border-color: var(--dark-accent) !important;
    background: rgba(74, 158, 255, 0.1) !important;
    box-shadow: 0 0 0 4px rgba(74, 158, 255, 0.15) !important;
}

body.dark-mode-enabled .variant-color-item.selected::after {
    color: var(--dark-accent) !important;
    text-shadow: 0 0 3px rgba(0,0,0,0.8) !important;
}

body.dark-mode-enabled .variant-color-item.disabled {
    opacity: 0.35 !important;
}

body.dark-mode-enabled .variant-color-name {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .variant-color-item.selected .variant-color-name {
    color: var(--dark-accent) !important;
}

/* Price Section */
body.dark-mode-enabled .price-section {
    border-top-color: var(--dark-border) !important;
    border-bottom-color: var(--dark-border) !important;
}

body.dark-mode-enabled .price-display {
    color: #ffffff !important;
}

body.dark-mode-enabled .price-vat {
    color: #888 !important;
}

body.dark-mode-enabled .original-price {
    color: #666 !important;
}

/* Quantity & Actions */
body.dark-mode-enabled .quantity-and-actions {
    background-color: transparent !important;
}

body.dark-mode-enabled .quantity-controls {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode-enabled .quantity-controls:hover {
    border-color: var(--dark-accent) !important;
    box-shadow: 0 4px 16px rgba(74, 158, 255, 0.2) !important;
}

body.dark-mode-enabled .quantity-btn {
    background: linear-gradient(135deg, var(--dark-bg) 0%, var(--dark-surface) 100%) !important;
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .quantity-btn:hover:not(.disabled) {
    background: var(--dark-accent) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(74, 158, 255, 0.3) !important;
}

body.dark-mode-enabled .quantity-btn.disabled {
    background: var(--dark-bg) !important;
    color: #666 !important;
}

body.dark-mode-enabled .quantity-value {
    color: #ffffff !important;
    background: var(--dark-surface) !important;
    border-left-color: var(--dark-border) !important;
    border-right-color: var(--dark-border) !important;
}

body.dark-mode-enabled .related-product-wrapper .view-product-btn {
    background: var(--dark-accent) !important;
    color: #ffffff !important;
}
body.dark-mode-enabled .support-addtocart {
    background: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .support-addtocart:hover {
    background: #3a8eef !important;
    box-shadow: 0 4px 12px rgba(74, 158, 255, 0.4) !important;
}

body.dark-mode-enabled .support-customize-btn {
    background: #f59e0b !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .support-customize-btn:hover {
    background: #d97706 !important;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.4) !important;
}

/* Printful Badge */
body.dark-mode-enabled .printful-badge {
    background: var(--dark-accent) !important;
    color: #ffffff !important;
}

body.dark-mode-enabled .printful-badge i {
    color: #ffffff !important;
}

/* Product Info Column */
body.dark-mode-enabled .product-info-column {
    background-color: transparent !important;
}

body.dark-mode-enabled .product-info-column h1,
body.dark-mode-enabled .product-info-column h2,
body.dark-mode-enabled .product-info-column h3,
body.dark-mode-enabled .product-info-column h4 {
    color: #ffffff !important;
}

body.dark-mode-enabled .product-info-column p {
    color: var(--dark-text) !important;
}

/* Related Products */
body.dark-mode-enabled .related-product-area {
    border-top-color: var(--dark-border) !important;
}

body.dark-mode-enabled .related-product-area h2 {
    color: #ffffff !important;
}

/* Product Description/Details */
body.dark-mode-enabled .product-description {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    padding: 30px !important;
    border-radius: 12px !important;
}

body.dark-mode-enabled .product-description h3,
body.dark-mode-enabled .product-description h4,
body.dark-mode-enabled .product-description h5 {
    color: #ffffff !important;
}

body.dark-mode-enabled .product-description p,
body.dark-mode-enabled .product-description li {
    color: var(--dark-text) !important;
}

body.dark-mode-enabled .product-description ul,
body.dark-mode-enabled .product-description ol {
    color: var(--dark-text) !important;
}

/* Stock Status */
body.dark-mode-enabled .stock-status {
    background-color: var(--dark-bg) !important;
    border: 1px solid var(--dark-border) !important;
    padding: 10px 20px !important;
    border-radius: 6px !important;
}

body.dark-mode-enabled .stock-status.in-stock {
    background-color: rgba(16, 185, 129, 0.2) !important;
    border-color: #10b981 !important;
    color: #10b981 !important;
}

body.dark-mode-enabled .stock-status.out-of-stock {
    background-color: rgba(239, 68, 68, 0.2) !important;
    border-color: #ef4444 !important;
    color: #ef4444 !important;
}

body.dark-mode-enabled .stock-status.low-stock {
    background-color: rgba(245, 158, 11, 0.2) !important;
    border-color: #f59e0b !important;
    color: #f59e0b !important;
}

/* ========================================
   CATEGORY & SKU SECTION - DARK MODE
   ======================================== */

body.dark-mode-enabled .category-sku-section {
    background: var(--dark-bg) !important;
    border: 1px solid var(--dark-border) !important;
}

body.dark-mode-enabled .category-sku-section strong {
    color: #ffffff !important;
}

body.dark-mode-enabled .category-sku-section .text-primary {
    color: var(--dark-accent) !important;
}

body.dark-mode-enabled .category-sku-section .text-primary:hover {
    color: #90caf9 !important;
}

body.dark-mode-enabled .category-sku-section code {
    background: var(--dark-surface) !important;
    color: var(--dark-text) !important;
}