/* v1.4.7: desktop catalogue start screen – compact category cards with product count,
   tidy sidebar, cleaner banner colours. Loaded after all other plugin styles. */

/* ---------- 1. "Избрани категории за вас" ---------- */
html body .hf-products-v1 .hf-products-welcome-category {
  height: auto !important;
  min-height: 128px !important;
  padding: 0 !important;
  grid-template-columns: 42% minmax(0, 1fr) !important;
  border: 1px solid #dde8f0 !important;
  border-radius: 14px !important;
  background: #fff !important;
}
html body .hf-products-v1 .hf-products-welcome-category:hover {
  border-color: #ff6b00 !important;
  transform: translateY(-3px) !important;
}
html body .hf-products-v1 .hf-products-welcome-category-image {
  height: 100% !important;
  padding: 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
html body .hf-products-v1 .hf-products-welcome-category-image img {
  filter: none !important;
  mix-blend-mode: multiply;
}
html body .hf-products-v1 .hf-products-welcome-category-copy {
  height: 100% !important;
  padding: 14px 14px 14px 4px !important;
  justify-content: center !important;
  gap: 6px !important;
}
html body .hf-products-v1 .hf-products-welcome-category-copy:after {
  display: none !important;
}
html body .hf-products-v1 .hf-products-welcome-category-copy strong {
  font-size: 15px !important;
  line-height: 1.28 !important;
}
html body .hf-products-v1 .hf-products-welcome-category-copy .hf-welcome-count {
  color: #ff6b00 !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}
html body .hf-products-v1 .hf-products-welcome-category:hover .hf-welcome-count {
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

/* ---------- 2. Sidebar "Главни категории" ---------- */
html body .hf-products-v1 .hf-filter-category-tree {
  gap: 2px !important;
}
html body .hf-products-v1 .hf-sidebar-category-group {
  margin: 0 !important;
}
html body .hf-products-v1 .hf-filter-category-tree .hf-sidebar-category-main,
html body .hf-products-v1 .hf-sidebar-category-main {
  min-height: 44px !important;
  padding: 7px 10px !important;
  gap: 12px !important;
  border-radius: 10px !important;
}
html body .hf-products-v1 .hf-filter-category-tree .hf-sidebar-category-icon,
html body .hf-products-v1 .hf-sidebar-category-icon {
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  flex: 0 0 30px !important;
  overflow: hidden !important;
}
html body .hf-products-v1 .hf-sidebar-category-icon img {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  object-fit: contain !important;
}
html body .hf-products-v1 .hf-filter-category-tree .hf-sidebar-category-title,
html body .hf-products-v1 .hf-sidebar-category-title {
  font-size: 15px !important;
  line-height: 1.25 !important;
}
html body .hf-products-v1 .hf-sidebar-category-main:hover {
  background: #fff4ec !important;
  color: #ff6b00 !important;
}

/* ---------- 3. Banner: clean blue tones, only a faint orange glow ---------- */
html body .hf-products-v1 .hf-products-welcome-copy {
  background: linear-gradient(115deg, #03172b 0%, #062a49 45%, #0a5a8c 78%, #0b6aa3 100%) !important;
}
html body .hf-products-v1 .hf-products-welcome-copy:before {
  background:
    radial-gradient(circle at 18% 48%, rgba(0,151,255,.45) 0, rgba(0,151,255,.18) 23%, transparent 53%),
    radial-gradient(circle at 84% 38%, rgba(61,187,255,.30) 0, rgba(61,187,255,.10) 24%, transparent 50%),
    radial-gradient(circle at 92% 92%, rgba(255,107,0,.14) 0, transparent 30%) !important;
}

/* v1.4.8: subtitle under the seasonal carousel title */
html body .hf-products-v1 .hf-seasonal-subtitle {
  margin: 2px 0 0 !important;
  color: #7b8999 !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
}

/* 1.4.9 — H1 on category / search views */
.hf-products-v1 .hf-products-h1{
  margin:0 0 14px !important;
  font-size:clamp(24px,2.2vw,32px) !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  color:#0b2745 !important;
  letter-spacing:-.3px !important;
}
@media (max-width:900px){
  /* the mobile stage bar already shows the name visually */
  .hf-products-v1 .hf-products-h1{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}
}