/* Auto-generated Dark Mode for iPhone/Safari
   Uses prefers-color-scheme and overrides common selectors
*/
@media (prefers-color-scheme: dark){

:root{
  --bg:#121212;
  --bg2:#1b1b1b;
  --card:#1e1e1e;
  --text:#f2f2f2;
  --muted:#bdbdbd;
  --border:#333;
  --primary:#4da3ff;
}

html,body,#template-index{
  background:var(--bg)!important;
  color:var(--text)!important;
}

body,
header,footer,
.container,.row,.card,.content,.section,
.ega-header,.header,.header-wrap,.header-right,.header-right__icons,
.navigation,.navigation-wrapper,.navigation--horizontal,
.navigation-horizontal,.navigation-horizontal-wrapper,
.menu,.menu-item,.submenu,.submenu__list,.submenu__item,.mega-menu,
.opacity_menu,
.flashsale,.flashsale__container,
.feedback_body,.feedback_item,.feedback_item_wrap,.feedback_content,
.ega-policies,.policies-body,.policies-item,
.ss_body,.ss_info,.ss_img,
.footer-block,.mid-footer,
.item_product_main,.product-thumbnail,.product-info,.price-box,
.blog-list{
    background:var(--bg)!important;
    color:var(--text)!important;
    border-color:var(--border)!important;
}

.card,
.flashsale__item,
.ss_item,
.policies-item{
    background:var(--card)!important;
    border:1px solid var(--border)!important;
}
.policies-item{padding:8px !important;}
a,
.link,
.menu-item__link,
.submenu__item a,
.product-name a,
.logo-wrapper,
.footer-title a{
    color:var(--text)!important;
}

a:hover,
.link:hover,
.menu-item__link:hover{
    color:var(--primary)!important;
}

h1,h2,h3,h4,h5,h6,
.heading-bar,
.heading-bar__title,
.product-name,
.product-vendor,
.price,
.compare-price,
.policies-title,
.policies-desc,
.feedback_info,
.cusname,
.ss_name,
.ss_number,
.company-desc,
.single-contact,
span,p,li,label{
    color:var(--text)!important;
}

.compare-price,
.rating-count,
.product-vendor,
.policies-desc{
    color:var(--muted)!important;
}

input,textarea,select,
.form-control,
.input-group-field,
.search-bar{
    background:#222!important;
    color:#fff!important;
    border:1px solid var(--border)!important;
}

input::placeholder,
textarea::placeholder{
    color:#999!important;
}

button,
.btn,
.btn-main,
.btn-icon,
.btn-pill,
.button_subscribe,
.button_custome_35{
    background:#2a2a2a!important;
    color:#fff!important;
    border-color:#444!important;
}

button:hover,
.btn:hover{
    background:#3a3a3a!important;
}

img{
    color:transparent;
}

.label_product .label_wrapper{
    background:#d32f2f!important;
    color:#fff!important;
}

.price{
    color:#7CFF8D!important;
}

.compare-price{
    text-decoration:line-through;
}

.fa,
.fas,
.far,
.fa-solid{
    color:inherit!important;
}

#back-to-top,
.back-to-top,
.backtop{
    background:#2b2b2b!important;
    color:#fff!important;
}

hr{
    border-color:var(--border)!important;
}

*{
    scrollbar-color:#555 #1b1b1b;
}

.flash-sale-tabs {border-top:transparent !important;}


.slick-prev,
.slick-next{
    background:#fff!important;
    border:1px solid #666;
}

.slick-prev:before,
.slick-next:before{
    color:#000;
}
.section_feedback .feedback_item_wrap .feedback_footer {border-top:transparent;}


.form_register .input-group-field{
    flex:1 !important;
    border-radius:8px 0 0 8px !important;
    margin:0 !important;
}
.menu-bar .bar{
    display:block;
    margin:3px auto !important;
    background:#f5f5f5 !important;
}


/* ==================================================
   BREADCRUMB
   ================================================== */
/* Breadcrumb - Dark Mode */

.breadcrumb{
    background:#1b1b1b !important;
    border-radius:8px !important;
    padding:8px 12px !important;
}

.breadcrumb li,
.breadcrumb span,
.breadcrumb strong{
    color:#bdbdbd !important;
}

.breadcrumb a,
.breadcrumb .link{
    color:#f2f2f2 !important;
}

.breadcrumb .mr_lr{
    color:#777 !important;
}

.breadcrumb strong,
.breadcrumb strong span{
    color:#fff !important;
}

/* Cart title - Dark Mode */

.header-cart .heading-bar{
    background:#1e1e1e !important;
    border-bottom:1px solid #333 !important;
	padding-bottom:10px;
}

.header-cart .heading-bar__title{
    color:#fff !important;
}

/* Continue shopping - Dark Mode */

.cart-continue-shopping{
    background:transparent !important;
}

.cart-continue-shopping .btn-continue-shopping{
    background:#2a2a2a !important;
    color:#fff !important;
    border:1px solid #444 !important;
}

.cart-continue-shopping .btn-continue-shopping span{
    color:inherit !important;
}

/* Checkout button - Dark Mode */

.checkout .btn-proceed-checkout-mobile{
    background:#28a745 !important;
    color:#fff !important;
    border:1px solid #3bc15b !important;
}

.checkout .btn-proceed-checkout-mobile span{
    color:inherit !important;
}


/* ==================================================
   SEARCH SUGGESTION
   ================================================== */
/* Search Suggestion - Dark Mode */

.aajZCb{
    background:#1b1b1b !important;
    border:1px solid #333 !important;
}

.aajZCb .search-item{
    background:#1b1b1b !important;
    border-bottom:1px solid #2d2d2d !important;
}

.aajZCb .search-name{
    color:#fff !important;
}

.aajZCb .search-brand,
.aajZCb .search-rating,
.aajZCb .old-price,
.aajZCb .search-empty{
    color:#bdbdbd !important;
}

.aajZCb .search-price{
    color:#7CFF8D !important;
}

.aajZCb .sale{
    color:#ff6b6b !important;
}

.aajZCb .search-all{
    background:#202020 !important;
    color:#4da3ff !important;
    border-top:1px solid #333 !important;
}

.aajZCb mark{
    background:#f4c542 !important;
    color:#000 !important;
}


/* ==================================================
   CATEGORY / COLLECTION
   ================================================== */
/* ============================
   Category / Collection Dark Mode
   ============================ */

.wrap_background,
.bg_collection,
.main_container.collection,
.category-products,
.products-view,
.products-view-grid,
.product-list,
.collection_reponsive{
    background:var(--bg)!important;
    color:var(--text)!important;
}

/* Tiêu đề + sắp xếp */
.collection-title,
.title_page,
.coll-head,
.coll-sortby,
.sortPagiBar,
.sort-cate,
#sort-by,
#sort-by label,
#sort-by span{
    color:var(--text)!important;
}

#sort-by select,
.content_ul{
    background:#222!important;
    color:#fff!important;
    border:1px solid var(--border)!important;
}

/* Card sản phẩm */
/* Card sản phẩm - giống trang chủ */
.products-view .product-col{
    background:var(--card)!important;
    border:1px solid var(--border)!important;
}

.products-view .item_product_main,
.products-view .product-thumbnail,
.products-view .product-info,
.products-view .price-box{
    background:transparent!important;
    color:var(--text)!important;
    border:none!important;
    box-shadow:none!important;
}

.products-view .label_product .label_wrapper{
    background:#d32f2f!important;
    color:#fff!important;
}

/* Sidebar lọc */
.dqdt-sidebar,
.asidecollection,
.aside-item,
.filter-group,
.aside-title,
.filter-content{
    background:var(--card)!important;
    color:var(--text)!important;
    border-color:var(--border)!important;
}

.aside-title,
.aside-title h2,
.aside-title span,
.filter-item,
.filter-item label,
.filter-item span,
.filter-item i{
    color:var(--text)!important;
}

/* Checkbox */
.custom-checkbox i{
    background:#222!important;
    border-color:#666!important;
}

/* Select */
#sort-by select option{
    background:#222!important;
    color:#fff!important;
}

/* Nút lọc mobile */
.open-filters{
    background:#2a2a2a!important;
    color:#fff!important;
    border:1px solid #444!important;
	padding:5px 15px !important;
	
}
.video-icon{
    color:#ff0000!important;
    -webkit-text-stroke:1px #fff;
    text-shadow:0 2px 8px rgba(0,0,0,.6);
}
.section_blog_right {border:none !important;}

/* Blog description - Dark Mode */
.content_blog .lead,
.blogwp .lead{
    color:#a8a8a8!important;
}


/* ==================================================
   PRODUCT DETAIL
   ================================================== */
/* =========================================
   PRODUCT DETAIL - DARK MODE
   ========================================= */

.details-main,
.details-product,
.wp_product_main,
.fixed-layout,
.product,
.product-detail-left,
.product-images,
.details-pro,
.bg-white{
    background:var(--bg)!important;
    color:var(--text)!important;
}

.large-image,
.slider-for,
.slider-nav,
.slider-nav .item{
    background:var(--bg)!important;
}

.title-product,
.product-meta-top,
.product-meta-top span,
.product-meta-top a,
.product-meta-top i{
    color:var(--text)!important;
}

.meta-sep{
    color:#777!important;
}

.rating-stars,
.stars-bg{
    color:#666!important;
}

.stars-fill{
    color:#ffc107!important;
}

.product-stock,
.in-stock{
    color:#7CFF8D!important;
}

.product-stock i{
    color:#7CFF8D!important;
}

.special-price .price,
.product-price{
    color:#7CFF8D!important;
}

.old-price,
.product-price-old,
.old-price del{
    color:#9b9b9b!important;
}

.form-product,
.form_product_content,
.form_button_details,
.button_actions{
    background:transparent!important;
}

.input_number_product,
.custom-btn-number{
    background:var(--card)!important;
    border:1px solid var(--border)!important;
}

.pd-qtym,
.prd_quantity{
    background:#222!important;
    color:#fff!important;
    border:none!important;
}

.button_qty{
    background:#2a2a2a!important;
    color:#fff!important;
    border:none!important;
}

.btn_add_cart,
.btn-cart{
    background:#0d6efd!important;
    color:#fff!important;
    border:none!important;
}

.btn_add_cart:hover,
.btn-cart:hover{
    background:#0b5ed7!important;
}

.btn_base,
.buynow{
    background:#28a745!important;
    color:#fff!important;
    border:none!important;
}

.btn_base:hover,
.buynow:hover{
    background:#218838!important;
}

.product-hotline,
.product-hotline a{
    color:var(--text)!important;
}

/* Tabs */

.product-tabs,
.e-tabs,
.tab-content,
.accordion-item,
.accordion-content,
.product-content{
    background:var(--bg)!important;
    color:var(--text)!important;
}

.product-content.card{
    background:var(--card)!important;
    border:1px solid var(--border)!important;
}

/* Reading tools */

.reading-tools{
    background:var(--card)!important;
    border:1px solid var(--border)!important;
}

.reading-title,
.font-control,
.font-btn{
    color:#fff!important;
}

.font-btn{
    background:#2b2b2b!important;
    border:1px solid #444!important;
}

.font-btn.reset{
    background:#333!important;
}

/* Nội dung mô tả */

.rte,
.article,
#content,
.product_getcontent{
    background:var(--bg)!important;
    color:var(--text)!important;
}

.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6{
    color:#fff!important;
}

.rte p,
.rte li,
.rte span,
.rte strong,
.rte em,
.rte td,
.rte th,
.rte div{
    color:var(--text)!important;
}

.rte ul,
.rte ol{
    color:var(--text)!important;
}

.rte a{
    color:#73b8ff!important;
}

.rte blockquote{
    background:#202020!important;
    border-left:4px solid #4da3ff!important;
    color:#ddd!important;
}

.rte table{
    background:#1b1b1b!important;
    border-color:#444!important;
}

.rte td,
.rte th{
    border-color:#444!important;
}

.rte figcaption{
    color:#aaa!important;
}

.rte hr{
    border-color:#333!important;
}

/* Product Promotion - Dark Mode */

#ega-salebox,
.product-promotion{
    background:var(--card)!important;
    border:1px solid var(--border)!important;
}

#ega-salebox .product-promotion__heading{
    background:#262626!important;
    color:#fff!important;
    border:1px solid #3a3a3a!important;
}

#ega-salebox .product-promotion__heading *,
#ega-salebox .product-promotion__heading i{
    color:#fff!important;
}

#ega-salebox .promotion-box{
    background:transparent!important;
}

#ega-salebox .promotion-box li{
    color:var(--text)!important;
    border-bottom:1px solid #2f2f2f!important;
}

#ega-salebox .promotion-box li:last-child{
    border-bottom:none!important;
}

#ega-salebox .promotion-box a{
    color:var(--primary)!important;
}

#ega-salebox img{
    filter:brightness(.9);
}

.ss_item,
.ss_item .item_product_main,
.ss_item .product-thumbnail,
.ss_item .image_thumb{
    background:transparent!important;
}


/* ==================================================
   BLOG
   ================================================== */
/* Blog category */

.blogpage,
.wrap_background_aside,
.content-blog,
.blog-list,
.blogwp,
.image-blog,
.content_blog,
.art-info,
.media,
.media-body{
    background:var(--bg)!important;
    color:var(--text)!important;
}

.blogwp{
    border:none!important;
    border-bottom:1px solid var(--border)!important;
    border-radius:0!important;
    box-shadow:none!important;
    margin-bottom:20px;
    padding-bottom:20px;
}

.blogwp:last-child{
    border-bottom:none!important;
}

.blogwp h2,
.blogwp h2 a,
.blogwp .link{
    color:#fff!important;
}

.blogwp p,
.blogwp .justify,
.blogwp .art-summary{
    color:var(--muted)!important;
}

.blogwp time,
.blogwp .reading-time,
.blogwp .art-info,
.blogwp .art-info span,
.blogwp .art-info i{
    color:#9e9e9e!important;
}

.blogwp img{
    background:var(--card)!important;
}


/* ==================================================
   MOBILE CTA
   ================================================== */
/* Mobile CTA */

.mobile-cta{
    background:#1b1b1b!important;
    border-top:1px solid #333!important;
}

.mobile-cta a,
.mobile-cta span,
.mobile-cta i{
    color:#f2f2f2!important;
}

.mobile-cta img{
    filter:brightness(0) invert(1);
}

.mobile-cta a:hover{
    background:#2a2a2a!important;
}

.mobile-cta li+li{
    border-left:1px solid rgba(255,255,255,.08)!important;
}
.mobile-cta .zalo img{
    filter:none!important;
}



/* ==================================================
   MOBILE MENU
   ================================================== */
/* ===========================
   Mobile Menu - Complete Dark
   =========================== */

#mobile-menu{
    background:#121212!important;
    color:#f2f2f2!important;
}

#mobile-menu .mobile-menu-header{
    background:#1b1b1b!important;
    border-bottom:1px solid #2f2f2f!important;
}

#mobile-menu .mobile-menu-title,
#mobile-menu .mobile-menu-close{
    color:#fff!important;
}

#mobile-menu .mobile-menu-close{
    background:none!important;
    border:none!important;
}

#mobile-menu .list-group-item{
    background:#121212!important;
    border-bottom:1px solid #252525!important;
}

#mobile-menu .menu-item__link{
    background:#121212!important;
    color:#f2f2f2!important;
}

#mobile-menu .menu-item.active>.menu-item__link{
    background:#1d1d1d!important;
    color:#fff!important;
}

#mobile-menu .menu-item__link:hover{
    background:#1a1a1a!important;
}

#mobile-menu .submenu{
    background:#181818!important;
}

#mobile-menu .submenu__item{
    border-top:1px solid #242424!important;
}

#mobile-menu .submenu__item a{
    color:#d8d8d8!important;
}

#mobile-menu .submenu__item a:hover,
#mobile-menu .submenu__item a.active{
    color:#4da3ff!important;
}

#mobile-menu .menu-toggle-icon{
    color:#999!important;
    font-weight:700;
    transition:.2s;
}

#mobile-menu .menu-toggle-icon.open{
    color:#fff!important;
}

#mobile-menu a.active{
    color:#4da3ff!important;
}

#mobile-menu::-webkit-scrollbar{
    width:6px;
}

#mobile-menu::-webkit-scrollbar-thumb{
    background:#444;
    border-radius:20px;
}

#mobile-menu::-webkit-scrollbar-track{
    background:#1b1b1b;
}

/* =========================================
   BRAND LIST
   ========================================= */

.brand-item{
    display:block;
    background:var(--card)!important;
    border:1px solid var(--border)!important;
    border-radius:10px;
    padding:15px 10px;
    text-align:center;
    text-decoration:none!important;
    transition:.2s;
}

.brand-item:hover{
    background:#252525!important;
    border-color:#4a4a4a!important;
    transform:translateY(-2px);
}

.brand-item img{
    display:block;
    max-width:100%;
    height:auto;
    margin:0 auto 10px;
    background:#fff;
    border-radius:6px;
    padding:4px;
}

.brand-item span{
    display:block;
    color:var(--text)!important;
    font-weight:600;
}

.brand-search .fa-search{
    color:#888!important;
}

#brandNoResult{
    color:var(--muted)!important;
}

#brandLoadMore.btn{
    background:#2b2b2b!important;
    border:1px solid var(--border)!important;
    color:var(--text)!important;
}

#brandLoadMore:hover{
    background:#3a3a3a!important;
    border-color:#555!important;
}

#brandLoadMore i{
    color:inherit!important;
}

/*brand*/

.collection-description-wrap+.text-center img,
.coll-head>.text-center img{
    background:#fff;
    border-radius:8px;
    padding:6px;
}

.product-rating .fa-solid.fa-star,
.product-rating .fa-solid.fa-star-half-stroke{
    color:#ffc107!important;
}

.product-rating .fa-regular.fa-star{
    color:#555!important;
}

.product-hotline{
    color:#80deea!important;
}
.product-hotline a{
    color:#26c6da!important;
    font-weight:700;
}

.rating-stars .fa-solid.fa-star,
.rating-stars .fa-solid.fa-star-half-stroke{
    color:#ffc107!important;
}

.rating-stars .fa-regular.fa-star{
    color:#555!important;
}

.rte,
.article,
#content,
.product_getcontent{
    background:transparent !important;
}
}