body.light-mode.logged-in {
    background: linear-gradient(135deg, #f5f5f7 0%, #ffffff 100%) !important;
    color: #1d1d1f;
}
.light-mode aside {
    background: linear-gradient(180deg, #ffffff 0%, #f9f9fb 100%);
    border-right: 1px solid #e5e5e7;
}
body.light-mode h1,body.light-mode h2, body.light-mode h3, body.light-mode h4, body.light-mode h5, body.light-mode h6, body.light-mode p {
    color: #000 !important;
}
body.light-mode .text-foreground {
    color: #000 !important;
}
body.light-mode .nav-links a.active {
    background: #f0f0f2;
    color: #1d1d1f;
    border-color: transparent;
}
body.light-mode .nav-links a:hover {
    background: #f0f0f2;
    color: #1d1d1f;
}
body.light-mode .nav-links a {
    color: #666;
}
body.light-mode header {
    background: #ffff;
}
body.light-mode h1.hero-title {
    color: #000000 !important;
}
body.light-mode .ai-badge {
    background: #f5f5f7 !important;
    border: 1px solid #e5e5e7 !important;
    color: #666 !important;
}

body.light-mode .search-wrapper {
    background: #f5f5f7 !important;
    border: 1px solid #e5e5e7 !important;
}
body.light-mode .search-wrapper input {
    color: #000;
}
body.light-mode .tag {
    background: #f5f5f7 !important;
    border: 1px solid #e5e5e7 !important;
    color: #666 !important;
}
body.light-mode .gradient-button {
    background: linear-gradient(135deg, #ff2d7e 0%, #ff6b2d 100%);
}
body.light-mode .gradient-brand {
    background: linear-gradient(135deg, #ff2d7e 0%, #ff6b2d 100%);
}
body.light-mode .hero-title span {
    background: linear-gradient(135deg, #ff2d7e 0%, #ff6b2d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
body.light-mode .user-search-wrapper input#keywoord-tag {
    background: #f5f5f7 !important;
    border: 1px solid #e5e5e7 !important;
    color: #000;
}
body.light-mode .gradiane-border {
    background: #f5f5f7 !important;
    border: 1px solid #e5e5e7 !important;
    color: #666 !important;
}
body.light-mode .woocommerce-viral-hooks-anser .card,body.light-mode .search-result-wrapper .card {
    background: #f5f5f7 !important;
    border: 1px solid #e5e5e7 !important;
    color: #000;
}
body.light-mode button#load-more, body.light-mode button#load-more-activity {
    color: #666;
}
body.light-mode .search-bar-inline {
    background: #f5f5f7 !important;
    border: 1px solid #e5e5e7 !important;
    color: #666 !important;
}
body.light-mode .search-result-wrapper input[type="text"] {
    color: #666;
}
body.light-mode .search-result-wrapper .stat-card {
    background: #f5f5f7 !important;
    border: 1px solid #e5e5e7 !important;
    color: #666 !important;
}
body.light-mode .search-result-wrapper .stat-value {
    color: #000;
}
body.light-mode .grid-header .filter-box {
    background: #f5f5f7;
}
body.light-mode .grid-header .filter-box span, body.light-mode .grid-header .filter-box select {
    color: #666;
}
body.light-mode .bg-secondary {
    background-color: hsl(0deg 0% 82.58%);
}
body.light-mode.woocommerce-account .profile-card {
    background: #f0f0f2;
}
body.light-mode.woocommerce-account .form-group input, body.light-mode.woocommerce-account .form-group textarea, body.woocommerce-account .form-group textarea {
    background: #fff;
    border: 1px solid #e5e5e7 !important;
    color: #666 !important;
}
body.light-mode.woocommerce-account .form-group label {
    color: #000;
}
body.light-mode input[disabled] {
    background: #cecece !important;
    color: #424242 !important;
}
body.light-mode .header-left i#menu-btn {
    color: #000000;
}
body.light-mode .sidebar-header i#close-btn {
    color: #000;
}
button#theme-toggle {
    background: transparent;
    border: 1px solid #ff5150;
    border-radius: 50px;
    padding: 6px 10px;
}
body.light-mode section.billing-section .card,
body.light-mode section.billing-section .invoice-item ,
body.light-mode section.billing-section .payment-item,
body.light-mode section.billing-section .badge {
    background: #f5f5f7 !important;
    border: 1px solid #e5e5e7 !important;
    color: #666 !important;
}
body.light-mode .card-header a.btn-outline {
    color: #000;
    border: 1px solid rgb(0 0 0);
}
body.light-mode .bg-card {
    background: #f5f5f7 !important;
}

body.light-mode .plan-price-section .pricing-card {
    background: #f5f5f7 !important;
    border: 1px solid #e5e5e7 !important;
    color: #666 !important;
}
body.light-mode .plan-price-section .features li{
    color: #666 !important;
}
body.light-mode .plan-wrapper #planModal {
    background: transparent;
}

body.light-mode #planModal .title ,body.light-mode #planModal .subtitle,body.light-mode #planModal .features h3 {
    color: #fff !important;
}

body.light-mode .hero-skeleton {
    position: absolute;
    inset: 0;
    z-index: 30;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 20px;
    text-align: center;
    background: #ffffff; /* light background */
}
body.light-mode .hero-skeleton-badge,
body.light-mode .hero-skeleton-title,
body.light-mode .hero-skeleton-subtitle,
body.light-mode .hero-skeleton-search,
body.light-mode .hero-skeleton-tags span {
    border-radius: 12px;
    background: linear-gradient(
        90deg,
        #eeeeee 25%,
        #dddddd 37%,
        #eeeeee 63%
    );
    background-size: 400% 100%;
    animation: heroSkeletonShimmer 1.4s ease-in-out infinite;
}

body.light-mode.woocommerce-account .my-account-skeleton {
    position: absolute;
    inset: 0;
    z-index: 30;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 10px 0;
    background: #ffffff;
}

body.light-mode.woocommerce-account .my-account-skeleton-line,
body.light-mode.woocommerce-account .my-account-skeleton-card {
    border-radius: 10px;
    background: linear-gradient(
        90deg,
        #eeeeee 25%,
        #dddddd 37%,
        #eeeeee 63%
    );
    background-size: 400% 100%;
    animation: myAccountSkeletonPulse 1.2s ease-in-out infinite;
    height: 200px;
}
/* My Collection filter pills */
body.light-mode .mc-tab.inactive {
    background: #f5f5f7 !important;
    border: 1px solid #e5e5e7;
    color: #000000;
}

body.light-mode .mc-tab.inactive span {
    color: #000000;
    opacity: 0.8;
}

body.light-mode .mc-tab.active {
    color: #fff;
}
body.light-mode .usage-container a:hover {
    background-color: hsl(0deg 0% 89.58% / 40%) !important;
    color: hsl(var(--sidebar-active));
    border-radius: 10px;
}
body.light-mode section.billing-section .paid {
    background: rgb(0 0 0) !important;
    color: #ffffff !important;
    padding: 4px 10px;
    border-radius: 10px;
    font-size: 12px;
}
body.light-mode header,body.light-mode .sidebar-header {
    border-bottom: 1px solid #e4e4e6 !important;
}
body.light-mode .sidebar-footer{
    border-top: 1px solid #e4e4e6 !important;
}
body.light-mode button#load-more:hover,body.light-mode button#load-more-activity:hover {
    background-color: hsl(var(--secondary));
    color: #ffffff !important;
}
body.light-mode .competitor-modal.active h2 {
    color: #ffffff !important;
}
body.light-mode .mc-keyword-chip {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    border-radius: 999px;
    border: 1px solid hsl(240deg 4% 90.2%);
    background: linear-gradient(180deg, hsl(240deg 11.11% 96.47%), hsl(240deg 11.11% 96.47%));
    box-shadow: inset 0 1px 0 hsl(0 0% 100% / .06), 0 8px 20px hsl(0 0% 0% / .22);
}
body.light-mode .mc-keyword-dot {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: #000000;
    box-shadow: 0 0 10px #000000;
}
body.light-mode .mc-keyword-badge {
    color: #000000;
    font-size: clamp(14px, 1vw, 20px);
    font-weight: 600;
    letter-spacing: .1px;
    line-height: 1;
}
body.light-mode .mc-keyword-count {
    font-size: clamp(14px, 1.2vw, 20px);
    font-weight: 600;
    color: #000000;
    white-space: nowrap;
    padding: 3px 10px;
    border-radius: 999px;
    background: hsl(270deg 90% 55% / 0%);
    border: 1px solid hsl(0deg 0% 6.32% / 22%);
    line-height: 1;
}
@media (max-width: 767px) {
    body.light-mode .user-search-wrapper {

        background: transparent !important;

    }
}