/*
 * Dynamic storefront theme overrides.
 * Loaded after style.css and daraz-theme.css so admin-configured colors win over legacy fixed accent colors.
 * Neutral surfaces and semantic colors (e.g. stock/error/WhatsApp) intentionally remain independent.
 */
.app-home {
    --primary-color: var(--primary);
    --secondary-color: var(--secondary);
}

/* Announcement bar and secondary label */
.app-home .notice-ticker { background: var(--primary) !important; color: var(--primary-text) !important; }
.app-home .notice-ticker .notice-text,
.app-home .notice-ticker .notice-close { color: var(--primary-text) !important; }
.app-home .notice-badge { background: var(--secondary) !important; color: var(--secondary-text) !important; }
.app-home .notice-badge i { color: var(--secondary-text) !important; }

/* Search and hero slider controls */
.app-home .market-search-btn { background: var(--primary) !important; color: var(--primary-text) !important; border-color: var(--primary) !important; }
.app-home .market-search-btn:hover { background: var(--primary-dark) !important; color: var(--primary-text) !important; }
.app-home .market-topbar { background: var(--primary) !important; color: var(--primary-text) !important; }
.app-home .market-topbar a,
.app-home .market-actions,
.app-home .market-auth-links a,
.app-home .market-auth-links span,
.app-home .market-cart-btn,
.app-home .menu-toggle { color: var(--primary-text) !important; }
.app-home .market-hero-slider { background: rgba(var(--primary-rgb), .04) !important; }
.app-home .hero-nav,
.app-home .market-hero-slider .hero-nav {
    background: rgba(255,255,255,.94) !important;
    color: var(--primary) !important;
    border: 1px solid var(--primary) !important;
}
.app-home .hero-nav:hover,
.app-home .market-hero-slider .hero-nav:hover { background: var(--primary) !important; color: var(--primary-text) !important; }
.app-home .hero-dot.active,
.app-home .market-hero-slider .hero-dot.active { background: var(--primary) !important; box-shadow: 0 0 0 1px var(--primary); }

/* Category hover and trust strip */
.app-home .market-cat-item:hover > .market-cat-link { background: rgba(var(--primary-rgb), .08) !important; color: var(--primary) !important; }
.app-home .market-cat-item:hover > .market-cat-link i,
.app-home .market-subcat-title:hover,
.app-home .market-child-links a:hover { color: var(--primary) !important; }
.app-home .market-trust-strip { background: rgba(var(--primary-rgb), .05) !important; border-color: rgba(var(--primary-rgb), .14) !important; }
.app-home .market-trust-item { border-color: rgba(var(--primary-rgb), .16) !important; }
.app-home .market-trust-item i,
.app-home .market-trust-item:nth-child(2) i,
.app-home .market-trust-item:nth-child(3) i,
.app-home .market-trust-item:nth-child(4) i,
.app-home .market-trust-item:nth-child(5) i { color: var(--primary) !important; }

/* Sales section headers, indicators and controls */
.app-home .flash-sale-head,
.app-home .hot-deal-head {
    background: linear-gradient(105deg, var(--primary-dark) 0%, var(--primary) 100%) !important;
    color: var(--primary-text) !important;
}
.app-home .flash-sale-heading-text h2,
.app-home .hot-deal-heading-text h2,
.app-home .flash-sale-heading-text p,
.app-home .hot-deal-heading-text p,
.app-home .flash-sale-head .timer-label,
.app-home .hot-deal-head .timer-label { color: var(--primary-text) !important; }
.app-home .flash-sale-head .timer-box b,
.app-home .hot-deal-head .timer-box b { color: var(--primary) !important; }
.app-home .flash-sale-bolt,
.app-home .hot-deal-flame { background: var(--primary) !important; color: var(--primary-text) !important; }
.app-home .flash-sale-viewall,
.app-home .hot-deal-viewall,
.app-home .btn-view-all {
    background: var(--primary) !important;
    color: var(--primary-text) !important;
    border-color: var(--primary) !important;
}
.app-home .flash-sale-viewall:hover,
.app-home .hot-deal-viewall:hover,
.app-home .btn-view-all:hover { background: var(--primary-dark) !important; color: var(--primary-text) !important; }
.app-home .deal-badge,
.app-home .hot-deal-section .deal-badge { background: var(--primary) !important; color: var(--primary-text) !important; }
.app-home .product-price,
.app-home .hot-deal-section .product-price,
.app-home .flash-sale-timer .timer-box b,
.app-home .flash-sold-text i { color: var(--primary) !important; }
.app-home .flash-progress,
.app-home .flash-sale-section .flash-progress { background: rgba(var(--primary-rgb), .14) !important; }
.app-home .flash-progress-bar,
.app-home .flash-sale-section .flash-progress-bar { background: linear-gradient(90deg, var(--primary-light), var(--primary)) !important; }
.app-home .btn-primary,
.app-home .btn-buy-now,
.app-home .auth-submit,
.app-home .ck-confirm-btn,
.app-home .ck-place-order,
.app-home .ck-order-btn,
.app-home .cart-page-checkout,
.app-home .cart-page-coupon-btn,
.app-home .btn-order,
.app-home .hot-deal-section .btn-order {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--primary-text) !important;
}
.app-home .btn-outline-primary,
.app-home .btn-add-cart,
.app-home .product-detail-actions .btn-outline-primary,
.app-home .btn-cart,
.app-home .hot-deal-section .btn-cart {
    background: #fff !important;
    border-color: var(--primary) !important;
    color: var(--primary) !important;
}
.app-home .btn-cart:hover,
.app-home .btn-add-cart:hover,
.app-home .btn-outline-primary:hover { background: rgba(var(--primary-rgb), .08) !important; }
.app-home .auth-submit:hover { background: var(--primary-dark) !important; color: var(--primary-text) !important; }
.app-home .category-chip { background: rgba(var(--primary-rgb), .06) !important; border-color: rgba(var(--primary-rgb), .18) !important; }
.app-home .category-chip.active { background: var(--primary) !important; color: var(--primary-text) !important; border-color: var(--primary) !important; }

/* Common primary action states */
.app-home .mini-cart-checkout,
.app-home .newsletter-form button,
.app-home .footer-newsletter .newsletter-form button {
    background: var(--primary) !important;
    color: var(--primary-text) !important;
    border-color: var(--primary) !important;
}
.app-home .newsletter-form button:hover { background: var(--primary-dark) !important; color: var(--primary-text) !important; }
.app-home .mini-cart-view:hover,
.app-home .nav-sub-dropdown a:hover,
.app-home .nav-sub-link:hover,
.app-home .nav-child-dropdown a:hover,
.app-home .drawer-links a:hover,
.app-home .drawer-sub-links a:hover { background: rgba(var(--primary-rgb), .08) !important; }
.app-home .mini-cart-view,
.app-home .mini-cart-line { color: var(--primary) !important; }
.app-home .mobile-bottom-nav a { color: var(--primary) !important; }
.app-home .mobile-bottom-nav a i { background: var(--primary) !important; color: var(--primary-text) !important; }
.app-home .features-bar { background: var(--primary) !important; color: var(--primary-text) !important; border-top-color: rgba(var(--primary-rgb), .22) !important; border-bottom-color: rgba(var(--primary-rgb), .22) !important; }
.app-home .features-bar .feature-item { border-right-color: rgba(var(--primary-text-rgb, 255, 255, 255), .20) !important; }

/* Footer and copyright use their own admin settings, including readable text colors. */
.app-home .site-footer { background: var(--footer-bg) !important; color: var(--footer-text) !important; border-top-color: rgba(var(--footer-text-rgb), .18) !important; }
.app-home .site-footer .footer-about p,
.app-home .site-footer .footer-newsletter p,
.app-home .site-footer .footer-grid h4,
.app-home .site-footer .footer-grid ul a { color: var(--footer-text) !important; }
.app-home .site-footer .footer-grid ul a:hover { color: var(--primary) !important; }
.app-home .site-footer .social-links a {
    background: rgba(var(--footer-text-rgb), .12) !important;
    color: var(--footer-text) !important;
    border-color: rgba(var(--footer-text-rgb), .22) !important;
}
.app-home .site-footer .social-links a:hover { background: var(--primary) !important; color: var(--primary-text) !important; border-color: var(--primary) !important; }
.app-home .site-footer .newsletter-form input[type="email"] { color: var(--footer-text) !important; }
.app-home .site-footer .newsletter-form input[type="email"]::placeholder { color: var(--footer-text) !important; opacity: .72; }
.app-home .site-footer .newsletter-form button { background: var(--primary) !important; color: var(--primary-text) !important; }
.app-home .footer-bottom { background: var(--copyright-bg) !important; color: var(--copyright-text) !important; border-top-color: rgba(var(--copyright-text-rgb), .18) !important; }
.app-home .footer-bottom a { color: var(--copyright-text) !important; }