/* Site fixes — keep this file when installing new scripts */

/* Horizontal promo banners: full image on mobile */
.promo-banner,
.app-home .promo-banner {
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
    background: none !important;
    background-image: none !important;
}

.promo-banner-img,
.app-home .promo-banner-img {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
}

/* Fallback if old background-image markup still exists */
.promo-banner[style*="background-image"] {
    min-height: 0 !important;
    aspect-ratio: 16 / 5;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

@media (max-width: 900px) {
    .promo-banner[style*="background-image"] {
        aspect-ratio: 16 / 7;
    }
}

/* ============================================================
   JOYNEST Brand Theme Styles (Green, Golden Amber, Nest Brown)
   ============================================================ */

:root {
    --notice-height: 0px !important;
}

/* Header Top / Notice Ticker Removed */
.notice-ticker {
    display: none !important;
    height: 0 !important;
}

.site-header {
    top: 0 !important;
}

/* Search Bar */
.search-box, .mobile-search {
    border-color: var(--primary) !important;
}
.search-box button, .search-submit {
    background: var(--primary) !important;
    color: #fff !important;
}
.search-box input:focus, .mobile-search input:focus {
    border-color: var(--primary-dark) !important;
}

/* Header & Cart Badge */
.cart-count, .mobile-cart-badge, .floating-cart-count, .header-cart-badge {
    background: var(--secondary) !important;
    color: #fff !important;
    font-weight: 700 !important;
}
.floating-cart-btn {
    background: var(--primary) !important;
    box-shadow: 0 6px 20px rgba(98, 161, 40, 0.35) !important;
}

/* Badges & Accents */
.discount-badge, .product-badge--discount, .badge-discount {
    background: linear-gradient(135deg, var(--secondary), var(--secondary-dark)) !important;
    color: #fff !important;
}
.in-stock {
    color: var(--primary) !important;
}
.rating-stars i, .vendor-stars i, .product-rating i, .star-input-btn.active, .star-input-btn:hover {
    color: var(--secondary) !important;
}

/* Flash Sales & Hot Deals */
.flash-sale-head {
    background: linear-gradient(120deg, var(--nest-brown) 0%, var(--primary-dark) 55%, var(--primary) 100%) !important;
}
.hot-deal-head {
    background: linear-gradient(120deg, var(--nest-brown) 0%, #442013 40%, var(--secondary-dark) 100%) !important;
}
.flash-sale-viewall, .hot-deal-viewall {
    background: var(--secondary) !important;
    color: #fff !important;
}
.flash-progress-bar {
    background: linear-gradient(90deg, var(--secondary), var(--primary)) !important;
}
.flash-badge {
    background: linear-gradient(135deg, var(--secondary), var(--secondary-dark)) !important;
}

/* Action Buttons */
.btn-primary,
.add-to-cart-btn,
.product-card-add-cart,
.pd-add-cart-btn,
.details-cart-btn {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
    transition: all 0.2s ease !important;
}
.btn-primary:hover,
.add-to-cart-btn:hover,
.product-card-add-cart:hover,
.pd-add-cart-btn:hover,
.details-cart-btn:hover {
    background: var(--primary-dark) !important;
    border-color: var(--primary-dark) !important;
    transform: translateY(-1px);
}

/* Buy Now / Quick Order */
.buy-now-btn,
.btn-order-now,
.details-buy-btn,
.pd-buy-now-btn,
.quick-order-action {
    background: linear-gradient(135deg, var(--secondary), var(--secondary-dark)) !important;
    border-color: var(--secondary-dark) !important;
    color: #fff !important;
    font-weight: 700 !important;
    transition: all 0.2s ease !important;
}
.buy-now-btn:hover,
.btn-order-now:hover,
.details-buy-btn:hover,
.pd-buy-now-btn:hover,
.quick-order-action:hover {
    background: linear-gradient(135deg, var(--secondary-dark), #b45309) !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(248, 158, 27, 0.35) !important;
}

/* Category Navigation & Drawer Active Tints */
.nav-cat-link:hover, .nav-cat-link.active {
    color: var(--primary) !important;
}
.nav-sub-dropdown a:hover,
.nav-child-dropdown a:hover,
.app-home .drawer-links a:hover,
.app-home .drawer-sub-links a:hover {
    background: var(--primary-tint) !important;
    color: var(--primary) !important;
}

/* Price Tags */
.product-price, .pd-current-price, .cart-item-price, .total-amount {
    color: var(--primary) !important;
}

/* Checkout Page Accents */
.checkout-step-num, .checkout-badge, .order-summary-header {
    background: var(--primary) !important;
    color: #fff !important;
}
.checkout-submit-btn, .place-order-btn, #orderConfirmBtn {
    background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
    border-color: var(--primary-dark) !important;
    color: #fff !important;
    box-shadow: 0 6px 20px rgba(98, 161, 40, 0.28) !important;
}
.checkout-submit-btn:hover, .place-order-btn:hover, #orderConfirmBtn:hover {
    background: var(--primary-dark) !important;
    transform: translateY(-1px);
}

/* Footer & Copyright Bar */
.site-footer {
    background: var(--footer-bg, #3d1f14) !important;
    color: rgba(255, 255, 255, 0.88) !important;
}
.site-footer .footer-title,
.site-footer h4,
.site-footer h5 {
    color: #fff !important;
    border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}
.site-footer a {
    color: rgba(255, 255, 255, 0.82) !important;
    transition: color 0.2s ease !important;
}
.site-footer a:hover {
    color: var(--secondary) !important;
}
.footer-bottom, .copyright-wrap, .site-copyright {
    background: var(--copyright-bg, #24110a) !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Live Chat Widget & Mobile Bottom Nav */
.gcc-launcher-btn, .gemini-chat-toggle {
    background: var(--primary) !important;
    box-shadow: 0 4px 16px rgba(98, 161, 40, 0.35) !important;
}
.mobile-nav-bottom .nav-item.active,
.mobile-nav-bottom .nav-item:hover {
    color: var(--primary) !important;
}

/* Brand Logo (Horizontal Icon + Text) */
.logo {
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    flex-shrink: 0 !important;
    transition: transform 0.2s ease, opacity 0.2s ease !important;
}
.logo:hover {
    opacity: 0.92;
    transform: translateY(-1px);
}
.logo img {
    height: 48px !important;
    width: auto !important;
    max-width: 220px !important;
    object-fit: contain !important;
    display: block !important;
}
.footer-logo {
    height: 52px !important;
    width: auto !important;
    max-width: 230px !important;
    object-fit: contain !important;
    display: block !important;
    margin-bottom: 16px !important;
}

@media (max-width: 768px) {
    .logo img {
        height: 38px !important;
        max-width: 165px !important;
    }
    .footer-logo {
        height: 44px !important;
        max-width: 190px !important;
    }
}