/* buylexsale.com — blue + white */
:root {
  --bx-blue: #1565c0;
  --bx-blue-deep: #0b3a7a;
  --bx-blue-mid: #1e6fd4;
  --bx-white: #ffffff;
  --bx-mist: #f3f8fd;
  --bx-line: #d4e4f7;
  --bx-muted: #5a7aa3;

  --ink: #0b3a7a;
  --muted: #5a7aa3;
  --paper: #ffffff;
  --soft: #f3f8fd;
  --line: #d4e4f7;
  --accent: #1565c0;
  --brand: #1565c0;
  --brand-hover: #1e6fd4;
  --brand-deep: #0b3a7a;
  --brand-soft: rgba(21, 101, 192, .12);
  --gold: #3d7ec4;

  --uk-bg: #ffffff;
  --uk-ink: #0b3a7a;
  --uk-muted: #5a7aa3;
  --uk-line: #d4e4f7;
  --uk-soft: #f3f8fd;
}

html,
body {
  background: #fff !important;
  color: #0b3a7a;
}

a.brand,
.brand-logo,
a.brand .brand-name,
.site-header .brand-name,
.site-header a.brand,
.site-header a.brand .brand-name {
  color: #fff !important;
}

.site-chrome,
.site-header {
  background: #0b3a7a !important;
  border-bottom: 1px solid #0a326b !important;
  color: #fff !important;
}

/* Unify ALL pages: navy header + white text/icons */
html body .site-chrome,
html body .site-header,
html body:not(:has(.wg-hero)) .site-header,
html body:not(:has(.wg-hero)) .site-chrome,
html body:has(.wg-hero) .site-chrome,
html body:has(.wg-hero) .site-header {
  background: #0b3a7a !important;
  border-bottom: 1px solid #0a326b !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}
html body a.brand,
html body a.brand .brand-name,
html body .site-header .brand-name,
html body .site-header a.brand,
html body .brand {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html body .site-header .main-nav a,
html body .site-header .nav-link,
html body .site-header .nav-link-text,
html body .site-header .header-icon,
html body .site-header .header-actions button,
html body .site-header .header-actions a {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.wf-trust-strip {
  display: none !important;
}

.utility-bar,
html body .utility-bar,
html body .site-chrome .utility-bar {
  background: #ffffff !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  border-bottom: 1px solid #e5e5e5 !important;
}
.utility-bar *,
.utility-bar a,
.utility-bar p,
.utility-bar span,
.utility-bar .promo-text,
.utility-bar .utility-copy,
.utility-bar .shell,
#theme-toggle,
.lang-switch-btn,
.utility-bar .sell-now,
.utility-bar a.sell-now {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}
.utility-bar .sell-now,
.utility-bar a.sell-now {
  border-color: #000000 !important;
  background: transparent !important;
}

.site-header .main-nav a,
.site-header .nav-link,
.site-header .nav-link-text,
.site-header .header-actions button,
.site-header .header-actions a,
.site-header .header-icon,
.header-actions button,
.header-actions a {
  color: #fff !important;
}

.site-header .main-nav a:hover,
.site-header .nav-link:hover,
.site-header .header-actions button:hover,
.site-header .header-actions a:hover {
  color: #e8f1ff !important;
  opacity: 1;
}

.site-header .header-actions svg,
.site-header .header-icon svg,
.site-header .nav-toggle svg,
.site-header button svg {
  stroke: #fff !important;
  color: #fff !important;
  fill: none !important;
}
.site-header .header-actions svg[fill]:not([fill="none"]),
.site-header .header-icon svg path[fill]:not([fill="none"]) {
  fill: #fff !important;
}

.site-header .nav-toggle,
.site-header .menu-toggle,
.site-header .mobile-nav-toggle,
.site-header button.nav-toggle,
.site-header .nav-menu-btn,
html body .site-header .nav-menu-btn,
html body #nav-menu-toggle {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 1px solid rgba(255, 255, 255, .85) !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 10100 !important;
  position: relative !important;
}
html body.nav-open .site-header .nav-menu-btn,
html body.nav-open #nav-menu-toggle,
html body.mdrawer-open .site-header .nav-menu-btn {
  color: #0b3a7a !important;
  -webkit-text-fill-color: #0b3a7a !important;
  background: #fff !important;
  border-color: #fff !important;
}

.header-icon--bag .cart-count {
  background: #fff !important;
  color: #0b3a7a !important;
}

.btn-dark,
.uk-btn-dark,
.buy-button.buy-now,
#checkout-button,
.checkout-pay-btn,
.category-pill.active,
.blog-page-btn.is-active,
.filter.active {
  background: #1565c0 !important;
  border-color: #1565c0 !important;
  color: #fff !important;
}

.btn-dark:hover,
.uk-btn-dark:hover,
.buy-button.buy-now:hover:not(:disabled),
.buy-button:hover:not(:disabled) {
  background: #1e6fd4 !important;
  border-color: #1e6fd4 !important;
  color: #fff !important;
}

.uk-btn-solid {
  background: #fff !important;
  color: #1565c0 !important;
  border-color: #1565c0 !important;
}

.uk-btn-outline,
.buy-button:not(.buy-now):not(.buy-via-whatsapp) {
  color: #1565c0 !important;
  border-color: #1565c0 !important;
  background: #fff !important;
}

.uk-hero-actions .uk-btn {
  background: #fff !important;
  color: #111 !important;
  border: 1px solid #111 !important;
  border-radius: 0 !important;
}
.uk-hero-actions .uk-btn:hover {
  background: #111 !important;
  color: #fff !important;
}

a.buy-button.buy-via-whatsapp,
.buy-button.buy-via-whatsapp,
a.buy-via-whatsapp,
#local-product-whatsapp {
  background: #25d366 !important;
  border-color: #25d366 !important;
  color: #fff !important;
}

.fp-strip,
.utility-bar {
  background: linear-gradient(90deg, #0b3a7a, #1565c0 50%, #0b3a7a) !important;
}

.fp-strip {
  color: #fff !important;
}

.site-footer {
  background: linear-gradient(180deg, #0b3a7a 0%, #072a58 100%) !important;
  color: #e4eef9 !important;
}
.site-footer a,
.footer-bottom,
.footer-bottom a {
  color: #c5d8ef !important;
}
.footer-newsletter h3,
.footer-grid h4 {
  color: #fff !important;
}

.product-price-sale {
  color: #1565c0 !important;
}

.category-pill:hover,
.filter:hover {
  border-color: #1565c0 !important;
  color: #1565c0 !important;
}

.shop-filter-option input,
.checkout-check input {
  accent-color: #1565c0;
}

.mail-card header {
  background: #1565c0 !important;
}

.contact-fab--mail {
  background: #1565c0 !important;
}

/* Category chips: black fill, white text; hover gray fill, black text */
.uk-brands-row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center;
  align-items: stretch;
  gap: 8px !important;
  padding: 8px 0 12px !important;
}
.uk-cat-btn,
.uk-brands-row .uk-brand-pill,
.nav-mega-grid a,
.nav-mega-all {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: 0 0 auto;
  margin: 0;
  padding: 10px 14px !important;
  background: #111 !important;
  color: #fff !important;
  border: 1px solid #111 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.25;
  animation: none !important;
  will-change: auto;
  transform: none !important;
}
.uk-brands-row .uk-brand-pill:hover,
.uk-brands-row .uk-brand-pill:focus-visible,
.uk-cat-btn:hover,
.uk-cat-btn:focus-visible,
.nav-mega-grid a:hover,
.nav-mega-grid a:focus-visible,
.nav-mega-all:hover,
.nav-mega-all:focus-visible {
  background: #d6d6d6 !important;
  color: #111 !important;
  border-color: #d6d6d6 !important;
}
.uk-brands-row .uk-brand-pill img,
.uk-brands-row .uk-brand-pill .uk-brand-dot {
  display: none !important;
}
.uk-brands-row .uk-brand-pill span {
  max-width: none !important;
  overflow: visible;
  white-space: nowrap;
  text-overflow: clip;
  color: inherit !important;
}
.nav-mega-panel {
  min-width: min(860px, calc(100vw - 32px));
  max-width: min(860px, calc(100vw - 32px));
  background: #fff !important;
  border: 1px solid #d4e4f7 !important;
  box-shadow: 0 12px 32px rgba(11, 58, 122, 0.12) !important;
}
.nav-mega-panel[hidden],
.nav-item--mega:not(.is-open) > .nav-mega-panel {
  display: none !important;
}
.nav-mega-inner {
  background: #fff !important;
  padding: 16px 18px !important;
}
.nav-mega-grid,
.nav-mega-grid.nav-mega-btns,
.nav-mega-grid--cols2 {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px;
  grid-template-columns: none !important;
}
.nav-mega-all {
  width: fit-content;
  margin-bottom: 12px !important;
}
@media (max-width: 720px) {
  .uk-cat-btn,
  .uk-brands-row .uk-brand-pill,
  .nav-mega-grid a,
  .nav-mega-all {
    padding: 8px 10px !important;
    font-size: 10px;
  }
}

.fp-hero-actions .btn-dark {
  background: #fff !important;
  color: #1565c0 !important;
  border-color: #fff !important;
}
.fp-hero-actions .btn-dark:hover {
  background: transparent !important;
  color: #fff !important;
}

.assurance-message:hover {
  background: #1565c0 !important;
  border-color: #1565c0 !important;
  color: #fff !important;
}

.shop-filter-block>summary,
.shop-header h1,
.page-hero h1 {
  color: #0b3a7a;
}

/* Hover swaps to the second gallery photo */
.product-card .product-image img.hover-img,
.uk-product-card .uk-product-media img.hover-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  pointer-events: none;
  transition: opacity .18s ease;
}
.product-card .product-image img.hover-img {
  object-fit: cover;
}
.uk-product-card .uk-product-media img.hover-img {
  object-fit: contain;
}
.product-card .likes,
.uk-product-badge {
  z-index: 2;
}
@media (hover: hover) and (pointer: fine) {
  .product-card:hover .product-image img.hover-img,
  .uk-product-card:hover .uk-product-media img.hover-img {
    opacity: 1;
  }
}

/* Sidebar ranking titles: 3 lines max */
.article-rail .rail-rank-title {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  line-clamp: 3 !important;
  overflow: hidden !important;
  white-space: normal !important;
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", "Heiti SC", "SimHei", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 700 !important;
}

/* Article titles + product titles — 黑体加粗 */
.article-header h1,
.archive-item h2,
.uk-product-title,
#local-product-title,
.product-page .product-title,
.product-details h1.product-title,
.product-card .product-info h3,
.product-card .product-info h3 a {
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", "Heiti SC", "SimHei", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
}

.blog-card-title,
.blog-card-title a,
.uk-blog-grid .uk-blog-card h3,
.uk-blog-card h3,
.uk-blog-card a h3 {
  font-family: Arial, "Helvetica Neue", Helvetica, "Segoe UI", sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-synthesis: none !important;
  letter-spacing: 0 !important;
}
}