/* Tun/Kun rejimi va yonadigan yurakcha */

html[data-theme="light"],
body[data-theme="light"]{
    background:#ffffff !important;
    color:#18191f !important;
}

html[data-theme="light"] body{
    background:
        radial-gradient(circle at 10% 15%, rgba(124,60,255,.10), transparent 28%),
        #ffffff !important;
}

html[data-theme="light"] .shop-shell,
html[data-theme="light"] .cart-bg,
html[data-theme="light"] .pay-bg{
    background:#ffffff !important;
    color:#18191f !important;
}

html[data-theme="light"] .shop-header,
html[data-theme="light"] .cart-header,
html[data-theme="light"] .pay-header{
    background:rgba(255,255,255,.92) !important;
    border-color:rgba(0,0,0,.08) !important;
    box-shadow:0 16px 40px rgba(0,0,0,.08) !important;
}

html[data-theme="light"] .shop-header nav a,
html[data-theme="light"] .cart-header nav a,
html[data-theme="light"] .pay-header nav a{
    color:#202124 !important;
    background:#f3f2fb !important;
    border-color:#ece9ff !important;
}

html[data-theme="light"] .product-card,
html[data-theme="light"] .profile-card,
html[data-theme="light"] .checkout-card,
html[data-theme="light"] .summary-card,
html[data-theme="light"] .payment-card,
html[data-theme="light"] .cart-table,
html[data-theme="light"] .feature-strip{
    background:#ffffff !important;
    color:#18191f !important;
    border-color:#ececf4 !important;
    box-shadow:0 16px 45px rgba(0,0,0,.08) !important;
}

html[data-theme="light"] .product-body h3,
html[data-theme="light"] .page-title h1,
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3{
    color:#18191f !important;
}

html[data-theme="light"] .product-img,
html[data-theme="light"] .hero-visual{
    background:#f4f5fa !important;
}

html[data-theme="light"] .mini-search input,
html[data-theme="light"] .pay-form input,
html[data-theme="light"] .pay-form textarea{
    background:#f3f4f8 !important;
    color:#111 !important;
    border-color:#e5e7f2 !important;
}

.theme-toggle{
    min-width:48px;
    height:48px;
    border:0;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border-radius:14px;
    color:#fff;
    font-size:20px;
    background:linear-gradient(135deg,#1a2140,#7c3cff);
    box-shadow:0 14px 34px rgba(124,60,255,.25);
    border:1px solid rgba(255,255,255,.14);
    transition:.25s ease;
}

.theme-toggle:hover{
    transform:translateY(-2px) rotate(-3deg);
}

.theme-toggle.is-light{
    color:#111;
    background:linear-gradient(135deg,#fff4b8,#ffcf33);
    box-shadow:0 14px 34px rgba(255,207,51,.25);
}

.theme-toggle .theme-text{
    font-size:14px;
    font-weight:900;
}

.heart-toggle,
.mobile-like,
.wish-heart{
    position:absolute;
    top:10px;
    right:10px;
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(255,255,255,.92);
    color:#8c8c98;
    border:1px solid rgba(255,255,255,.55);
    font-size:25px;
    line-height:1;
    z-index:8;
    cursor:pointer;
    box-shadow:0 12px 28px rgba(0,0,0,.16);
    transition:.25s ease;
}

.heart-toggle::before,
.mobile-like::before,
.wish-heart::before{
    content:"♡";
}

.heart-toggle:hover,
.mobile-like:hover,
.wish-heart:hover{
    transform:scale(1.09);
}

.heart-toggle.is-active,
.mobile-like.is-active,
.wish-heart.is-active{
    color:#fff;
    background:linear-gradient(135deg,#ff4b8b,#ff0066);
    box-shadow:
        0 0 0 6px rgba(255,0,102,.12),
        0 0 22px rgba(255,0,102,.65),
        0 18px 36px rgba(255,0,102,.32);
    animation:heartPulse 1.2s infinite;
}

.heart-toggle.is-active::before,
.mobile-like.is-active::before,
.wish-heart.is-active::before{
    content:"♥";
}

.heart-toggle.loading,
.mobile-like.loading,
.wish-heart.loading{
    pointer-events:none;
    opacity:.65;
}

@keyframes heartPulse{
    0%,100%{transform:scale(1)}
    50%{transform:scale(1.12)}
}

.product-card{
    position:relative;
}

.cart-badge-btn span,
.nav-count,
[data-cart-count]{
    animation:badgePop .25s ease;
}

@keyframes badgePop{
    0%{transform:scale(.4)}
    80%{transform:scale(1.15)}
    100%{transform:scale(1)}
}

@media(max-width:760px){
    .theme-toggle{
        width:48px;
        min-width:48px;
        padding:0;
    }

    .theme-toggle .theme-text{
        display:none;
    }

    .heart-toggle,
    .mobile-like,
    .wish-heart{
        width:38px;
        height:38px;
        font-size:23px;
    }
}