/* ==========================================================================
   Shopping China Traditional Retail E-Commerce Theme for Storefront
   Vibrant Paraguayan Retail Style: Pure White, Shopping China Red (#C8102E),
   Crisp Dark Typography, Retail Product Cards, Clear Pricing & Badges
   ========================================================================== */

body.theme-shopping-china {
  --bg-primary: #FFFFFF;
  --bg-secondary: #F8FAFC;
  --bg-card: #FFFFFF;
  --bg-light: #F1F5F9;
  --text-main: #0F172A;
  --text-muted: #64748B;
  --text-dark: #0F172A;
  --accent-cyan: #C8102E;
  --accent-blue: #991B1B;
  --accent-hover: #DC2626;
  --border-color: #E2E8F0;
  --success: #15803D;
  --warning: #D97706;
  --danger: #DC2626;
  --card-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);

  background-color: #F8FAFC !important;
  color: #0F172A !important;
}

/* ---------------- Top Announcement Bar ---------------- */
body.theme-shopping-china .header-top {
  background: #0B1120 !important;
  border-bottom: 2px solid #C8102E !important;
  color: #CBD5E1 !important;
}

body.theme-shopping-china .top-bar-left span {
  color: #E2E8F0 !important;
}

body.theme-shopping-china .top-bar-left i {
  color: #FBBF24 !important;
}

body.theme-shopping-china .top-bar-right a {
  color: #FCA5A5 !important;
}

body.theme-shopping-china .top-bar-right a:hover {
  color: #FFFFFF !important;
}

/* ---------------- Main Retail Navbar ---------------- */
body.theme-shopping-china .main-navbar {
  background: #FFFFFF !important;
  border-bottom: 1px solid #E2E8F0 !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
}

body.theme-shopping-china .brand-logo img {
  height: 52px;
  width: auto;
}

body.theme-shopping-china .search-form {
  border: 2px solid #C8102E !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  display: flex !important;
  align-items: stretch !important;
  height: 44px !important;
  background: #FFFFFF !important;
}

body.theme-shopping-china .search-form input {
  background: #FFFFFF !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  color: #0F172A !important;
  font-size: 0.95rem;
  padding: 0 16px !important;
  flex: 1;
}

body.theme-shopping-china .search-form input::placeholder {
  color: #94A3B8 !important;
}

body.theme-shopping-china .search-btn {
  background: #C8102E !important;
  color: #FFFFFF !important;
  font-weight: 800 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 24px !important;
  font-size: 0.95rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  transition: background 0.2s ease;
}

body.theme-shopping-china .search-btn:hover {
  background: #991B1B !important;
}

body.theme-shopping-china .nav-btn {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 6px !important;
  padding: 7px 14px !important;
  transition: all 0.2s ease;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

body.theme-shopping-china .nav-btn:hover {
  border-color: #C8102E !important;
  box-shadow: 0 2px 8px rgba(200, 16, 46, 0.12);
}

body.theme-shopping-china .cart-icon-wrapper {
  color: #C8102E !important;
  font-size: 1.5rem !important;
  background: transparent !important;
  border: none !important;
}

body.theme-shopping-china .cart-badge {
  background: #C8102E !important;
  color: #FFFFFF !important;
  border: 2px solid #FFFFFF !important;
  font-weight: 800;
  font-size: 0.72rem;
  min-width: 18px;
  height: 18px;
}

body.theme-shopping-china .cart-info .label {
  color: #64748B !important;
  font-weight: 600;
  font-size: 0.72rem;
  text-transform: uppercase;
}

body.theme-shopping-china .cart-info .amount {
  color: #0F172A !important;
  font-weight: 800 !important;
  font-size: 0.95rem;
}

/* ---------------- Department Navigation (Shopping China Red Bar) ---------------- */
body.theme-shopping-china .category-navbar {
  background: linear-gradient(90deg, #991B1B 0%, #C8102E 40%, #B91C1C 100%) !important;
  border-bottom: 3px solid #7F1D1D !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12) !important;
}

body.theme-shopping-china .category-pill {
  color: #FFFFFF !important;
  font-weight: 700 !important;
  font-size: 0.84rem !important;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  padding: 12px 18px !important;
  border-radius: 0 !important;
  background: transparent !important;
  border-bottom: 3px solid transparent !important;
  transition: all 0.2s ease;
}

body.theme-shopping-china .category-pill:hover {
  background: rgba(0, 0, 0, 0.15) !important;
  color: #FFFFFF !important;
}

body.theme-shopping-china .category-pill.active {
  background: rgba(0, 0, 0, 0.22) !important;
  color: #FEF08A !important;
  border-bottom: 3px solid #FEF08A !important;
  box-shadow: none !important;
}

/* ---------------- Hero Banner ---------------- */
body.theme-shopping-china .hero-slide {
  background: linear-gradient(135deg, #0F172A 0%, #1E293B 60%, #881337 100%) !important;
  border: 1px solid #CBD5E1 !important;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12) !important;
}

body.theme-shopping-china .hero-slide-content h1 {
  color: #FFFFFF !important;
}

body.theme-shopping-china .hero-slide-content p {
  color: #E2E8F0 !important;
}

body.theme-shopping-china .hero-tag {
  background: #C8102E !important;
  color: #FFFFFF !important;
  border: none !important;
  font-weight: 800;
}

body.theme-shopping-china .btn-hero-primary {
  background: #C8102E !important;
  color: #FFFFFF !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 15px rgba(200, 16, 46, 0.4) !important;
}

body.theme-shopping-china .btn-hero-primary:hover {
  background: #991B1B !important;
}

body.theme-shopping-china .btn-hero-secondary {
  background: #FFFFFF !important;
  color: #0F172A !important;
  border: 1px solid #CBD5E1 !important;
  font-weight: 700;
}

body.theme-shopping-china .btn-hero-secondary:hover {
  background: #F1F5F9 !important;
}

body.theme-shopping-china .badge-round {
  background: #C8102E !important;
  border: 3px solid #FEF08A !important;
  color: #FFFFFF !important;
  box-shadow: 0 6px 18px rgba(200, 16, 46, 0.35);
}

/* ---------------- 5-Day Import Notice (Prominent Callout) ---------------- */
body.theme-shopping-china .import-notice-banner {
  background: #FFFBEB !important;
  border: 2px solid #FCD34D !important;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(245, 158, 11, 0.1) !important;
}

body.theme-shopping-china .notice-icon-box {
  background: #FEF3C7 !important;
  color: #B45309 !important;
  border: 1px solid #FDE68A !important;
}

body.theme-shopping-china .notice-title {
  color: #92400E !important;
  font-weight: 800 !important;
}

body.theme-shopping-china .notice-text-box p {
  color: #78350F !important;
}

body.theme-shopping-china .notice-tag {
  background: #15803D !important;
  color: #FFFFFF !important;
  border: none !important;
  font-weight: 800;
}

/* ---------------- Trust Bar ---------------- */
body.theme-shopping-china .trust-bar {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}

body.theme-shopping-china .trust-item {
  border-right: 1px solid #F1F5F9;
}

body.theme-shopping-china .trust-icon-wrap {
  background: #FEE2E2 !important;
  color: #C8102E !important;
  border: 1px solid #FECDD3 !important;
}

body.theme-shopping-china .trust-text h4 {
  color: #0F172A !important;
  font-weight: 800 !important;
}

body.theme-shopping-china .trust-text p {
  color: #64748B !important;
}

/* ---------------- Department Category Cards Grid ---------------- */
body.theme-shopping-china .section-title-sm {
  color: #0F172A !important;
}

body.theme-shopping-china .dept-card {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.2s ease;
}

body.theme-shopping-china .dept-card:hover {
  transform: translateY(-3px);
  border-color: #C8102E !important;
  box-shadow: 0 8px 20px rgba(200, 16, 46, 0.1) !important;
}

body.theme-shopping-china .dept-card h4 {
  color: #0F172A !important;
  font-weight: 800;
}

body.theme-shopping-china .dept-card p {
  color: #64748B !important;
}

body.theme-shopping-china .dept-badge {
  background: #FEE2E2 !important;
  color: #C8102E !important;
  font-weight: 700;
}

body.theme-shopping-china .dept-link {
  color: #C8102E !important;
  font-weight: 700;
}

body.theme-shopping-china .dept-icon {
  background: #FEE2E2 !important;
  color: #C8102E !important;
}

/* ---------------- Traditional E-Commerce Product Cards ---------------- */
body.theme-shopping-china .section-header h2 {
  color: #0F172A !important;
}

body.theme-shopping-china .section-header p {
  color: #64748B !important;
}

body.theme-shopping-china .filter-pill {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #475569 !important;
  font-weight: 600;
}

body.theme-shopping-china .filter-pill:hover,
body.theme-shopping-china .filter-pill.active {
  background: #C8102E !important;
  border-color: #C8102E !important;
  color: #FFFFFF !important;
}

body.theme-shopping-china .sort-select {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #0F172A !important;
}

body.theme-shopping-china .product-card {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

body.theme-shopping-china .product-card:hover {
  transform: translateY(-4px);
  border-color: #C8102E !important;
  box-shadow: 0 12px 25px rgba(200, 16, 46, 0.12) !important;
}

body.theme-shopping-china .product-img-wrap {
  background: #FFFFFF !important;
  border-bottom: 1px solid #F1F5F9 !important;
}

body.theme-shopping-china .badge-discount {
  background: #C8102E !important;
  color: #FFFFFF !important;
  font-weight: 800 !important;
  border-radius: 4px;
}

body.theme-shopping-china .badge-origin {
  background: #F8FAFC !important;
  color: #475569 !important;
  border: 1px solid #CBD5E1 !important;
  font-weight: 600;
}

body.theme-shopping-china .product-supplier {
  color: #64748B !important;
  font-weight: 600;
  text-transform: uppercase;
}

body.theme-shopping-china .product-title {
  color: #0F172A !important;
  font-weight: 700 !important;
  line-height: 1.35;
}

body.theme-shopping-china .price-old {
  color: #94A3B8 !important;
  text-decoration: line-through;
  font-size: 0.82rem;
}

body.theme-shopping-china .price-current {
  color: #C8102E !important;
  font-size: 1.38rem !important;
  font-weight: 900 !important;
}

body.theme-shopping-china .price-installments {
  color: #15803D !important;
  font-weight: 700 !important;
  font-size: 0.80rem;
}

body.theme-shopping-china .btn-add-cart {
  background: #C8102E !important;
  color: #FFFFFF !important;
  font-weight: 800 !important;
  border: none !important;
  border-radius: 6px !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 10px !important;
  box-shadow: 0 3px 8px rgba(200, 16, 46, 0.25);
  transition: background 0.2s ease;
}

body.theme-shopping-china .btn-add-cart:hover {
  background: #991B1B !important;
}

/* ---------------- Flash Deals Section ---------------- */
body.theme-shopping-china .flash-deals-box {
  background: #FFFFFF !important;
  border: 2px solid #C8102E !important;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(200, 16, 46, 0.08) !important;
}

body.theme-shopping-china .deals-header {
  border-bottom: 2px solid #FEE2E2 !important;
}

body.theme-shopping-china .deals-title-wrap h3 {
  color: #0F172A !important;
}

body.theme-shopping-china .deals-badge {
  background: #C8102E !important;
  color: #FFFFFF !important;
  font-weight: 800;
}

body.theme-shopping-china .countdown-box {
  background: #FFF1F2 !important;
  border: 1px solid #FECDD3 !important;
  color: #C8102E !important;
}

/* ---------------- Shopping Cart Slide-over Drawer ---------------- */
body.theme-shopping-china .cart-drawer {
  background: #FFFFFF !important;
  color: #0F172A !important;
  box-shadow: -5px 0 35px rgba(0, 0, 0, 0.15) !important;
}

body.theme-shopping-china .cart-header {
  background: #F8FAFC !important;
  border-bottom: 1px solid #E2E8F0 !important;
  color: #0F172A !important;
}

body.theme-shopping-china .cart-header h3 {
  color: #0F172A !important;
}

body.theme-shopping-china .cart-header i {
  color: #C8102E !important;
}

body.theme-shopping-china .close-btn {
  color: #64748B !important;
}

body.theme-shopping-china .close-btn:hover {
  color: #C8102E !important;
}

body.theme-shopping-china .cart-item-card {
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 8px;
}

body.theme-shopping-china .cart-item-title {
  color: #0F172A !important;
  font-weight: 700;
}

body.theme-shopping-china .cart-item-price {
  color: #C8102E !important;
  font-weight: 800;
}

body.theme-shopping-china .cart-footer {
  background: #FFFFFF !important;
  border-top: 1px solid #E2E8F0 !important;
}

body.theme-shopping-china .cart-total-line span:last-child {
  color: #C8102E !important;
  font-weight: 900;
}

body.theme-shopping-china .btn-checkout {
  background: #C8102E !important;
  color: #FFFFFF !important;
  font-weight: 800 !important;
  border: none !important;
  box-shadow: 0 4px 15px rgba(200, 16, 46, 0.35) !important;
}

body.theme-shopping-china .btn-checkout:hover {
  background: #991B1B !important;
}

/* ---------------- Checkout & Order Success Pages ---------------- */
body.theme-shopping-china .checkout-container,
body.theme-shopping-china .order-success-container {
  color: #0F172A !important;
}

body.theme-shopping-china .checkout-card,
body.theme-shopping-china .order-card {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  color: #0F172A !important;
}

body.theme-shopping-china .form-control {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #0F172A !important;
}

body.theme-shopping-china .form-control:focus {
  border-color: #C8102E !important;
  box-shadow: 0 0 0 3px rgba(200, 16, 46, 0.15) !important;
}

body.theme-shopping-china .order-summary-box {
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
}

/* ---------------- Traditional Retail Footer ---------------- */
body.theme-shopping-china footer {
  background: #0B1120 !important;
  border-top: 4px solid #C8102E !important;
  color: #CBD5E1 !important;
}

body.theme-shopping-china .footer-col h4 {
  color: #FFFFFF !important;
  border-left: 3px solid #C8102E;
  padding-left: 8px;
}

body.theme-shopping-china .footer-col p,
body.theme-shopping-china .footer-col ul li a {
  color: #94A3B8 !important;
}

body.theme-shopping-china .footer-col ul li a:hover {
  color: #FFFFFF !important;
}

body.theme-shopping-china .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #64748B !important;
}