/* LeoScorpioLeo — site-wide header bestseller carousel
   Replaces the theme's static ".adv-area" ad slot (header.php) with a live
   bestseller product carousel on every page, matching what the homepage
   (page 4850) already does with its own embedded copy of this same styling.
   Card background/text color is set per-card inline by lsl-header-carousel.js
   (random rust/amber, see "Corroded Copper" color system, 2026-08-03) — the
   rules below are structural/layout only plus a static fallback color. */

#header .adv-area { display: flex; align-items: center; }

/* Theme default is "justify-content: space-between", which shoves the logo
   into the far-left corner and the carousel into the far-right corner with a
   big dead gap between them. Keep the whole header group (logo + carousel)
   together on the left instead. */
#header .navigation-middle-row { justify-content: flex-start !important; }
#header .navigation-middle-row .adv-area { margin-left: 24px; }

/* Root's header shows none of this — hide it here too so every install
   matches. Root simply doesn't have the plugin that injects it (the blog's
   "Clever Fox" plugin hooks theme action news25_above_header_layouts to add
   a date/time + weather + dark-mode bar, and a "Breaking News" post section
   appears separately below the nav). CSS-only hide, not a plugin
   deactivation, so nothing else Clever Fox does elsewhere is affected.
   `section.breaking-news-section` is tag-scoped deliberately — the search
   popup's unrelated "Trending Searching" widget reuses the same class name
   on a <div>, not a <section>, and must stay visible. */
#above-header.above-header { display: none !important; }
section.breaking-news-section { display: none !important; }

.lsl-prod-carousel { overflow: hidden; position: relative; margin: 0 auto; }
.lsl-prod-track { display: flex; }
.lsl-prod-card {
  flex: 0 0 calc(100% / var(--slots) - 12px); margin: 0 6px; box-sizing: border-box;
  display: flex; align-items: center; gap: .5rem; text-decoration: none;
  background: #B5551E; color: #F5ECDD; border: none; border-radius: 8px; padding: 6px 10px 6px 6px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .35);
  transition: transform .25s ease, opacity .25s ease, box-shadow .2s ease;
}
.lsl-prod-card:hover { box-shadow: 0 3px 12px rgba(0, 0, 0, .5); transform: translateY(-1px); }
.lsl-prod-card img { width: 64px; height: 64px; object-fit: cover; border-radius: 6px; flex: 0 0 auto; }
.lsl-prod-card .lsl-prod-info { min-width: 0; text-align: left; }
.lsl-prod-card .lsl-prod-name { font-size: .82rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: inherit; }
.lsl-prod-card .lsl-prod-price { font-size: .78rem; font-weight: 700; color: inherit; opacity: .85; }

#lslHeaderProdCarousel { max-width: 849px; height: 120px; }