/* ========================================
   Arco Dark Mode - CSS
   For iShop Theme + Elementor + WooCommerce
   ======================================== */

/* --- Toggle Button --- */
.arco-dm-toggle {
    position: fixed;
    z-index: 999999;
    transition: all 0.3s ease;
}

.arco-dm-bottom-left { bottom: 25px; left: 25px; }
.arco-dm-bottom-right { bottom: 25px; right: 25px; }
.arco-dm-top-left { top: 25px; left: 25px; }
.arco-dm-top-right { top: 25px; right: 25px; }

#arco-dm-btn {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #1a1a2e, #16213e);
    color: #f5f5f5;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

#arco-dm-btn::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 60%);
    opacity: 0;
    transition: opacity 0.3s;
}

#arco-dm-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.4);
}

#arco-dm-btn:hover::before {
    opacity: 1;
}

#arco-dm-btn:active {
    transform: scale(0.95);
}

.arco-dm-icon-sun,
.arco-dm-icon-moon {
    width: 24px;
    height: 24px;
    position: absolute;
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.arco-dm-icon-sun {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

.arco-dm-icon-moon {
    opacity: 0;
    transform: rotate(-90deg) scale(0.5);
}

/* Dark mode active - show moon, hide sun */
body.arco-dark-mode .arco-dm-icon-sun {
    opacity: 0;
    transform: rotate(90deg) scale(0.5);
}

body.arco-dark-mode .arco-dm-icon-moon {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

/* --- Main Dark Mode Variables --- */
body.arco-dark-mode {
    --dm-bg-primary: #0d1117;
    --dm-bg-secondary: #161b22;
    --dm-bg-tertiary: #1c2333;
    --dm-bg-card: #1a1f2e;
    --dm-bg-hover: #21262d;
    --dm-text-primary: #e6edf3;
    --dm-text-secondary: #8b949e;
    --dm-text-muted: #6e7681;
    --dm-border: #30363d;
    --dm-accent: #58a6ff;
    --text-600: #58a6ff;
    --dm-accent-hover: #79c0ff;
    --dm-success: #3fb950;
    --dm-danger: #f85149;
    --dm-warning: #d29922;
    --dm-shadow: rgba(0, 0, 0, 0.4);
    --dm-overlay: rgba(0, 0, 0, 0.7);
}

/* ========================================
   Core Elements
   ======================================== */
body.arco-dark-mode {
    background-color: var(--dm-bg-primary) !important;
}



body.arco-dark-mode img {
    opacity: 0.92;
}


body.arco-dark-mode .product-introduction p , body.arco-dark-mode h2.product-introduction__title {
    color: white
}

body.arco-dark-mode img:hover {
    opacity: 1;
}

/* ========================================
   Header / Navigation
   ======================================== */
body.arco-dark-mode .header-top,
body.arco-dark-mode .header-bottom,
body.arco-dark-mode .header,
body.arco-dark-mode .site-header,
body.arco-dark-mode .main-header,
body.arco-dark-mode nav,
body.arco-dark-mode .navbar,
body.arco-dark-mode .menu-container,
body.arco-dark-mode .header-search-box,
body.arco-dark-mode .header-cart,
body.arco-dark-mode .header-user
 {
    background-color: transparent;
    color: var(--dm-text-primary) !important;
    border-color: var(--dm-border) !important;
}

body.arco-dark-mode  .story-image-wrapper-wrapper{
    background-color: transparent !important;
}
body.arco-dark-mode .story-image-wrapper-wrapper::before{
    background: none !important;
}



body.arco-dark-mode .header-top-content__search-box input::placeholder,
body.arco-dark-mode .header-search-box input::placeholder {
    color: var(--dm-text-muted) !important;
}

/* ========================================
   Menu / Dropdown
   ======================================== */
body.arco-dark-mode .menu,
body.arco-dark-mode .sub-menu,
body.arco-dark-mode .dropdown-menu,
body.arco-dark-mode .nav-menu,
body.arco-dark-mode [class*="menu"],
body.arco-dark-mode [class*="submenu"] {
    color: var(--dm-text-primary) !important;
    border-color: var(--dm-border) !important;
}

body.arco-dark-mode .menu li,
body.arco-dark-mode .sub-menu li,
body.arco-dark-mode .dropdown-menu li,
body.arco-dark-mode .nav-menu li {
    border-color: var(--dm-border) !important;
}


body.arco-dark-mode .product-main-content__details-grid span , body.arco-dark-mode .product-main-content__point-text{
    color: var(--dm-accent) !important;
}

body.arco-dark-mode .site-header__cat-product::before{
    background: #021523;
}

/* ========================================
   Main Content Area
   ======================================== */
body.arco-dark-mode .main-content,
body.arco-dark-mode .content-area,
body.arco-dark-mode .site-content,
body.arco-dark-mode .page-content,
body.arco-dark-mode .container,
body.arco-dark-mode main,
body.arco-dark-mode #content,
body.arco-dark-mode .main {
    background-color: var(--dm-bg-primary) !important;
}


/* ========================================
   Elementor Specific
   ======================================== */
body.arco-dark-mode .elementor-section {
    background-color: var(--dm-bg-primary) !important;
}

body.arco-dark-mode .elementor-section.elementor-section-boxed > .elementor-container {
    background-color: var(--dm-bg-primary) !important;
}

body.arco-dark-mode .elementor-widget-heading .elementor-heading-title {
    color: var(--dm-text-primary) !important;
}

body.arco-dark-mode .elementor-widget-text-editor {
    color: var(--dm-text-primary) !important;
}

body.arco-dark-mode .elementor-button,
body.arco-dark-mode .elementor-button-wrapper a {
    background-color: var(--dm-accent) !important;
    color: #fff !important;
    border-color: var(--dm-accent) !important;
}

body.arco-dark-mode .elementor-button:hover,
body.arco-dark-mode .elementor-button-wrapper a:hover {
    background-color: var(--dm-accent-hover) !important;
}

body.arco-dark-mode .elementor-tab-title {
    background-color: var(--dm-bg-secondary) !important;
    color: var(--dm-text-primary) !important;
    border-color: var(--dm-border) !important;
}

body.arco-dark-mode .elementor-tab-title.elementor-active {
    background-color: var(--dm-bg-tertiary) !important;
    color: var(--dm-accent) !important;
}

body.arco-dark-mode .elementor-tab-content {
    background-color: var(--dm-bg-card) !important;
    color: var(--dm-text-primary) !important;
    border-color: var(--dm-border) !important;
}

body.arco-dark-mode .elementor-accordion-item {
    border-color: var(--dm-border) !important;
}

body.arco-dark-mode .elementor-accordion-item .elementor-tab-title {
    background-color: var(--dm-bg-secondary) !important;
}

body.arco-dark-mode .elementor-accordion-item .elementor-tab-content {
    background-color: var(--dm-bg-card) !important;
}

body.arco-dark-mode .elementor-icon-box-wrapper {
    color: var(--dm-text-primary) !important;
}

body.arco-dark-mode .elementor-icon-box-icon {
    color: var(--dm-accent) !important;
}

body.arco-dark-mode .elementor-image-box-wrapper {
    background-color: var(--dm-bg-card) !important;
}

body.arco-dark-mode .elementor-counter .elementor-counter-title {
    color: var(--dm-text-primary) !important;
}

body.arco-dark-mode .elementor-counter .elementor-counter-number-wrapper {
    color: var(--dm-accent) !important;
}

body.arco-dark-mode .elementor-progress-wrapper {
    background-color: var(--dm-bg-tertiary) !important;
}

body.arco-dark-mode .elementor-progress-bar {
    background-color: var(--dm-accent) !important;
}

body.arco-dark-mode .elementor-testimonial {
    background-color: var(--dm-bg-card) !important;
    color: var(--dm-text-primary) !important;
}

body.arco-dark-mode .elementor-testimonial-name {
    color: var(--dm-text-primary) !important;
}

body.arco-dark-mode .elementor-testimonial-content {
    color: var(--dm-text-secondary) !important;
}

body.arco-dark-mode .elementor-slider .swiper-slide {
    background-color: var(--dm-bg-card) !important;
}

body.arco-dark-mode .elementor-rating {
    color: var(--dm-warning) !important;
}

body.arco-dark-mode .elementor-price {
    color: var(--dm-accent) !important;
}

/* ========================================
   WooCommerce
   ======================================== */
body.arco-dark-mode .woocommerce {
    color: var(--dm-text-primary) !important;
}

body.arco-dark-mode .woocommerce ul.products li.product,
body.arco-dark-mode .woocommerce-page ul.products li.product {
    background-color: var(--dm-bg-card) !important;
    border-color: var(--dm-border) !important;
}

body.arco-dark-mode .woocommerce ul.products li.product:hover {
    box-shadow: 0 5px 25px var(--dm-shadow) !important;
}

body.arco-dark-mode .woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: var(--dm-text-primary) !important;
}

body.arco-dark-mode .woocommerce ul.products li.product .price {
    color: var(--dm-accent) !important;
}

body.arco-dark-mode .woocommerce div.product {
    background-color: var(--dm-bg-card) !important;
    color: var(--dm-text-primary) !important;
}

body.arco-dark-mode .woocommerce div.product .product_title {
    color: var(--dm-text-primary) !important;
}

body.arco-dark-mode .woocommerce div.product .woocommerce-product-details__short-description {
    color: var(--dm-text-secondary) !important;
}

body.arco-dark-mode .woocommerce div.product .price {
    color: var(--dm-accent) !important;
}

body.arco-dark-mode .woocommerce .quantity input,
body.arco-dark-mode .woocommerce input[type="number"],
body.arco-dark-mode .woocommerce input[type="text"],
body.arco-dark-mode .woocommerce input[type="email"],
body.arco-dark-mode .woocommerce input[type="password"],
body.arco-dark-mode .woocommerce textarea,
body.arco-dark-mode .woocommerce select {
    background-color: transparent;
    color: var(--dm-text-primary) !important;
    border-color: var(--dm-border) !important;
}


body.arco-dark-mode .woocommerce .woocommerce-tabs ul.tabs {
    background-color: var(--dm-bg-secondary) !important;
    border-color: var(--dm-border) !important;
}

body.arco-dark-mode .woocommerce .woocommerce-tabs ul.tabs li {
    background-color: var(--dm-bg-secondary) !important;
    color: var(--dm-text-primary) !important;
    border-color: var(--dm-border) !important;
}

body.arco-dark-mode .woocommerce .woocommerce-tabs ul.tabs li.active {
    background-color: var(--dm-bg-tertiary) !important;
}

body.arco-dark-mode .woocommerce .woocommerce-tabs ul.tabs li a {
    color: var(--dm-text-primary) !important;
}

body.arco-dark-mode .woocommerce .woocommerce-tabs .panel {
    background-color: var(--dm-bg-card) !important;
    color: var(--dm-text-primary) !important;
    border-color: var(--dm-border) !important;
}

body.arco-dark-mode .woocommerce table.shop_attributes {
    background-color: var(--dm-bg-card) !important;
    border-color: var(--dm-border) !important;
}

body.arco-dark-mode .woocommerce table.shop_attributes td,
body.arco-dark-mode .woocommerce table.shop_attributes th {
    border-color: var(--dm-border) !important;
    color: var(--dm-text-primary) !important;
}


body.arco-dark-mode .woocommerce form .form-row label {
    color: var(--dm-text-primary) !important;
}

body.arco-dark-mode .woocommerce-checkout #payment {
    background-color: var(--dm-bg-card) !important;
    border-color: var(--dm-border) !important;
}


body.arco-dark-mode .purchasing-process--navigation-item {
    background-color: transparent;
}



body.arco-dark-mode .woocommerce-checkout #payment ul.payment_methods {
    border-color: var(--dm-border) !important;
}

body.arco-dark-mode .woocommerce-checkout #payment ul.payment_methods li {
    color: var(--dm-text-primary) !important;
}

body.arco-dark-mode .woocommerce-cart .cart-collaterals {
    background-color: var(--dm-bg-card) !important;
}

body.arco-dark-mode .woocommerce .widget_price_filter .price_slider {
    background-color: var(--dm-bg-tertiary) !important;
}

body.arco-dark-mode .woocommerce .widget_price_filter .price_slider_amount {
    color: var(--dm-text-primary) !important;
}

body.arco-dark-mode .woocommerce-ordering {
    background-color: var(--dm-bg-secondary) !important;
}

body.arco-dark-mode .woocommerce-breadcrumb {
    color: var(--dm-text-secondary) !important;
}

body.arco-dark-mode .woocommerce-result-count {
    color: var(--dm-text-secondary) !important;
}

/* ========================================
   Product Cards (iShop specific)
   ======================================== */



/* ========================================
   Footer
   ======================================== */
body.arco-dark-mode .footer,
body.arco-dark-mode .site-footer,
body.arco-dark-mode footer{
    background-color: transparent;
}

body.arco-dark-mode .footer a,
body.arco-dark-mode .site-footer a,
body.arco-dark-mode footer a,
body.arco-dark-mode [class*="footer"] a {
    color: var(--dm-text-secondary) !important;
}

body.arco-dark-mode .footer a:hover,
body.arco-dark-mode .site-footer a:hover,
body.arco-dark-mode footer a:hover,
body.arco-dark-mode [class*="footer"] a:hover {
    color: var(--dm-accent) !important;
}

body.arco-dark-mode .footer h3,
body.arco-dark-mode .footer h4,
body.arco-dark-mode .site-footer h3,
body.arco-dark-mode .site-footer h4 {
    color: var(--dm-text-primary) !important;
}

body.arco-dark-mode .footer-back-to-up {
    background-color: var(--dm-bg-secondary) !important;
    border-color: var(--dm-border) !important;
}

/* ========================================
   Sidebar / Widgets
   ======================================== */
body.arco-dark-mode .sidebar,
body.arco-dark-mode .widget-area,
body.arco-dark-mode aside,
body.arco-dark-mode .widget {
    background-color: var(--dm-bg-card) !important;
    color: var(--dm-text-primary) !important;
    border-color: var(--dm-border) !important;
}

body.arco-dark-mode .widget-title {
    color: var(--dm-text-primary) !important;
}

body.arco-dark-mode .widget ul li {
    border-color: var(--dm-border) !important;
    color: var(--dm-text-primary) !important;
}

body.arco-dark-mode .widget ul li:hover {
    background-color: var(--dm-bg-hover) !important;
}

/* ========================================
   Forms / Inputs
   ======================================== */
body.arco-dark-mode input[type="text"],
body.arco-dark-mode input[type="email"],
body.arco-dark-mode input[type="password"],
body.arco-dark-mode input[type="number"],
body.arco-dark-mode input[type="tel"],
body.arco-dark-mode input[type="url"],
body.arco-dark-mode input[type="search"],
body.arco-dark-mode textarea,
body.arco-dark-mode select {
    background-color: transparent;
    color: var(--dm-text-primary) !important;
    border-color: var(--dm-border) !important;
}

body.arco-dark-mode input::placeholder,
body.arco-dark-mode textarea::placeholder {
    color: var(--dm-text-muted) !important;
}



/* ========================================
   Buttons
   ======================================== */



/* ========================================
   Tables
   ======================================== */
body.arco-dark-mode table {
    background-color: var(--dm-bg-card) !important;
    color: var(--dm-text-primary) !important;
    border-color: var(--dm-border) !important;
}

body.arco-dark-mode table th {
    background-color: var(--dm-bg-secondary) !important;
    color: var(--dm-text-primary) !important;
    border-color: var(--dm-border) !important;
}

body.arco-dark-mode table td {
    border-color: var(--dm-border) !important;
    color: var(--dm-text-primary) !important;
}

body.arco-dark-mode table tr:hover {
    background-color: var(--dm-bg-hover) !important;
}

/* ========================================
   Pagination
   ======================================== */
body.arco-dark-mode .pagination,
body.arco-dark-mode .page-numbers {
    background-color: var(--dm-bg-secondary) !important;
}

body.arco-dark-mode .pagination a,
body.arco-dark-mode .page-numbers a,
body.arco-dark-mode .page-numbers li a {
    color: var(--dm-text-primary) !important;
    background-color: var(--dm-bg-card) !important;
    border-color: var(--dm-border) !important;
}

body.arco-dark-mode .pagination a:hover,
body.arco-dark-mode .page-numbers a:hover,
body.arco-dark-mode .page-numbers li a:hover {
    background-color: var(--dm-accent) !important;
    color: #fff !important;
}

body.arco-dark-mode .page-numbers.current,
body.arco-dark-mode .pagination .current {
    background-color: var(--dm-accent) !important;
    color: #fff !important;
}

/* ========================================
   Breadcrumb
   ======================================== */
body.arco-dark-mode .breadcrumb,
body.arco-dark-mode [class*="breadcrumb"] {
    background-color: transparent !important;
    color: var(--dm-text-secondary) !important;
}

body.arco-dark-mode .breadcrumb a,
body.arco-dark-mode [class*="breadcrumb"] a {
    color: var(--dm-text-secondary) !important;
}

body.arco-dark-mode .breadcrumb a:hover,
body.arco-dark-mode [class*="breadcrumb"] a:hover {
    color: var(--dm-accent) !important;
}

/* ========================================
   Tabs
   ======================================== */
/*body.arco-dark-mode .tabs,*/
/*body.arco-dark-mode [class*="tab-"] {*/
/*    background-color: var(--dm-bg-secondary) !important;*/
/*}*/

/*body.arco-dark-mode .tabs li,*/
/*body.arco-dark-mode [class*="tab-"] li {*/
/*    color: var(--dm-text-primary) !important;*/
/*    border-color: var(--dm-border) !important;*/
/*}*/

/*body.arco-dark-mode .tabs li.active,*/
/*body.arco-dark-mode [class*="tab-"] li.active {*/
/*    background-color: var(--dm-bg-tertiary) !important;*/
/*    color: var(--dm-accent) !important;*/
/*}*/

/* ========================================
   Modals / Popups
   ======================================== */
body.arco-dark-mode .modal,
body.arco-dark-mode .popup,
body.arco-dark-mode .dialog,
body.arco-dark-mode [class*="modal"],
body.arco-dark-mode [class*="popup"] {
    background-color: var(--dm-bg-card) !important;
    color: var(--dm-text-primary) !important;
    border-color: var(--dm-border) !important;
}

body.arco-dark-mode .modal-backdrop,
body.arco-dark-mode .popup-backdrop,
body.arco-dark-mode [class*="overlay"] {
    background-color: var(--dm-overlay) !important;
}

/* ========================================
   Alert / Notification
   ======================================== */
body.arco-dark-mode .alert,
body.arco-dark-mode .notification,
body.arco-dark-mode .notifBar,
body.arco-dark-mode [class*="alert"],
body.arco-dark-mode [class*="notification"] {
    background-color: var(--dm-bg-card) !important;
    color: var(--dm-text-primary) !important;
    border-color: var(--dm-border) !important;
}

body.arco-dark-mode .notifBar.success {
    background-color: #0d2818 !important;
    border-color: var(--dm-success) !important;
    color: var(--dm-success) !important;
}

body.arco-dark-mode .notifBar.error {
    background-color: #2d0d0d !important;
    border-color: var(--dm-danger) !important;
    color: var(--dm-danger) !important;
}


body.arco-dark-mode .header-category-off-content__off-amazing-title , body.arco-dark-mode .header-category-off-content__off-amazing-subtitle{
    color: var(--dm-accent) !important;
}
/* ========================================
   Scrollbar
   ======================================== */
body.arco-dark-mode ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

body.arco-dark-mode ::-webkit-scrollbar-track {

}

body.arco-dark-mode ::-webkit-scrollbar-thumb {
    border-radius: 4px;
}

body.arco-dark-mode .product-reviews__ai-popup--trigger {
    border: 2px solid rgb(4 4 4 / 33%);
    background: rgb(0 0 0 / 60%);
    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 95%) inset;
    backdrop-filter: blur(12px);
}

body.arco-dark-mode ::-webkit-scrollbar-thumb:hover {
    background: var(--dm-text-muted);
}

/* ========================================
   Blog
   ======================================== */
body.arco-dark-mode .blog,
body.arco-dark-mode .blog-post,
body.arco-dark-mode .post-content,
body.arco-dark-mode [class*="blog"] {
    background-color: transparent !important;
    color: var(--dm-text-primary) !important;
}

body.arco-dark-mode .site-footer__about-desc p , body.arco-dark-mode .site-footer__address span, body.arco-dark-mode .site-footer__services ul li span, body.arco-dark-mode .site-footer__email span, body.arco-dark-mode .site-footer__phone span, body.arco-dark-mode .site-footer__call-info-ttl h2{
    color: var(--dm-accent) !important;
}

body.arco-dark-mode .blog__popular-item h2,
body.arco-dark-mode .blog__popular-item h3,
body.arco-dark-mode .index-blog__items h2,
body.arco-dark-mode .single-blog h2 {
    color: var(--dm-text-primary) !important;
}

body.arco-dark-mode .blog__popular-item p,
body.arco-dark-mode .index-blog__items p,
body.arco-dark-mode .single-blog p {
    color: var(--dm-text-secondary) !important;
}

/* ========================================
   Collection / Category
   ======================================== */
body.arco-dark-mode .collection-index__amazing-desc,
body.arco-dark-mode .archive-content,
body.arco-dark-mode .category-content {
    background-color: transparent !important;
    color: #212324 !important;
}

body.arco-dark-mode .header-top-content ,body.arco-dark-mode  .product-head-link-wrapper{
    border-bottom: 1px solid #27282a;
    border-top-color: #27282a;
}

body.arco-dark-mode .product-faq__content-item ,
body.arco-dark-mode .product-faq__content-head ,
body.arco-dark-mode .product-reviews__content-item ,
body.arco-dark-mode .product-reviews__content-head ,
body.arco-dark-mode  .product-faq__content-item-body{
    border-color: #27282a;
}
body.arco-dark-mode .collection-index__amazing-desc h2 {
    color: var(--dm-text-primary) !important;
}

/* ========================================
   Comparison
   ======================================== */
body.arco-dark-mode .compare,
body.arco-dark-mode [class*="compare"] {
    background-color: var(--dm-bg-card) !important;
    color: var(--dm-text-primary) !important;
}

/* ========================================
   Cart
   ======================================== */
body.arco-dark-mode .cart,
body.arco-dark-mode .cart-content {
    background-color: transparent !important;
    color: var(--dm-text-primary) !important;
}

body.arco-dark-mode .cart__product-item,
body.arco-dark-mode .cart__order {
    background-color: var(--dm-bg-card) !important;
    border-color: var(--dm-border) !important;
}

/* ========================================
   Checkout
   ======================================== */


body.arco-dark-mode .checkout-map-controls,
body.arco-dark-mode .checkout-map-fullscreen,
body.arco-dark-mode .checkout-map-search {
    background-color: var(--dm-bg-card) !important;
    color: var(--dm-text-primary) !important;
}

/* ========================================
   Panel / Dashboard
   ======================================== */
body.arco-dark-mode .panel,
body.arco-dark-mode .dashboard,
body.arco-dark-mode [class*="panel"],
body.arco-dark-mode [class*="dashboard"] {
    background-color: var(--dm-bg-card) !important;
    color: var(--dm-text-primary) !important;
}

body.arco-dark-mode .panel__content-dashboard {
    background-color: var(--dm-bg-card) !important;
    border-color: var(--dm-border) !important;
}

body.arco-dark-mode .panel__order-product-detail {
    background-color: var(--dm-bg-tertiary) !important;
    border-color: var(--dm-border) !important;
}

/* ========================================
   Single Product
   ======================================== */
body.arco-dark-mode .single-product,
body.arco-dark-mode .single-product__customer-satisf-range,
body.arco-dark-mode [class*="single-product"] {
    background-color: var(--dm-bg-primary) !important;
    color: var(--dm-text-primary) !important;
}

body.arco-dark-mode .product-specifications__main-title{
    color: var(--dm-text-primary) !important;
}
body.arco-dark-mode .product-specifications__detailed-specifications-text,
body.arco-dark-mode .product-specifications__general-specifications-title-text{
    color: var(--dm-text-primary) !important;
}
body.arco-dark-mode .product-specifications__general-specifications-title-line
{
    background-color: #272829;
}

body.arco-dark-mode .product-specifications__detailed-specifications{
    border-bottom-color: #272829
}
body.arco-dark-mode .product-introduction ol,
body.arco-dark-mode .product-introduction ul, body.arco-dark-mode .product-introduction ol,
body.arco-dark-mode .product-introduction h2
{
    color: var(--dm-accent) !important;
}
body.arco-dark-mode .slider-content div{
    color: var(--dm-text-primary) !important;
}
body.arco-dark-mode .product-main-content__details-score , body.arco-dark-mode .product-main-content__detail-part{
    border: 1px solid #232425;
}
body.arco-dark-mode .single-product__customer-satisf-range .noUi-target {
    background-color: var(--dm-bg-tertiary) !important;
}

body.arco-dark-mode header {
    background-color: var(--dm-bg-primary) !important;
}

body.arco-dark-mode .noUi-target {
    background-color: var(--dm-bg-tertiary) !important;
}

/* ========================================
   Search Results
   ======================================== */
body.arco-dark-mode .searchResults {
    background-color: var(--dm-bg-card) !important;
    border-color: var(--dm-border) !important;
    box-shadow: 0 6px 20px var(--dm-shadow) !important;
}

body.arco-dark-mode .searchResults .item {
    border-color: var(--dm-border) !important;
}

body.arco-dark-mode .searchResults .item a {
    color: var(--dm-text-primary) !important;
}

body.arco-dark-mode .searchResults .item:hover {
    background-color: var(--dm-bg-hover) !important;
}

/* ========================================
   Select2 (iShop specific)
   ======================================== */
body.arco-dark-mode .select2-container--default .select2-selection--single {
    background-color: var(--dm-bg-tertiary) !important;
    border-color: var(--dm-border) !important;
}

body.arco-dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--dm-text-primary) !important;
}

body.arco-dark-mode .select2-dropdown {
    background-color: var(--dm-bg-card) !important;
    border-color: var(--dm-border) !important;
}
body.arco-dark-mode .head-section__right , body.arco-dark-mode .head-section__more{
    background-color: var(--dm-bg-primary) !important;
}

body.arco-dark-mode .head-section__right span{
    color:white
}

body.arco-dark-mode .select2-results__option {
    color: var(--dm-text-primary) !important;
}

body.arco-dark-mode .select2-results__option--highlighted {
    background-color: var(--dm-accent) !important;
    color: #fff !important;
}

body.arco-dark-mode .select2-search--dropdown .select2-search__field {
    background-color: var(--dm-bg-tertiary) !important;
    color: var(--dm-text-primary) !important;
    border-color: var(--dm-border) !important;
}

/* ========================================
   Leaflet Map (iShop specific)
   ======================================== */
body.arco-dark-mode .leaflet-pane {
    z-index: 250;
}

body.arco-dark-mode .header-category-off-content__categoty-main {
    background-color: transparent !important;
}
body.arco-dark-mode .header-category-off-content__categoty-main-title {
    background-color: transparent !important;
    color: white;
}



.header-top-content__logo img {
    mix-blend-mode: difference;
}
body.arco-dark-mode .header-top-content__logo img {
    mix-blend-mode: normal;
}

/* ========================================
   Social Icons
   ======================================== */
body.arco-dark-mode .site-footer__socials ul li a span {
    background-color: var(--dm-bg-tertiary) !important;
    color: var(--dm-text-primary) !important;
}

body.arco-dark-mode .site-footer__socials ul li a:hover span {
    color: #fff !important;
}

/* ========================================
   RTL Support
   ======================================== */
html[dir="rtl"] body.arco-dark-mode {
    font-family: yekanbakh !important;
}


/* ========================================
   Responsive Adjustments
   ======================================== */
@media (max-width: 767px) {
    #arco-dm-btn {
        width: 46px;
        height: 46px;
    }

    .arco-dm-icon-sun,
    .arco-dm-icon-moon {
        width: 20px;
        height: 20px;
    }
}

/* ========================================
   Print - disable dark mode
   ======================================== */
@media print {
    body.arco-dark-mode {
        background-color: #fff !important;
        color: #000 !important;
    }
}

/* ========================================
   RTL: Move toggle to left side
   ======================================== */
html[dir="rtl"] .arco-dm-bottom-left {
    left: auto;
    right: 30px;
    bottom: 125px;
}

html[dir="rtl"] .arco-dm-bottom-right {
    right: auto;
    left: 25px;
    bottom: 25px;
}

html[dir="rtl"] .arco-dm-top-left {
    left: auto;
    right: 25px;
    top: 25px;
}

html[dir="rtl"] .arco-dm-top-right {
    right: auto;
    left: 25px;
    top: 25px;
}