/* ============================================================
   Nextdrop Theme Customizer — auto-generated by ThemeCustomizerController
   Do not edit this file directly. Change colors in Admin > Theme Customizer.
   ============================================================ */

/* ─── CSS Custom Properties ─── */
:root {
    --tc-header-bg:        #0F2A44;
    --tc-header-accent:    #FF6A00;
    --tc-cat-icon-bg:      #EAF0F7;
    --tc-cat-icon-color:   #0F2A44;
    --tc-cat-hover-bg:     #FF6A00;
    --tc-cat-hover-color:  #0F2A44;
    --tc-cat-name-hover:   #FF6A00;
    --tc-tag-bg:           #F5F5F5;
    --tc-tag-color:        #333333;
    --tc-tag-border:       #E0E0E0;
    --tc-tag-hover-bg:     #FF6A00;
    --tc-tag-hover-color:  #FFFFFF;
    --tc-deal-border:      #FF6A00;
    --tc-deal-progress:    #FF6A00;
    --tc-disc-border:      #FF6A00;
    --tc-disc-cart:        #FF6A00;
    --tc-disc-cart-hover:  #0F2A44;
    --tc-bento-bg:         #0F2A44;
    --tc-badge-new:        #FF6A00;
    --tc-shop-now:         #FF6A00;
    --tc-subscribe-bg:     #0F2A44;
    --tc-subscribe-btn:    #FF6A00;
    --tc-footer-bg:        #0F2A44;
    --tc-footer-hover:     #FF6A00;
    --tc-plan-hover:       #FF6A00;
    --tc-input-border:     #DEE2E6;
    --tc-input-focus:      #FF6A00;
    --tc-label:            #333333;
    --tc-product-badge:    #FF6A00;
    --tc-action-hover:     #FF6A00;
    --tc-star-filled:      #FF6A00;
    --tc-star-empty:       #D1D1D6;
    --tc-shop-tag-text:    #333333;
    --tc-shop-tag-border:  #FF6A00;
    --tc-shop-tag-active:  #FF6A00;
    --tc-blog-sidebar-bg:  #EDF2F7;
    --tc-blog-sidebar-ttl: #0F2A44;
    --tc-blog-sidebar-lnk: #FF6A00;
}

/* ─── HEADER ─── */
/* Background only — text is intentionally white per design */
.shp-topbar,
.shp-main-header,
.shp-navbar.d-none.d-lg-block,
.shopee-header.scrolled {
    background: #0F2A44 !important;
    background-image: none !important;
}
/* Nav underline accent on hover / active */
.shp-nav-link::after,
.shp-nav-item.active .shp-nav-link::after {
    background: #FF6A00 !important;
}
/* Cart & Wishlist badge bubble */
.shp-badge {
    background: #FF6A00 !important;
}

/* ─── POPULAR CATEGORIES ─── */
.category-icon {
    background: #EAF0F7 !important;
}
.category-icon i {
    color: #0F2A44 !important;
}
.category-link:hover .category-icon {
    background: #FF6A00 !important;
    box-shadow: 0 8px 24px rgba(255, 106, 0, 0.35) !important;
}
.category-link:hover .category-icon i {
    color: #0F2A44 !important;
}
.category-link:hover .category-name {
    color: #FF6A00 !important;
}

/* ─── TRENDING SEARCH TAGS ─── */
.trending-tag {
    background-color: #F5F5F5 !important;
    color:            #333333 !important;
    border-color:     #E0E0E0 !important;
}
.trending-tag:hover {
    background-color: #FF6A00 !important;
    color:            #FFFFFF !important;
    border-color:     #FF6A00 !important;
}

/* ─── FLASH DEALS ─── */
.deal-card:hover {
    border: 1.5px solid #FF6A00 !important;
    box-shadow: 0 8px 24px rgba(255, 106, 0, 0.12) !important;
}
.progress-bar__fill {
    background: #FF6A00 !important;
}

/* ─── DAILY DISCOVERY ─── */
.discovery-card:hover {
    border-color: #FF6A00 !important;
    box-shadow: 0 6px 20px rgba(255, 106, 0, 0.15) !important;
}
.discovery-cart-btn {
    background: #FF6A00 !important;
    box-shadow: 0 2px 8px rgba(255, 106, 0, 0.3) !important;
}
.discovery-cart-btn:hover {
    background: #0F2A44 !important;
}

/* ─── ECOMMERCE BENTO ─── */
.bento-card,
.bento-item-1 .bento-card,
.bento-item-2 .bento-card,
.bento-item-3 .bento-card,
.bento-item-4 .bento-card,
.bento-item-5 .bento-card,
.bento-item-6 .bento-card {
    background: #0F2A44 !important;
}
.badge-new {
    background: rgba(255, 106, 0, 0.85) !important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
.btn-shop-now {
    background:   rgba(255, 106, 0, 0.25) !important;
    border-color: rgba(255, 106, 0, 0.5) !important;
    color: #fff !important;
}
.btn-shop-now:hover {
    background:   rgba(255, 106, 0, 0.55) !important;
    border-color: rgba(255, 106, 0, 0.9) !important;
    color: #fff !important;
}

/* ─── SUBSCRIBE / NEWSLETTER ─── */
.subscribe-banner {
    background: #0F2A44 !important;
    background-image: none !important;
}
.subscribe-btn,
.subscribe-input-group .subscribe-btn,
.subscribe-form .subscribe-btn {
    background:   #FF6A00 !important;
    border-color: #FF6A00 !important;
    color: #fff !important;
}

/* ─── FOOTER ─── */
.footer-area {
    background-color: #0F2A44 !important;
}
.footer-menu__link:hover,
.footer-item a:hover {
    color: #FF6A00 !important;
}
.footer-item__title::after {
    background-color: #FF6A00 !important;
}

/* ─── PLANS / PRICING ─── */
.pricing-plan-item:hover {
    border-color: #FF6A00 !important;
    box-shadow: 0 8px 30px rgba(255, 106, 0, 0.12) !important;
}

/* ─── FORM FIELDS (Checkout & user dashboard) ─── */
/* Exclude header search controls to avoid unintended side-effects */
.form-control:not(.shp-search-input):not(.shp-cat-select) {
    border-color: #DEE2E6 !important;
}
.form-control:not(.shp-search-input):focus {
    border-color: #FF6A00 !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 106, 0, 0.2) !important;
}
.form-group > label,
.form-label {
    color: #333333 !important;
}

/* ─── PRODUCT CARD BADGE & ACTION BUTTONS ─── */
.ecommerce-product__thumb .product-badge {
    background-color: #FF6A00 !important;
}
.ecommerce-product__thumb .product-action-wrap .cart-btn {
    border-color: #FF6A00 !important;
}
.ecommerce-product__thumb .product-action-wrap .cart-btn:hover {
    background-color: #FF6A00 !important;
    border-color:     #FF6A00 !important;
}
.ecommerce-product__thumb .product-action-wrap .cart-btn .tooltip {
    background-color: #FF6A00 !important;
}
.ecommerce-product__thumb .product-action-wrap .cart-btn button {
    color: inherit;
}

/* ─── RATINGS / STARS ─── */
/* Filled stars — fas = Font Awesome solid */
.rating-list__item i.fas,
.discovery-card__rating i.fas,
.deal-card__rating i.fas,
.ecommerce-product__rating-view i.fas,
.review-wrap i.fas {
    color: #FF6A00 !important;
}
/* Empty stars — far = Font Awesome regular */
.rating-list__item i.far,
.discovery-card__rating i.far,
.deal-card__rating i.far,
.ecommerce-product__rating-view i.far,
.review-wrap i.far {
    color: #D1D1D6 !important;
}

/* ─── SHOP SIDEBAR — category & brand tag buttons ─── */
.text-list.style-tag .text-list__link {
    color:        #333333 !important;
    border-color: #FF6A00 !important;
}
.text-list.style-tag .text-list__link.active,
.text-list.style-tag .text-list__link:hover {
    background-color: #FF6A00 !important;
    border-color:     #FF6A00 !important;
    color:            #FFFFFF !important;
}

/* ─── BLOG SIDEBAR ─── */
.blog-sidebar {
    background: #EDF2F7 !important;
}
.blog-sidebar__title {
    color: #0F2A44 !important;
}
.blog-sidebar__title::after {
    background-color: #FF6A00 !important;
}
.latest-blog__text a:hover,
.text-list.style-category .text-list__link:hover {
    color: #FF6A00 !important;
}