/* 
 * TILSIM BOOKSTORE - PREMIUM BLUE REFINEMENT LAYER
 * This file applies visual refinements safely over the existing theme.
 * Focus: Transitioning from Gold/Beige to a Premium Blue/Navy system.
 */

/* --- 1. Premium Navy Header & Navigation Refinement --- */
.site-header {
    background: #102A43 !important; /* Deep Navy Base */
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(12px) !important;
}

.site-header.is-scrolled {
    background: rgba(16, 42, 67, 0.98) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
}

/* Logo & Global Header Text/Icons */
.site-header .logo-text,
.site-header .header-action-btn,
.site-header .nav-chevron {
    color: #FFFFFF !important;
}

.site-header .header-action-btn:hover {
    color: #D8EAF7 !important;
}

/* Desktop Menu Links */
.nav-item-link,
.nav-item > a {
    color: #FFFFFF !important;
    opacity: 0.9 !important;
    transition: all 0.3s ease !important;
}

.nav-item:hover > a,
.nav-item:hover .nav-item-link,
.nav-item--has-dropdown.dropdown-open .nav-item-link {
    color: #D8EAF7 !important;
    opacity: 1 !important;
}

/* Active Menu Item */
.nav-item.current-menu-item > a,
.nav-item.current-menu-item .nav-item-link,
.nav-item.current_page_item > a,
.nav-item.current_page_item .nav-item-link {
    color: #A8D4F2 !important;
    opacity: 1 !important;
}

/* Hover Underline Accent */
.nav-item > a::after,
.nav-item-link::after {
    background: #4A90C2 !important;
}

/* Mega Dropdown System */
.nav-dropdown {
    background: #0B1F33 !important; /* Darker Navy */
    border-top: 2px solid #4A90C2 !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
}

.nav-dropdown-heading {
    color: #A8D4F2 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.nav-dropdown-list li a {
    color: rgba(255, 255, 255, 0.7) !important;
}

.nav-dropdown-list li a:hover {
    color: #FFFFFF !important;
    background: rgba(255, 255, 255, 0.03) !important;
}

/* Utility Elements */
.cart-count {
    background: #4A90C2 !important;
    color: #FFFFFF !important;
}

.mobile-nav-toggle .hamburger-bar {
    background: #FFFFFF !important;
}

/* --- 2. Hero Section Refinements --- */
.hero-section {
    background: var(--color-soft-bg) !important;
}

.hero-section::before {
    background: radial-gradient(ellipse at 70% 40%, rgba(37, 99, 235, 0.05) 0%, transparent 70%) !important;
}

.hero-content .text-overline {
    color: var(--color-accent) !important;
}

.hero-buttons .btn:hover,
.btn-primary:hover {
    background: var(--color-accent) !important;
    border-color: var(--color-accent) !important;
}

.hero-image-wrapper::before {
    background: rgba(37, 99, 235, 0.04) !important;
    border: 1px solid rgba(37, 99, 235, 0.1) !important;
}

.hero-trust-item svg {
    color: var(--color-accent) !important;
}

.hero-trust-strip {
    border-top: 1px solid var(--color-border) !important;
}

/* --- 3. Shop & Product Card Refinements --- */
.ts-section-head {
    border-bottom: 1px solid var(--color-border) !important;
}



.premium-book-card {
    border: 1px solid var(--color-border) !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03) !important;
}

.premium-book-card:hover {
    box-shadow: var(--shadow-hover) !important;
    border-color: var(--color-accent) !important;
}

.book-card-media {
    background: #F8FAFC !important;
    border-bottom: 1px solid var(--color-border) !important;
}

.book-badge, 
.product.premium-ultimate-pdp span.onsale {
    background: var(--color-accent) !important;
    color: var(--color-white) !important;
}

.book-category-tag,
.pdp-cat-badge {
    color: var(--color-accent) !important;
    background: var(--color-accent-soft) !important;
    border: 1px solid rgba(37, 99, 235, 0.1) !important;
}

.btn-book-cta:hover {
    background: var(--color-accent) !important;
    box-shadow: 0 5px 15px rgba(37, 99, 235, 0.2) !important;
}

.btn-peek-inline,
.btn-wishlist-inline {
    background: var(--color-white) !important;
    border: 1px solid var(--color-border) !important;
}

.btn-peek-inline:hover,
.btn-wishlist-inline:hover {
    background: var(--color-soft-bg) !important;
    border-color: var(--color-accent) !important;
    color: var(--color-accent) !important;
}

.trust-pill {
    background: var(--color-soft-bg) !important;
    border: 1px solid var(--color-border) !important;
}

.trust-pill svg {
    color: var(--color-accent) !important;
}

.pdp-purchase-zone-unified {
    background: var(--color-white) !important;
    border: 1px solid var(--color-border) !important;
}

/* --- 4. Sidebar & Filter Refinements --- */
.ts-boutique-sidebar-wrap {
    background: var(--color-white) !important;
    border: 1px solid var(--color-border) !important;
}

.ts-boutique-sidebar-wrap .widget {
    border-bottom: 1px solid var(--color-border) !important;
}

.ts-boutique-sidebar-wrap .widget-title {
    color: var(--color-text-light) !important;
}

.ts-boutique-sidebar-wrap .widget_search .search-form:focus-within {
    border-color: var(--color-accent) !important;
}

.ts-boutique-sidebar-wrap .widget_price_filter .ui-slider-range {
    background: var(--color-accent) !important;
}

.ts-boutique-sidebar-wrap .widget_price_filter .ui-slider-handle {
    border-color: var(--color-accent) !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2) !important;
}

.ts-boutique-sidebar-wrap .widget_price_filter .price_slider_amount .button:hover {
    background: var(--color-accent) !important;
    border-color: var(--color-accent) !important;
}

.ts-boutique-sidebar-wrap .widget_rating_filter ul li a:hover {
    color: var(--color-accent) !important;
}

.ts-boutique-sidebar-wrap .widget_rating_filter .star-rating {
    color: #F59E0B !important; /* Amber for stars is better than gold/blue for trust */
}

.ts-boutique-sidebar-wrap .filter-group-cat .active-filter-chip:hover,
.ts-boutique-sidebar-wrap .active-filters-container .active-filter-chip:hover {
    border-color: var(--color-accent) !important;
    color: var(--color-accent) !important;
    background: var(--color-accent-soft) !important;
}

.ts-boutique-sidebar-wrap ul.product-categories li:hover > a {
    color: var(--color-accent) !important;
}

.ts-boutique-sidebar-wrap .woocommerce-widget-layered-nav-list__item a:hover {
    color: var(--color-accent) !important;
}

.ts-boutique-sidebar-wrap .woocommerce-widget-layered-nav-list__item.woocommerce-widget-layered-nav-list__item--chosen a::before {
    background: var(--color-accent) !important;
    border-color: var(--color-accent) !important;
}

.ts-boutique-sidebar-wrap .widget_layered_nav_filters ul li a:hover {
    background: var(--color-accent) !important;
    border-color: var(--color-accent) !important;
}

/* --- 5. Shop Header & Breadcrumbs --- */
.shop-hero-enhanced {
    background: var(--color-secondary) !important;
    border-bottom: 1px solid var(--color-border) !important;
}

.shop-hero-enhanced .woocommerce-breadcrumb a:hover {
    color: var(--color-accent) !important;
}

.shop-hero-enhanced .text-overline {
    color: var(--color-accent) !important;
}

/* --- 6. WooCommerce Pages (Cart, Checkout, Account) --- */
.woocommerce-cart table.cart td.actions .button,
.woocommerce-checkout #payment #place_order,
.woocommerce-EditAccountForm .button,
.woocommerce-address-fields .button {
    background-color: var(--color-primary) !important;
    border-radius: 4px !important;
    transition: var(--transition-premium) !important;
}

.woocommerce-cart table.cart td.actions .button:hover,
.woocommerce-checkout #payment #place_order:hover,
.woocommerce-EditAccountForm .button:hover {
    background-color: var(--color-accent) !important;
}

/* Forms & Inputs */
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea, select {
    border: 1px solid var(--color-border) !important;
    border-radius: 4px !important;
    padding: 0.75rem 1rem !important;
    transition: border-color 0.2s ease !important;
}

input:focus, textarea:focus, select:focus {
    border-color: var(--color-accent) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px var(--color-accent-soft) !important;
}

/* --- 7. Footer Refinements --- */
.site-footer {
    background: var(--color-footer-bg) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.footer-column-title {
    color: var(--color-white) !important;
}

.footer-links a:hover {
    color: var(--color-accent) !important;
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* Mobile Menu Refinements */
.mobile-nav-drawer {
    background: #102A43 !important; /* Premium Navy */
}

.mobile-nav-drawer .logo-text,
.mobile-menu-item a {
    color: #FFFFFF !important;
}

.mobile-menu-item--has-sub.is-open .mobile-menu-toggle-btn svg {
    color: #A8D4F2 !important;
}

.mobile-submenu {
    background: #0B1F33 !important;
}

.mobile-submenu li a {
    color: rgba(255, 255, 255, 0.7) !important;
}

.mobile-submenu li a:hover {
    color: #D8EAF7 !important;
}

/* --- 8. Muted Editorial Genre Cards --- */
.ts-genre-card--burgundy { background: linear-gradient(145deg, #4A1D2C 0%, #7A263D 100%) !important; }
.ts-genre-card--crimson  { background: linear-gradient(145deg, #621414 0%, #8E2B21 100%) !important; }
.ts-genre-card--amber    { background: linear-gradient(145deg, #5D3A0D 0%, #945A30 100%) !important; }
.ts-genre-card--sage     { background: linear-gradient(145deg, #1E4132 0%, #357B5B 100%) !important; }
.ts-genre-card--coral    { background: linear-gradient(145deg, #8C3D18 0%, #B26729 100%) !important; }
.ts-genre-card--emerald  { background: linear-gradient(145deg, #124129 0%, #1B7B44 100%) !important; }
.ts-genre-card--rose     { background: linear-gradient(145deg, #5C1130 0%, #851141 100%) !important; }

/* Category specific structural fixes */
.ts-section-head-left .text-overline {
    color: var(--color-accent) !important;
}

.ts-product-cat {
    color: var(--color-accent) !important;
    background: var(--color-accent-soft) !important;
}

.ts-badge-sale {
    background: var(--color-accent) !important;
}

.ts-product-cta:hover {
    background: var(--color-accent) !important;
}