/* Logoxinh 2026 "Dem sao": night-sky restyle for inner pages (Ego Mall markup). Loaded after the theme CSS. */
body.ds-inner{background:var(--night)!important;color:var(--text)}
body.ds-inner .bodywrap,
body.ds-inner .wrap_background,
body.ds-inner section.signup,
body.ds-inner section.main-cart-page,
body.ds-inner section.page{background:transparent!important}

/* panels */
body.ds-inner section.bread-crumb{background:transparent!important;border-bottom:1px solid var(--line)}
body.ds-inner .bg_product,
body.ds-inner .bg_collection,
body.ds-inner .bg_page,
body.ds-inner .bg_blog,
body.ds-inner .bg-white,
body.ds-inner .bg_white,
body.ds-inner .pg_page,
body.ds-inner .wrapcontactin,
body.ds-inner .wrap_background_aside,
body.ds-inner .sapo-product-reviews,
body.ds-inner nav.clearfix.relative,
body.ds-inner ul.content_ul,
body.ds-inner ul.content_ul li,
body.ds-inner .aside-item,
body.ds-inner .sort-cate{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:12px;color:var(--text)}
body.ds-inner ul.content_ul li{border:0!important;border-radius:0}

/* product cards in grids */
body.ds-inner .item_product_main{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:12px;overflow:hidden;transition:transform .25s,border-color .25s}
body.ds-inner .item_product_main:hover{transform:translateY(-3px);border-color:#3a5576!important}
body.ds-inner .item_product_main .product-thumbnail,
body.ds-inner .item_product_main .image_thumb{background:#e9edf2}
body.ds-inner .item_product_main h3,
body.ds-inner .item_product_main h3 a,
body.ds-inner .product-name a{font-family:var(--f-display)!important;color:var(--paper)!important;font-weight:600}
body.ds-inner .price,
body.ds-inner .special-price .price,
body.ds-inner .product-price,
body.ds-inner .price-box .price{color:var(--coral)!important}
body.ds-inner .old-price,
body.ds-inner .compare-price{color:var(--mute)!important}

/* text */
body.ds-inner h1,body.ds-inner h2,body.ds-inner h3,body.ds-inner h4,
body.ds-inner .title-head,body.ds-inner .title-product,body.ds-inner .title_page{font-family:var(--f-display)!important;color:var(--paper)!important;background:transparent!important}
body.ds-inner .bodywrap p,
body.ds-inner .bodywrap li,
body.ds-inner .bodywrap td,
body.ds-inner .bodywrap th,
body.ds-inner .bodywrap span,
body.ds-inner .bodywrap label,
body.ds-inner .bodywrap .rte,
body.ds-inner .bodywrap div{color:inherit}
body.ds-inner .bodywrap{color:var(--text)}
body.ds-inner .bodywrap a{color:var(--paper)}
body.ds-inner .bodywrap .rte a,
body.ds-inner .bodywrap .content-page a,
body.ds-inner .bodywrap .article-content a{color:var(--mint);text-decoration:underline;text-underline-offset:3px}
body.ds-inner .breadcrumb,body.ds-inner .breadcrumb a,body.ds-inner .breadcrumb span{color:var(--mute)!important;background:transparent!important}
body.ds-inner .breadcrumb strong,body.ds-inner .breadcrumb .active{color:var(--coral)!important}
body.ds-inner table{border-color:var(--line)!important}
body.ds-inner table td,body.ds-inner table th{border-color:var(--line)!important}

/* tabs on product page */
body.ds-inner li.tab-link{background:transparent!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:9px 9px 0 0}
body.ds-inner li.tab-link.current{background:var(--mint)!important;color:var(--mint-ink)!important;border-color:var(--mint)!important}
body.ds-inner li.tab-link.current *{color:var(--mint-ink)!important}

/* variant swatches */
body.ds-inner .swatch-element label,
body.ds-inner .swatch .swatch-element label{background:transparent!important;color:var(--paper)!important;border:1px solid #3a5576!important;border-radius:8px}
body.ds-inner .swatch input:checked + label,
body.ds-inner .swatch-element input:checked + label{border-color:var(--mint)!important;color:var(--mint)!important}

/* buttons */
body.ds-inner .btn,
body.ds-inner button.btn,
body.ds-inner input.btn,
body.ds-inner .btn-primary,
body.ds-inner .btn_base,
body.ds-inner .btn-style,
body.ds-inner .btn-new-review{background:var(--mint)!important;color:var(--mint-ink)!important;border:1px solid var(--mint)!important;border-radius:9px!important;font-family:var(--f-body)!important;font-weight:600!important;text-shadow:none!important}
body.ds-inner .btn:hover{filter:brightness(1.08)}
body.ds-inner button.btn.fast{background:var(--coral)!important;border-color:var(--coral)!important;color:#2b0f08!important}

/* forms */
body.ds-inner .bodywrap input.form-control,
body.ds-inner .bodywrap textarea.form-control,
body.ds-inner .bodywrap select,
body.ds-inner .bodywrap input[type="text"],
body.ds-inner .bodywrap input[type="email"],
body.ds-inner .bodywrap input[type="password"],
body.ds-inner .bodywrap input[type="number"],
body.ds-inner .bodywrap input[type="tel"]{background:#0e2036!important;color:var(--paper)!important;border:1px solid #3a5576!important;border-radius:8px}
body.ds-inner .bodywrap input::placeholder,
body.ds-inner .bodywrap textarea::placeholder{color:var(--mute)!important}
body.ds-inner .input-group-append.subscribe{background:transparent!important}

/* pagination */
body.ds-inner .pagination li a,
body.ds-inner .pagination li span{background:transparent!important;color:var(--paper)!important;border:1px solid var(--line)!important;border-radius:8px}
body.ds-inner .pagination li.active span,
body.ds-inner .pagination li.active a{background:var(--mint)!important;color:var(--mint-ink)!important;border-color:var(--mint)!important}

/* hide the old theme chrome that the new header/footer replace */
body.ds-inner .tophead,
body.ds-inner .wraphead_mobile,
body.ds-inner .wrapmenu_full,
body.ds-inner .menu_mobile{display:none!important}

/* header extras on inner pages */
.dsnav-cats{display:flex;gap:8px;overflow-x:auto;padding-block:0 10px;scrollbar-width:none}
.dsnav-cats::-webkit-scrollbar{display:none}
.dsnav-cats a{flex:none;border:1px solid var(--line);border-radius:999px;padding:4px 11px;font-size:12.5px;text-decoration:none;color:var(--text)}
.dsnav-cats a:hover{border-color:var(--mint);color:var(--paper)}
body.ds-inner header{font-family:var(--f-body)}
body.ds-inner footer{margin-top:40px}
body.ds-inner .rte p,body.ds-inner .content-page p,body.ds-inner .article-content p,body.ds-inner .tab-content p{margin:0 0 12px}
body.ds-inner .bodywrap footer, body.ds-inner .bodywrap header{background:transparent}
.ds-top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50}
.ds-top header{position:static}
.ds .fab a{color:var(--mint-ink)}
.ds .fab a.z{color:#fff}

/* theme hard-codes dark text everywhere: force light text first, then re-assert accents */
body.ds-inner .bodywrap :not(.ds,.ds *){color:var(--text)!important}
body.ds-inner .bodywrap a:hover{color:var(--paper)!important}
body.ds-inner .bodywrap :is(h1,h2,h3,h4,h5,.title-head,.title-product,.title_page,.aside-title,.title-head a,h3 a,.product-name a,strong,b){color:var(--paper)!important}
body.ds-inner .bodywrap :is(.price,.special-price .price,.product-price,.price-box .price,.price *){color:var(--coral)!important}
body.ds-inner .bodywrap :is(.old-price,.compare-price,.old-price *){color:var(--mute)!important}
body.ds-inner .bodywrap :is(.btn,.btn *,button.btn,button.btn *,input.btn,.btn-primary,.btn_base,.btn_base *,.btn-style,.btn-new-review){color:var(--mint-ink)!important}
body.ds-inner .bodywrap :is(button.btn.fast,button.btn.fast *){color:#2b0f08!important}
body.ds-inner .bodywrap :is(li.tab-link.current,li.tab-link.current *){color:var(--mint-ink)!important}
body.ds-inner .bodywrap :is(.rte a,.content-page a,.article-content a,.tab-content a){color:var(--mint)!important}
body.ds-inner .bodywrap :is(.breadcrumb .active,.breadcrumb strong,.breadcrumb strong *){color:var(--coral)!important}
body.ds-inner .bodywrap :is(.pagination li.active span,.pagination li.active a){color:var(--mint-ink)!important}
body.ds-inner .bodywrap :is(input,textarea,select){color:var(--paper)!important}
body.ds-inner .bodywrap :is(.swatch input:checked + label,.swatch-element input:checked + label){color:var(--mint)!important}