/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/* === COLOUR PALETTE ===
   --blue:    #4d79ff  (softer blue, main accent)
   --purple:  #9b59b6  (purple, secondary)
   --teal:    #48b6d4  (soft teal, info/links)
   --green:   #2ecc71  (green, stock/success)
   --amber:   #f39c12  (amber, highlights)
   --red:     #e74c3c  (red, sale/urgent)
   --dark:    #060d1c  (body bg)
   --card:    #0a1628  (card bg)
   --header:  #070f1f  (header bg)
   --border:  #162846  (subtle border)
   --text:    #c8d8ff  (body text)
   --heading: #e0ecff  (headings)
*/

html, body { background-color: #060d1c !important; color: #c8d8ff !important; }
#wrapper, .page-wrapper, #main, .main-container { background-color: #060d1c !important; }
.woocommerce, .woocommerce-page { background-color: #060d1c !important; color: #c8d8ff !important; }

/* HEADER */
#header, .header-wrapper, .header-inner, .header-main, .header-bg, header { background: #070f1f !important; border-bottom: 2px solid #4d79ff !important; box-shadow: 0 2px 20px rgba(77,121,255,0.25) !important; }
.header-top-bar, .top-bar, .top-bar-section { background: #020810 !important; border-bottom: 1px solid rgba(72,182,212,0.2) !important; color: #48b6d4 !important; }
.top-bar a, .top-bar span, .top-bar li a { color: #48b6d4 !important; }

/* SEARCH */
.search-field, input[type="search"] { background: #0a1628 !important; border: 1px solid #4d79ff !important; color: #c8d8ff !important; }
.search-button, .search-submit { background: #4d79ff !important; color: #fff !important; }

/* NAV */
#main-nav, .nav-wrapper, .header-nav { background: #070f1f !important; }
nav.sp-shell > p { display: inline-flex !important; align-items: stretch !important; height: 46px !important; margin: 0 !important; padding: 0 !important; }
nav.sp-shell > p > a { display: inline-flex !important; align-items: center !important; height: 46px !important; padding: 0 18px !important; color: #c8d8ff !important; text-decoration: none !important; border-right: 1px solid #1a2d50 !important; white-space: nowrap !important; font-size: 14px !important; }
nav.sp-shell > p > a:hover { color: #48b6d4 !important; }
nav.sp-shell > details { display: inline-flex !important; align-items: stretch !important; height: 46px !important; position: relative !important; }
nav.sp-shell > details > summary { display: inline-flex !important; align-items: center !important; height: 46px !important; padding: 0 18px !important; color: #c8d8ff !important; cursor: pointer !important; border-right: 1px solid #1a2d50 !important; font-size: 14px !important; }
nav.sp-shell > details > summary:hover { color: #48b6d4 !important; }
nav.sp-shell > details > ul { position: absolute !important; top: 46px !important; left: 0 !important; background: #080f20 !important; border: 1px solid #4d79ff !important; z-index: 9999 !important; min-width: 200px !important; list-style: none !important; padding: 8px 0 !important; margin: 0 !important; }
nav.sp-shell > details > ul li a { display: block !important; padding: 10px 20px !important; color: #c8d8ff !important; }
nav.sp-shell > details > ul li a:hover { background: #0a1f4d !important; color: #48b6d4 !important; }
.nav a, .header-nav a { color: #c8d8ff !important; }
nav.sp-shell > p > a.active, nav.sp-shell > details[open] > summary { color: #4d79ff !important; }

/* PAGE TITLE / CATEGORY HEADER - fix white bar */
.page-title, .page-header, .page-title-inner, .col.page-title, .section.page-title, .woocommerce-products-header, .entry-header, .archive-header, .cat-header, .term-header, .woocommerce-products-header__title, h1.entry-title, .page-title h1, .page-title h2 { background: #060d1c !important; background-color: #060d1c !important; color: #e0ecff !important; }
.page-title *, .page-header *, .woocommerce-products-header * { background-color: transparent !important; color: #e0ecff !important; }
.section.page-title { background: transparent !important; }
/* Flatsome page title section */
.col.has-color, [class*="page-title"] { background-color: #060d1c !important; }
.is-divider, hr.is-divider { background: #4d79ff !important; opacity: 0.4 !important; }

/* TABS */
.ux-tabbar, ul.tabs, .wc-tabs, .woocommerce-tabs ul.tabs { background: #0a1628 !important; border-bottom: 2px solid #4d79ff !important; }
.ux-tabbar li a, ul.tabs li a, .wc-tabs li a { color: #7799cc !important; background: transparent !important; }
.ux-tabbar li.active a, ul.tabs li.active a, .wc-tabs li.active a { color: #48b6d4 !important; border-bottom: 2px solid #48b6d4 !important; }

/* CATEGORY TILES */
li.product-category { background: linear-gradient(135deg, #0a1830 0%, #0e2355 100%) !important; border: 1px solid #1a3866 !important; border-radius: 10px !important; overflow: hidden !important; }
li.product-category:hover { border-color: #4d79ff !important; box-shadow: 0 4px 28px rgba(77,121,255,0.4) !important; transform: translateY(-3px) !important; }
li.product-category h2 { color: #ffffff !important; }
li.product-category .count { color: #48b6d4 !important; }

/* PRODUCT CARDS */
ul.products li.product { background: #0a1628 !important; border: 1px solid #162846 !important; border-radius: 10px !important; overflow: hidden !important; transition: all 0.3s ease !important; }
ul.products li.product:hover { border-color: #4d79ff !important; box-shadow: 0 6px 30px rgba(77,121,255,0.35) !important; transform: translateY(-4px) !important; }
ul.products li.product .woocommerce-loop-product__title { color: #c8d8ff !important; }
/* Product image placeholder - fix white boxes */
.product-image-wrapper, .woocommerce-product-gallery, .woocommerce-product-gallery__image, .product img, ul.products li.product img, .product-thumbnail, .attachment-woocommerce_thumbnail, a.woocommerce-loop-product__link img { background: #0a1628 !important; }
.woocommerce-placeholder, img.wp-post-image[src*="placeholder"] { background: #0a1628 !important; filter: invert(0.8) hue-rotate(180deg) brightness(0.3) !important; }

/* PRICES */
.price, .woocommerce-Price-amount, bdi { color: #2ecc71 !important; font-weight: 700 !important; }
del .woocommerce-Price-amount, del bdi { color: #7799cc !important; font-weight: 400 !important; }
.onsale { background: #e74c3c !important; color: #fff !important; }

/* BUTTONS - keep the same style, softer blue */
.button, a.button, .add_to_cart_button, .single_add_to_cart_button, .btn, input[type="submit"], button.checkout-button { background: #4d79ff !important; color: #fff !important; border: none !important; border-radius: 6px !important; font-weight: 700 !important; box-shadow: 0 3px 16px rgba(77,121,255,0.35) !important; }
.button:hover, a.button:hover { background: #3a5ecc !important; }
/* Special buttons with colour variety */
.button.alt, a.button.alt { background: #9b59b6 !important; }
.button.alt:hover, a.button.alt:hover { background: #7d3d9a !important; }

/* CARDS / WIDGETS */
.box, .ux-box, .card, .widget, .sidebar-widget { background: #0a1628 !important; border: 1px solid #162846 !important; border-radius: 8px !important; color: #c8d8ff !important; }

/* LINKS */
a { color: #4d79ff !important; }
a:hover { color: #48b6d4 !important; }

/* HEADINGS */
h1, h2, h3, h4, h5, h6 { color: #e0ecff !important; }
p { color: #c8d8ff !important; }
.widget-title, .widgettitle { color: #48b6d4 !important; }

/* BREADCRUMB */
.woocommerce-breadcrumb, .breadcrumb { color: #7799cc !important; }
.woocommerce-breadcrumb a, .breadcrumb a { color: #4d79ff !important; }

/* TABLES */
table.shop_table { background: #0a1628 !important; color: #c8d8ff !important; }
table.shop_table th { color: #48b6d4 !important; background: #070f1f !important; }
table.shop_table td { border-color: #1a2d50 !important; color: #c8d8ff !important; }

/* FORMS */
input, textarea, select { background: #0a1628 !important; border: 1px solid #1a3866 !important; color: #c8d8ff !important; border-radius: 4px !important; }
input:focus, textarea:focus, select:focus { border-color: #4d79ff !important; }

/* FOOTER */
#footer, footer, .footer, .footer-wrapper, .footer-1, .footer-2 { background: #040b18 !important; border-top: 2px solid #4d79ff !important; color: #c8d8ff !important; }
.absolute-footer, .footer-bar { background: #020810 !important; color: #7799cc !important; }
#footer h3, #footer h4, #footer h5 { color: #48b6d4 !important; }
#footer a, .footer a { color: #7799cc !important; }
#footer a:hover, .footer a:hover { color: #4d79ff !important; }

/* WOO NOTICES */
.woocommerce-message, .woocommerce-info { background: #0a1f4d !important; border-color: #4d79ff !important; color: #c8d8ff !important; }
.woocommerce-error { background: #1a0510 !important; border-color: #e74c3c !important; }

/* PAGINATION */
.page-numbers li a, .page-numbers li span { background: #0a1628 !important; color: #c8d8ff !important; border: 1px solid #1a3866 !important; }
.page-numbers li .current { background: #4d79ff !important; color: #fff !important; }

/* SCROLLBAR */
::-webkit-scrollbar { width: 8px; background: #060d1c; }
::-webkit-scrollbar-thumb { background: #1a3866; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #4d79ff; }

/* ===== SP-THEME OVERRIDES ===== */
.sp-top, .sp-top * { background-color: #060d1c !important; }
.sp-nav-wrap { background-color: #060d1c !important; }
.sp-mega { background-color: #080f20 !important; border: 1px solid #4d79ff !important; }
.sp-tech-tag { background: rgba(77,121,255,0.15) !important; color: #c8d8ff !important; }
.sp-builder-preview { background: #0a1628 !important; }
.sp-button { background: #4d79ff !important; color: #fff !important; border-radius: 6px !important; }
.sp-kicker { color: #48b6d4 !important; }
.sp-cat { background: linear-gradient(135deg, #0a1830 0%, #0e2355 100%) !important; border: 1px solid #1a3866 !important; border-radius: 10px !important; color: #c8d8ff !important; }
.sp-cat:hover { background: linear-gradient(135deg, #0e2355 0%, #1a3c7a 100%) !important; border-color: #4d79ff !important; box-shadow: 0 4px 24px rgba(77,121,255,0.35) !important; transform: translateY(-3px) !important; }
.sp-cat strong { color: #e0ecff !important; }
.sp-arrow { color: #4d79ff !important; }
.sp-hero { background: linear-gradient(135deg, #060d1c 0%, #0a1628 50%, #060d1c 100%) !important; }
.sp-hero-bg { background-color: #060d1c !important; opacity: 0.3 !important; }
.sp-kicker { color: #48b6d4 !important; letter-spacing: 0.1em !important; }
.sp-hero h1 { color: #ffffff !important; text-shadow: 0 2px 20px rgba(77,121,255,0.35) !important; }
.sp-hero p { color: #a0c0f0 !important; }

/* PC BUILDER */
.woopb-step { background: #0a1628 !important; border: 1px solid #1a3866 !important; border-radius: 10px !important; color: #c8d8ff !important; }
.woopb-step:hover { border-color: #4d79ff !important; box-shadow: 0 4px 20px rgba(77,121,255,0.25) !important; }
.woopb-load-step.woopb-button { background: #4d79ff !important; color: #fff !important; border-radius: 6px !important; }
.sp-mega { background: #080f20 !important; border: 1px solid #4d79ff !important; box-shadow: 0 8px 32px rgba(0,0,0,0.5) !important; }
.sp-mega a { color: #c8d8ff !important; }
.sp-mega a:hover { color: #48b6d4 !important; }
.sp-tech-tag { background: rgba(77,121,255,0.2) !important; border: 1px solid rgba(77,121,255,0.4) !important; color: #48b6d4 !important; }
.sp-builder-preview { background: #0a1628 !important; border: 1px solid #1a3866 !important; border-radius: 12px !important; }

/* INLINE STYLE OVERRIDES - catch any remaining white/light backgrounds injected by theme */
[style*="background: rgb(234"], [style*="background-color: rgb(234"],
[style*="background: rgb(245"], [style*="background-color: rgb(245"],
[style*="background: rgb(251"], [style*="background-color: rgb(251"],
[style*="background: rgb(255, 255, 255)"], [style*="background-color: rgb(255, 255, 255)"],
[style*="background: #fff"], [style*="background-color: #fff"],
[style*="background: white"], [style*="background-color: white"] {
  background-color: #060d1c !important;
  background: #060d1c !important;
}

/* COLOUR ACCENTS - add variety like evetech */
/* GPU/hardware badges */
.product_tag-nvidia .woocommerce-loop-product__title::before { content: ""; }
.label-new, .badge-new { background: #2ecc71 !important; color: #fff !important; }
.label-hot, .badge-hot { background: #e74c3c !important; color: #fff !important; }
/* Category colour accents via nth-child rainbow */
ul.products li.product:nth-child(4n+1):hover { border-color: #4d79ff !important; }
ul.products li.product:nth-child(4n+2):hover { border-color: #9b59b6 !important; }
ul.products li.product:nth-child(4n+3):hover { border-color: #2ecc71 !important; }
ul.products li.product:nth-child(4n+4):hover { border-color: #f39c12 !important; }

/* SIDEBAR BROWSE */
.widget_product_categories a, .widget ul li a { color: #c8d8ff !important; }
.widget_product_categories a:hover, .widget ul li a:hover { color: #48b6d4 !important; }
.widget_product_categories li.current-cat > a { color: #4d79ff !important; font-weight: bold !important; }

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
}
/* FIX: Shop/Category page title white bar */
.shop-page-title, .category-page-title, .featured-title,
div.shop-page-title, div.category-page-title {
  background: #060d1c !important;
  background-color: #060d1c !important;
}
.shop-page-title h1, .category-page-title h1,
h1.shop-page-title, h1.is-xlarge.shop-page-title {
  background: transparent !important;
  background-color: transparent !important;
  color: #e0ecff !important;
}
/* Catch all Flatsome light-blue tints */
[style*="background: rgb(242"], [style*="background-color: rgb(242"],
[style*="background: rgb(240"], [style*="background-color: rgb(240"],
[style*="background: rgb(248"], [style*="background-color: rgb(248"] {
  background-color: #060d1c !important;
  background: #060d1c !important;
}
/* HIGH SPECIFICITY FIX: inline-injected shop-page-title light bg */
body .shop-page-title,
body div.shop-page-title,
body .category-page-title,
body .featured-title,
html body .shop-page-title,
html body .category-page-title,
html body .featured-title,
html body .page-title.featured-title,
html body .shop-page-title.category-page-title {
  background-color: #060d1c !important;
  background: #060d1c !important;
  color: #e0ecff !important;
}
html body h1.shop-page-title,
html body .shop-page-title h1,
html body .category-page-title h1 {
  background: transparent !important;
  color: #e0ecff !important;
}