/*
 * Alenda Design System — S1 Implementation
 * Galvene + Mega-izvēlne + Kājene + Sākumlapa
 * Enqueue: functions.php via wp_enqueue_scripts
 * Atkarīgs no: style.css (--alenda-* mainīgie jau tur)
 * 2026-06-01 · v1.0
 */

/* ============================================================
   1. TOKEN ALIASI — style.css lieto --alenda-*, mockup --blue/*
   ============================================================ */
:root {
  --blue:       var(--alenda-blue, #1457A6);
  --blue-dark:  var(--alenda-blue-dark, #0E3F7A);
  --blue-tint:  var(--alenda-blue-tint, #EAF1F9);
  --teal:       var(--alenda-teal, #16B8A6);
  --teal-tint:  var(--alenda-teal-tint, #E4F6F4);
  --ink:        var(--alenda-ink, #1B2A3A);
  --slate:      var(--alenda-slate, #5E6E7E);
  --mist:       var(--alenda-mist, #F4F7FA);
  --line:       var(--alenda-line, #E3E9F0);
  --success:    var(--alenda-success, #1E9E63);
  --warning:    var(--alenda-warning, #E8A300);
  --error:      var(--alenda-error, #D6493F);
  --white:      #FFFFFF;
  --radius-sm:  8px;
  --radius-md:  12px;
  --radius-lg:  16px;
  --shadow-sm:  0 1px 4px rgba(0,0,0,.06);
  --shadow-md:  0 4px 16px rgba(0,0,0,.09);
  --shadow-lg:  0 8px 32px rgba(0,0,0,.12);
}

/* ============================================================
   2. BLOCKSY NATĪVĀS GALVENES / KĀJENES SLĒPŠANA
   Mūsu galvene injicēta caur wp_body_open hook (priority 1)
   Kājene — footer.php child override
   ============================================================ */
.ct-header,
.has-ct-header > .ct-header { display: none !important; }
.ct-footer { display: none !important; }
/* Nodrošina, ka header nav atstāj tukšu vietu */
.ct-header + * { margin-top: 0 !important; }
/* WP admin bar korekcija */
.admin-bar .alenda-header { top: 32px; }
@media (max-width: 782px) {
  .admin-bar .alenda-header { top: 46px; }
}

/* ============================================================
   3. LAYOUT UTILĪTKLASES
   ============================================================ */
/* DEMOFIX_20261029 (Raivis: wide monitors): fluid container — backgrounds stay full-bleed, content grows to 1560 px */
.container {
  width: 100%;
  max-width: 1560px;
  margin: 0 auto;
  padding: 0 clamp(16px, 3vw, 48px);
  box-sizing: border-box;
}
@media (max-width: 640px) { .container { padding: 0 16px; } }

.bg-white   { background: var(--white); }
.bg-mist    { background: var(--mist); }
.section    { padding: 56px 0; }
.section-sm { padding: 36px 0; }
.section-header {
  display: flex; align-items: baseline;
  justify-content: space-between; margin-bottom: 32px;
}
.section-header h2 { color: var(--ink); }
.section-header a {
  font-size: .875rem; font-weight: 600; color: var(--blue);
  text-decoration: none; white-space: nowrap;
}
.section-header a:hover { text-decoration: underline; }

/* Pogas */
.btn-primary {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--white); color: var(--blue);
  font-family: inherit; font-weight: 700; font-size: .9375rem;
  padding: 12px 24px; border-radius: 10px; border: none; cursor: pointer;
  text-decoration: none; transition: transform .15s, box-shadow .15s;
  box-shadow: 0 2px 12px rgba(0,0,0,.15);
}
.btn-primary:hover { transform: translateY(-1px); box-shadow: 0 4px 20px rgba(0,0,0,.2); color: var(--blue); }
.btn-secondary-light {
  display: inline-flex; align-items: center; gap: 8px;
  background: transparent; color: #fff;
  font-family: inherit; font-weight: 700; font-size: .9375rem;
  padding: 12px 24px; border-radius: 10px;
  border: 2px solid rgba(255,255,255,.4); cursor: pointer;
  text-decoration: none; transition: background .15s, border-color .15s;
}
.btn-secondary-light:hover { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.7); color: #fff; }
.btn-teal {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--teal); color: #fff;
  font-family: inherit; font-weight: 700; font-size: .9375rem;
  padding: 12px 24px; border-radius: 10px; border: none; cursor: pointer;
  text-decoration: none; white-space: nowrap; transition: background .15s;
}
.btn-teal:hover { background: #13a494; color: #fff; }

/* ============================================================
   4. GLOBĀLĀ GALVENE
   ============================================================ */
.alenda-header {
  position: sticky; top: 0; z-index: 200;
  background: var(--white);
  border-bottom: 1px solid var(--line);
  box-shadow: var(--shadow-sm);
}
.alenda-header-inner {
  display: flex; align-items: center; gap: 20px;
  height: 64px;
}

/* Logo */
.alenda-logo {
  display: flex; align-items: center; gap: 10px;
  text-decoration: none; flex-shrink: 0;
}
.alenda-logo-mark {
  width: 36px; height: 36px; background: var(--blue);
  border-radius: 8px; display: flex; align-items: center;
  justify-content: center; font-weight: 800; color: #fff;
  font-size: 14px; letter-spacing: -1px; position: relative;
  font-family: 'Manrope', sans-serif;
}
.alenda-logo-mark::after {
  content: ''; position: absolute; bottom: 6px; right: 7px;
  width: 5px; height: 5px; border-radius: 50%; background: var(--teal);
}
.alenda-logo-name {
  font-size: 1.1rem; font-weight: 800; color: var(--ink);
  letter-spacing: -.5px;
}

/* Nav galvenais */
.alenda-nav-main {
  display: flex; gap: 0; flex: 1; position: relative;
}
.alenda-nav-item { position: static; }
.alenda-nav-link {
  display: flex; align-items: center; gap: 4px;
  text-decoration: none; color: var(--slate);
  font-size: .875rem; font-weight: 600;
  padding: 6px 10px; height: 64px;
  border: none; background: none; font-family: inherit;
  white-space: nowrap; cursor: pointer;
  transition: color .15s;
  border-radius: 0;
}
.alenda-nav-link i { font-size: .75rem; transition: transform .2s; color: var(--slate); }
.alenda-nav-link:hover,
.alenda-nav-item.open > .alenda-nav-link { color: var(--blue); }
.alenda-nav-item.open > .alenda-nav-link i { transform: rotate(180deg); color: var(--blue); }

/* Vienkāršs nav-link (bez mega) */
.alenda-nav-link-plain {
  display: flex; align-items: center;
  text-decoration: none; color: var(--slate);
  font-size: .875rem; font-weight: 600;
  padding: 6px 10px; height: 64px;
  white-space: nowrap;
  transition: color .15s;
}
.alenda-nav-link-plain:hover { color: var(--blue); }

/* Galvenes labā puse */
.alenda-header-right {
  display: flex; align-items: center; gap: 10px;
  margin-left: auto; flex-shrink: 0;
}

/* Meklēšanas poga */
.alenda-search-btn {
  display: flex; align-items: center; gap: 6px;
  height: 36px; padding: 0 14px;
  border: 1.5px solid var(--line); border-radius: 20px;
  background: none; font-family: inherit; font-size: .8125rem;
  color: var(--slate); cursor: pointer;
  transition: border-color .15s, color .15s;
  text-decoration: none;
}
.alenda-search-btn:hover { border-color: var(--blue); color: var(--ink); }
.alenda-search-btn span { display: none; }
@media (min-width: 1100px) { .alenda-search-btn span { display: inline; } }

/* PVN toggle */
.alenda-pvn-toggle {
  display: flex; align-items: center;
  border: 1.5px solid var(--line); border-radius: 20px; overflow: hidden;
}
.alenda-pvn-toggle button {
  padding: 4px 10px; border: none; cursor: pointer;
  background: transparent; color: var(--slate);
  font-family: inherit; font-size: .75rem; font-weight: 600;
  transition: background .15s, color .15s;
}
.alenda-pvn-toggle button.active { background: var(--blue); color: var(--white); }

/* Ikonas pogas (konts, grozs) */
.alenda-icon-btn {
  position: relative; background: none; border: none; cursor: pointer;
  width: 36px; height: 36px; display: flex; align-items: center;
  justify-content: center; border-radius: var(--radius-sm);
  transition: background .15s; color: var(--ink); font-size: 1.125rem;
  text-decoration: none;
}
.alenda-icon-btn:hover { background: var(--blue-tint); color: var(--ink); }
.alenda-cart-badge {
  position: absolute; top: 2px; right: 2px;
  background: var(--blue); color: #fff; font-size: 10px; font-weight: 700;
  width: 16px; height: 16px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  line-height: 1;
}
.alenda-cart-badge:empty { display: none; }

/* Hamburger */
.alenda-hamburger {
  display: none; flex-direction: column; gap: 5px;
  background: none; border: none; cursor: pointer; padding: 4px;
}
.alenda-hamburger span {
  display: block; width: 22px; height: 2px;
  background: var(--ink); border-radius: 2px;
  transition: all .25s;
}
.alenda-hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.alenda-hamburger.open span:nth-child(2) { opacity: 0; }
.alenda-hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

@media (max-width: 900px) {
  .alenda-nav-main   { display: none; }
  .alenda-search-btn { padding: 0 10px; } /* SEARCH_20261021: search stays on mobile (icon) */
  .alenda-pvn-toggle { display: none; }
  .alenda-hamburger  { display: flex; }
}
@media (max-width: 480px) {
  .alenda-logo-name { display: none; }
}

/* ============================================================
   5. MEGA-IZVĒLNE — Desktop
   ============================================================ */
.alenda-mega-dropdown {
  display: none; position: fixed;
  top: 64px; left: 0; right: 0;
  background: var(--white);
  border-top: 2px solid var(--blue);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 8px 32px rgba(0,0,0,.10);
  z-index: 190;
  animation: alenda-fade-slide .18s ease;
}
.alenda-nav-item.open .alenda-mega-dropdown { display: block; }

.admin-bar .alenda-mega-dropdown { top: calc(64px + 32px); }
@media (max-width: 782px) {
  .admin-bar .alenda-mega-dropdown { top: calc(64px + 46px); }
}

@keyframes alenda-fade-slide {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}

.alenda-mega-inner {
  display: grid;
  grid-template-columns: 220px 1fr 240px;
  gap: 0; min-height: 340px;
}

/* Kreisā: kategoriju tabs */
.alenda-mega-cats {
  border-right: 1px solid var(--line);
  padding: 20px 0;
  display: flex; flex-direction: column;
}
.alenda-mega-cat-tab {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 20px; cursor: pointer;
  font-size: .875rem; font-weight: 600; color: var(--slate);
  border-left: 3px solid transparent;
  transition: all .12s; border: none; background: none;
  font-family: inherit; text-align: left; width: 100%;
}
.alenda-mega-cat-tab:hover { color: var(--blue); background: var(--blue-tint); }
.alenda-mega-cat-tab.active {
  color: var(--blue); background: var(--blue-tint);
  border-left-color: var(--blue);
}
.alenda-mega-cat-tab i { font-size: 1.1rem; width: 20px; text-align: center; flex-shrink: 0; }

/* Vidus: apakškategorijas */
.alenda-mega-subs {
  padding: 24px 28px; display: none;
}
.alenda-mega-subs.active { display: block; }
.alenda-mega-subs-title {
  font-size: .6875rem; font-weight: 700; color: var(--slate);
  text-transform: uppercase; letter-spacing: .07em; margin-bottom: 14px;
}
.alenda-mega-sub-grid {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px 16px;
}
.alenda-mega-sub-link {
  display: flex; align-items: center; gap: 8px;
  padding: 8px 10px; border-radius: var(--radius-sm);
  text-decoration: none; color: var(--ink);
  font-size: .875rem; font-weight: 500;
  transition: background .12s, color .12s;
}
.alenda-mega-sub-link:hover { background: var(--blue-tint); color: var(--blue); }
.alenda-mega-sub-link i { font-size: .875rem; color: var(--slate); flex-shrink: 0; }
.alenda-mega-sub-link:hover i { color: var(--blue); }
.alenda-mega-view-all {
  display: inline-flex; align-items: center; gap: 6px;
  margin-top: 16px; font-size: .8125rem; font-weight: 700;
  color: var(--blue); text-decoration: none;
}
.alenda-mega-view-all:hover { text-decoration: underline; color: var(--blue); }

/* Labā: promo panelis */
.alenda-mega-promo {
  border-left: 1px solid var(--line);
  padding: 24px 20px;
  display: flex; flex-direction: column; gap: 14px;
  background: var(--mist);
}
.alenda-mega-promo-card {
  border-radius: var(--radius-md); overflow: hidden;
  background: var(--blue); color: #fff;
  padding: 20px; flex: 1;
  display: flex; flex-direction: column; justify-content: flex-end;
  min-height: 160px; position: relative;
}
.alenda-mega-promo-card::before {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(14,63,122,.6) 0%, rgba(20,87,166,.3) 100%);
}
.alenda-mega-promo-content { position: relative; z-index: 1; }
.alenda-mega-promo-label {
  font-size: .6875rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: .07em; color: rgba(255,255,255,.7); margin-bottom: 6px;
}
.alenda-mega-promo-title { font-size: .9375rem; font-weight: 700; line-height: 1.3; margin-bottom: 10px; }
.alenda-mega-promo-link {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: .8125rem; font-weight: 700; color: #fff;
  text-decoration: none; padding: 5px 12px;
  background: rgba(255,255,255,.18); border-radius: 20px;
  border: 1px solid rgba(255,255,255,.3);
  transition: background .15s;
}
.alenda-mega-promo-link:hover { background: rgba(255,255,255,.28); color: #fff; }
.alenda-mega-promo-stats { display: flex; flex-direction: column; gap: 8px; }
.alenda-promo-stat {
  display: flex; align-items: center; gap: 8px;
  font-size: .8125rem; color: var(--slate);
}
.alenda-promo-stat i { color: var(--blue); font-size: 1rem; }

/* Backdrop */
.alenda-backdrop {
  display: none; position: fixed; inset: 0;
  z-index: 170; background: rgba(0,0,0,.25);
}
.alenda-backdrop.open { display: block; }

/* ============================================================
   6. MOBILĀ NAVIGĀCIJA — Pilnekrāna accordion
   ============================================================ */
.alenda-mobile-nav {
  display: none; position: fixed;
  top: 64px; left: 0; right: 0; bottom: 0;
  background: var(--white); z-index: 180;
  overflow-y: auto; border-top: 1px solid var(--line);
}
.alenda-mobile-nav.open { display: block; }
.admin-bar .alenda-mobile-nav { top: calc(64px + 32px); }
@media (max-width: 782px) {
  .admin-bar .alenda-mobile-nav { top: calc(64px + 46px); }
}

.alenda-mob-inner { padding: 8px 0 32px; }
.alenda-mob-cat-item { border-bottom: 1px solid var(--line); }
.alenda-mob-cat-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 20px; cursor: pointer;
  font-size: .9375rem; font-weight: 600; color: var(--ink);
  background: none; border: none; width: 100%; text-align: left;
  font-family: inherit; transition: background .12s;
}
.alenda-mob-cat-header:hover { background: var(--mist); }
.alenda-mob-cat-header.open { color: var(--blue); }
.alenda-mob-cat-left { display: flex; align-items: center; gap: 12px; }
.alenda-mob-cat-left i { font-size: 1.1rem; color: var(--slate); width: 20px; }
.alenda-mob-cat-header.open .alenda-mob-cat-left i { color: var(--blue); }
.alenda-mob-chevron { font-size: .875rem; color: var(--slate); transition: transform .2s; }
.alenda-mob-cat-header.open .alenda-mob-chevron { transform: rotate(180deg); color: var(--blue); }

.alenda-mob-cat-body {
  display: none; background: var(--mist); padding: 6px 0 10px;
}
.alenda-mob-cat-body.open { display: block; }
.alenda-mob-sub-link {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 20px 10px 52px;
  text-decoration: none; color: var(--slate);
  font-size: .875rem; font-weight: 500;
  transition: color .12s;
}
.alenda-mob-sub-link:hover { color: var(--blue); }
.alenda-mob-sub-link i { font-size: .875rem; width: 16px; }
.alenda-mob-view-all {
  display: flex; align-items: center; gap: 8px;
  padding: 10px 20px 10px 52px;
  text-decoration: none; color: var(--blue);
  font-size: .875rem; font-weight: 700;
}

.alenda-mob-utils {
  padding: 16px 20px 0;
  display: flex; flex-direction: column; gap: 2px;
}
.alenda-mob-util-link {
  display: flex; align-items: center; gap: 12px;
  padding: 12px 0; text-decoration: none; color: var(--ink);
  font-size: .9375rem; font-weight: 600;
  border-bottom: 1px solid var(--line);
}
.alenda-mob-util-link i { font-size: 1.1rem; color: var(--slate); width: 20px; }
.alenda-mob-util-link:last-child { border-bottom: none; }

/* ============================================================
   7. HERO SEKCIJA
   ============================================================ */
.alenda-hero {
  position: relative; overflow: hidden;
  min-height: 300px; display: flex; align-items: center;
  background: linear-gradient(135deg, #0b3266 0%, #1457A6 60%, #1a6dbf 100%);
}
.alenda-hero-content {
  position: relative; z-index: 1;
  padding: 48px 0; max-width: 620px;
}
.alenda-hero-badge {
  display: inline-flex; align-items: center; gap: 6px;
  background: rgba(255,255,255,.12); color: rgba(255,255,255,.9);
  font-size: .75rem; font-weight: 600; padding: 4px 12px; border-radius: 20px;
  margin-bottom: 20px; border: 1px solid rgba(255,255,255,.2);
}
.alenda-hero-badge::before { content: '●'; color: var(--teal); font-size: .5rem; }
.alenda-hero h1 { color: #fff; margin-bottom: 16px; }
.alenda-hero p  {
  color: rgba(255,255,255,.8); font-size: 1.0625rem;
  margin-bottom: 32px; max-width: 480px; line-height: 1.6;
}
.alenda-hero-ctas { display: flex; gap: 12px; flex-wrap: wrap; }

@media (max-width: 640px) {
  .alenda-hero { min-height: 240px; }
  .alenda-hero-content { padding: 32px 0; }
  .alenda-hero p { font-size: .9375rem; }
}

/* ============================================================
   8. UZTICĪBAS JOSLA (zem hero)
   ============================================================ */
.alenda-trust-bar {
  background: var(--white);
  border-bottom: 1px solid var(--line);
}
.alenda-trust-bar-inner {
  display: flex; justify-content: center; gap: 0;
  overflow-x: auto;
}
.alenda-trust-item {
  display: flex; align-items: center; gap: 8px;
  padding: 14px 28px;
  font-size: .8125rem; font-weight: 600; color: var(--slate);
  border-right: 1px solid var(--line); white-space: nowrap; flex-shrink: 0;
}
.alenda-trust-item:last-child { border-right: none; }
.alenda-trust-icon { font-size: 1rem; }

@media (max-width: 768px) {
  .alenda-trust-bar-inner {
    display: grid; grid-template-columns: repeat(2, 1fr); overflow-x: visible;
  }
  .alenda-trust-item {
    padding: 10px 12px; font-size: .75rem; border-right: none;
    border-bottom: 1px solid var(--line);
    justify-content: flex-start; text-align: left;
    white-space: normal;
  }
  .alenda-trust-item:nth-child(odd)   { border-right: 1px solid var(--line); }
  .alenda-trust-item:nth-child(3),
  .alenda-trust-item:nth-child(4)     { border-bottom: none; }
}

/* ============================================================
   9. KATEGORIJAS — ikonu strip
   ============================================================ */
.alenda-categories-strip {
  display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px;
}
.alenda-cat-item {
  background: var(--white); border: 1.5px solid var(--line);
  border-radius: var(--radius-md); padding: 20px 12px;
  display: flex; flex-direction: column; align-items: center; gap: 10px;
  text-decoration: none; transition: border-color .15s, box-shadow .15s, transform .15s;
}
.alenda-cat-item:hover {
  border-color: var(--blue);
  box-shadow: 0 4px 16px rgba(20,87,166,.1);
  transform: translateY(-2px);
}
.alenda-cat-icon {
  width: 48px; height: 48px; border-radius: 12px;
  background: var(--blue-tint); color: var(--blue);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.5rem;
}
.alenda-cat-name {
  font-size: .8125rem; font-weight: 700; color: var(--ink);
  text-align: center; line-height: 1.3;
}
.alenda-cat-count { font-size: .75rem; color: var(--slate); }

@media (max-width: 900px) { .alenda-categories-strip { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 480px) { .alenda-categories-strip { grid-template-columns: repeat(2, 1fr); gap: 8px; } }

/* ============================================================
   10. PRODUKTU KARTIŅAS — Sākumlapa (WC output override)
   ============================================================ */
.alenda-products-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;
}
@media (max-width: 1100px) { .alenda-products-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px)  { .alenda-products-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px)  { .alenda-products-grid { gap: 10px; } }

/* WC product cards override */
.alenda-products-grid .product-card,
.alenda-products-grid li.product {
  background: var(--white); border: 1.5px solid var(--line);
  border-radius: var(--radius-md); overflow: hidden;
  transition: box-shadow .2s, transform .2s;
  margin: 0 !important;
}
.alenda-products-grid li.product:hover,
.alenda-products-grid .product-card:hover {
  box-shadow: var(--shadow-md); transform: translateY(-2px);
}

/* Statiskās kartiņas (mockup stils, fallback) */
.alenda-product-card {
  background: var(--white); border: 1.5px solid var(--line);
  border-radius: var(--radius-md); overflow: hidden;
  transition: box-shadow .2s, transform .2s;
}
.alenda-product-card:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }
.alenda-product-img {
  aspect-ratio: 1; background: var(--mist);
  display: flex; align-items: center; justify-content: center;
  position: relative; overflow: hidden;
}
.alenda-product-img img { width: 80%; height: 80%; object-fit: contain; }
.alenda-product-badge-wrap {
  position: absolute; top: 10px; left: 10px;
  display: flex; flex-direction: column; gap: 4px;
}
.alenda-badge {
  font-size: .6875rem; font-weight: 700;
  padding: 2px 8px; border-radius: 20px;
}
.alenda-badge-new      { background: var(--blue); color: #fff; }
.alenda-badge-popular  { background: var(--teal-tint); color: var(--teal); }
.alenda-badge-low      { background: #fff3cd; color: #8a6500; }
.alenda-product-body { padding: 14px; }
.alenda-product-status {
  display: flex; align-items: center; gap: 5px;
  font-size: .6875rem; font-weight: 700; margin-bottom: 6px;
}
.alenda-dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }
.alenda-dot-green  { background: var(--success); }
.alenda-dot-orange { background: var(--warning); }
.alenda-dot-red    { background: var(--error); }
.alenda-status-green  { color: var(--success); }
.alenda-status-orange { color: var(--warning); }
.alenda-status-red    { color: var(--error); }
.alenda-product-name {
  font-size: .875rem; font-weight: 700; color: var(--ink);
  margin-bottom: 4px; line-height: 1.3;
}
.alenda-product-attrs {
  font-size: .75rem; color: var(--slate); margin-bottom: 10px; line-height: 1.4;
}
.alenda-product-sizes { display: flex; gap: 4px; flex-wrap: wrap; margin-bottom: 12px; }
.alenda-size-chip {
  font-size: .6875rem; font-weight: 600; padding: 2px 7px;
  border: 1.5px solid var(--line); border-radius: 6px; color: var(--slate);
}
.alenda-product-price-row {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 8px;
}
.alenda-price-pvn { font-size: 1rem; font-weight: 800; color: var(--ink); }
.alenda-price-bez { font-size: .75rem; color: var(--slate); }
.alenda-btn-add {
  background: var(--blue); color: #fff;
  border: none; border-radius: var(--radius-sm); cursor: pointer;
  font-family: inherit; font-weight: 700; font-size: .8125rem;
  padding: 7px 12px; white-space: nowrap; text-decoration: none;
  display: inline-flex; align-items: center;
  transition: background .15s;
}
.alenda-btn-add:hover { background: var(--blue-dark); color: #fff; }

@media (max-width: 480px) {
  .alenda-product-body { padding: 10px; }
  .alenda-price-pvn { font-size: .875rem; }
  .alenda-product-name { font-size: .8125rem; }
  .alenda-product-attrs { font-size: .6875rem; }
  .alenda-btn-add { padding: 6px 8px; font-size: .75rem; }
}

/* ============================================================
   11. B2B JOSLA
   ============================================================ */
.alenda-b2b-band { background: var(--blue); padding: 48px 0; }
.alenda-b2b-inner {
  display: flex; align-items: center; gap: 48px; flex-wrap: wrap;
}
.alenda-b2b-text { flex: 1; min-width: 280px; }
.alenda-b2b-text h2 { color: #fff; margin-bottom: 10px; }
.alenda-b2b-text p  {
  color: rgba(255,255,255,.78); font-size: .9375rem;
  max-width: 480px; line-height: 1.6;
}
.alenda-b2b-perks { display: flex; gap: 20px; margin-top: 20px; flex-wrap: wrap; }
.alenda-b2b-perk {
  display: flex; align-items: center; gap: 7px;
  font-size: .8125rem; font-weight: 600;
  color: rgba(255,255,255,.85);
}
.alenda-b2b-perk::before { content: '✓'; color: var(--teal); font-weight: 800; }
.alenda-b2b-cta { flex-shrink: 0; }
.alenda-btn-b2b {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--white); color: var(--blue);
  font-family: inherit; font-weight: 700; font-size: .9375rem;
  padding: 13px 28px; border-radius: 10px; border: none; cursor: pointer;
  text-decoration: none; transition: transform .15s, box-shadow .15s;
  box-shadow: 0 2px 12px rgba(0,0,0,.15); white-space: nowrap;
}
.alenda-btn-b2b:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 20px rgba(0,0,0,.2); color: var(--blue);
}

@media (max-width: 768px) {
  .alenda-b2b-inner { flex-direction: column; gap: 24px; align-items: flex-start; }
}

/* ============================================================
   12. TRUST BADGES
   ============================================================ */
.alenda-trust-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;
}
.alenda-trust-card {
  background: var(--white); border: 1.5px solid var(--line);
  border-radius: var(--radius-md); padding: 24px 20px;
  display: flex; align-items: flex-start; gap: 14px;
}
.alenda-trust-card-icon {
  width: 44px; height: 44px; border-radius: 10px;
  background: var(--blue-tint); color: var(--blue);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.25rem; flex-shrink: 0;
}
.alenda-trust-card-title {
  font-size: .875rem; font-weight: 700; color: var(--ink); margin-bottom: 4px;
}
.alenda-trust-card-desc { font-size: .75rem; color: var(--slate); line-height: 1.5; }

@media (max-width: 900px) { .alenda-trust-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px)  { .alenda-trust-grid { grid-template-columns: 1fr; gap: 10px; } }

/* ============================================================
   13. LOJALITĀTES BANERIS
   ============================================================ */
.alenda-loyalty-band {
  background: var(--teal-tint);
  border-top: 1px solid #b2e8e2;
  border-bottom: 1px solid #b2e8e2;
  padding: 48px 0;
}
.alenda-loyalty-inner {
  display: flex; align-items: center; gap: 40px; flex-wrap: wrap;
}
.alenda-loyalty-icon-wrap {
  width: 72px; height: 72px; border-radius: 18px;
  background: var(--teal); color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-size: 2rem; flex-shrink: 0;
}
.alenda-loyalty-text { flex: 1; min-width: 240px; }
.alenda-loyalty-text h2 { color: var(--ink); margin-bottom: 8px; }
.alenda-loyalty-text p  { color: var(--slate); font-size: .9375rem; line-height: 1.6; }
.alenda-loyalty-tiers { display: flex; gap: 10px; margin-top: 16px; flex-wrap: wrap; }
.alenda-tier-chip {
  display: flex; align-items: center; gap: 5px;
  padding: 5px 12px; border-radius: 20px;
  font-size: .75rem; font-weight: 700; border: 1.5px solid;
}
.alenda-tier-base   { border-color: #bbb; color: #666; background: #fff; }
.alenda-tier-silver { border-color: #9bb3c5; color: #4a6b80; background: #f0f5f8; }
.alenda-tier-gold   { border-color: #d4a820; color: #8a6500; background: #fdf5dc; }
.alenda-tier-plat   { border-color: #8a6fd4; color: #4a2fa0; background: #f3effe; }
.alenda-loyalty-cta { flex-shrink: 0; }

@media (max-width: 768px) {
  .alenda-loyalty-inner { flex-direction: column; align-items: flex-start; gap: 20px; }
}

/* ============================================================
   14. ATSAUKSMES
   ============================================================ */
.alenda-reviews-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
}
.alenda-review-card {
  background: var(--white); border: 1.5px solid var(--line);
  border-radius: var(--radius-md); padding: 22px;
}
.alenda-stars { color: #f5a623; font-size: .875rem; margin-bottom: 10px; letter-spacing: 2px; }
.alenda-review-text {
  font-size: .875rem; color: var(--ink); line-height: 1.6;
  margin-bottom: 16px; font-style: italic;
}
.alenda-review-author { display: flex; align-items: center; gap: 10px; }
.alenda-author-avatar {
  width: 36px; height: 36px; border-radius: 50%;
  background: var(--blue-tint); color: var(--blue);
  display: flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: .875rem; flex-shrink: 0;
}
.alenda-author-name { font-size: .8125rem; font-weight: 700; color: var(--ink); }
.alenda-author-meta { font-size: .75rem; color: var(--slate); }

@media (max-width: 900px) { .alenda-reviews-grid { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; } }
@media (max-width: 480px) { .alenda-reviews-grid { max-width: 100%; } }

/* ============================================================
   15. MŪSU ZĪMOLI
   ============================================================ */
.alenda-brands-bar {
  background: var(--white);
  border-top: 1px solid var(--line);
  padding: 32px 0;
}
.alenda-brands-inner {
  display: flex; align-items: center;
  justify-content: center; gap: 40px; flex-wrap: wrap;
}
.alenda-brands-label {
  font-size: .6875rem; font-weight: 700; color: var(--slate);
  text-transform: uppercase; letter-spacing: .08em;
  text-align: center; width: 100%; margin-bottom: 20px;
}
.alenda-brand-name {
  font-size: .9375rem; font-weight: 800; color: var(--slate);
  opacity: .45; letter-spacing: .03em;
  transition: opacity .15s;
}
.alenda-brand-name:hover { opacity: .8; }

/* ============================================================
   16. PRE-FOOTER (abonēšana)
   ============================================================ */
.alenda-pre-footer { background: var(--blue); padding: 48px 0; }
.alenda-pre-footer-inner {
  display: flex; align-items: center;
  justify-content: space-between; gap: 32px; flex-wrap: wrap;
}
.alenda-pre-footer-text h3 {
  font-size: 1.125rem; font-weight: 700; color: #fff; margin-bottom: 6px;
}
.alenda-pre-footer-text p { font-size: .9375rem; color: rgba(255,255,255,.75); line-height: 1.5; }
.alenda-newsletter-form { display: flex; gap: 8px; flex-shrink: 0; flex-wrap: wrap; }
.alenda-newsletter-input {
  height: 44px; padding: 0 16px;
  border: 2px solid rgba(255,255,255,.25); border-radius: var(--radius-sm);
  background: rgba(255,255,255,.12); color: #fff;
  font-family: inherit; font-size: .9375rem; outline: none;
  min-width: 260px; transition: border-color .15s;
}
.alenda-newsletter-input::placeholder { color: rgba(255,255,255,.55); }
.alenda-newsletter-input:focus { border-color: rgba(255,255,255,.6); }
.alenda-newsletter-btn {
  height: 44px; padding: 0 20px;
  background: #fff; color: var(--blue);
  border: none; border-radius: var(--radius-sm);
  font-family: inherit; font-size: .875rem; font-weight: 700;
  cursor: pointer; white-space: nowrap; transition: opacity .15s;
}
.alenda-newsletter-btn:hover { opacity: .9; }
.alenda-newsletter-note { font-size: .75rem; color: rgba(255,255,255,.5); margin-top: 8px; }

@media (max-width: 768px) {
  .alenda-pre-footer-inner { flex-direction: column; align-items: flex-start; gap: 20px; }
  .alenda-newsletter-form { width: 100%; flex-direction: column; }
  .alenda-newsletter-input { min-width: unset; width: 100%; }
  .alenda-newsletter-btn { width: 100%; }
}

/* ============================================================
   17. KĀJENE (galvenā)
   ============================================================ */
.alenda-footer { background: var(--ink); padding: 56px 0 0; }
.alenda-footer-grid {
  display: grid;
  grid-template-columns: 240px 1fr 1fr 1fr;
  gap: 40px; padding-bottom: 48px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
@media (max-width: 900px) {
  .alenda-footer-grid {
    grid-template-columns: 1fr 1fr; gap: 32px;
  }
  .alenda-footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 480px) {
  .alenda-footer-grid { grid-template-columns: 1fr; }
  .alenda-footer-brand { grid-column: auto; }
}

/* Footer brand */
.alenda-footer-logo {
  display: flex; align-items: center; gap: 10px;
  text-decoration: none; margin-bottom: 16px;
}
.alenda-footer-logo-mark {
  width: 36px; height: 36px; border-radius: 8px;
  background: rgba(255,255,255,.12); color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: 14px; letter-spacing: -1px;
  position: relative; flex-shrink: 0; font-family: 'Manrope', sans-serif;
}
.alenda-footer-logo-mark::after {
  content: ''; position: absolute; bottom: 6px; right: 7px;
  width: 5px; height: 5px; border-radius: 50%; background: var(--teal);
}
.alenda-footer-logo-name { font-size: 1.1rem; font-weight: 800; color: #fff; }
.alenda-footer-tagline { font-size: .875rem; color: rgba(255,255,255,.5); line-height: 1.6; margin-bottom: 20px; }

/* Sociālie tīkli */
.alenda-social-links { display: flex; gap: 8px; margin-bottom: 20px; }
.alenda-social-link {
  width: 36px; height: 36px; border-radius: var(--radius-sm);
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  display: flex; align-items: center; justify-content: center;
  text-decoration: none; color: rgba(255,255,255,.6); font-size: 1rem;
  transition: background .15s, color .15s;
}
.alenda-social-link:hover { background: var(--blue); color: #fff; }

/* Kontakti */
.alenda-footer-contacts { display: flex; flex-direction: column; gap: 8px; }
.alenda-contact-item {
  display: flex; align-items: center; gap: 8px;
  font-size: .8125rem; color: rgba(255,255,255,.5);
}
.alenda-contact-item i { font-size: .9375rem; color: rgba(255,255,255,.3); width: 18px; }
.alenda-contact-item a { color: rgba(255,255,255,.7); text-decoration: none; }
.alenda-contact-item a:hover { color: rgba(255,255,255,.95); }

/* Valstu izvēle */
.alenda-footer-countries { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.alenda-country-chip {
  display: flex; align-items: center; gap: 5px;
  padding: 4px 10px; border-radius: 20px;
  border: 1px solid rgba(255,255,255,.12);
  font-size: .75rem; font-weight: 600; color: rgba(255,255,255,.5);
  cursor: pointer; text-decoration: none; transition: all .15s;
}
.alenda-country-chip:hover,
.alenda-country-chip.active {
  border-color: var(--blue); color: #fff;
  background: rgba(20,87,166,.35);
}

/* Footer kolonnas */
.alenda-footer-col-title {
  font-size: .6875rem; font-weight: 700; color: rgba(255,255,255,.35);
  text-transform: uppercase; letter-spacing: .07em; margin-bottom: 16px;
}
.alenda-footer-links { display: flex; flex-direction: column; gap: 6px; }
.alenda-footer-link {
  display: block; padding: 4px 0;
  font-size: .875rem; color: rgba(255,255,255,.55);
  text-decoration: none; transition: color .12s;
}
.alenda-footer-link:hover { color: rgba(255,255,255,.9); }
.alenda-footer-link.highlight { color: var(--teal); }
.alenda-footer-link.highlight:hover { color: #1dd9c6; }

/* Footer apakša */
.alenda-footer-bottom {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; flex-wrap: wrap; padding: 20px 0;
}
.alenda-footer-copy { font-size: .8125rem; color: rgba(255,255,255,.3); }
.alenda-footer-legal { display: flex; gap: 20px; flex-wrap: wrap; }
.alenda-footer-legal a {
  font-size: .8125rem; color: rgba(255,255,255,.3); text-decoration: none;
}
.alenda-footer-legal a:hover { color: rgba(255,255,255,.7); }
.alenda-footer-payment { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } /* QA_20261023: chips ran off the screen on phones */
.alenda-pay-chip {
  display: flex; align-items: center; gap: 4px;
  padding: 3px 9px; border-radius: 5px;
  background: rgba(255,255,255,.07);
  font-size: .75rem; font-weight: 700; color: rgba(255,255,255,.4);
}
.alenda-pay-chip i { font-size: .875rem; }

@media (max-width: 640px) {
  .alenda-footer-bottom {
    flex-direction: column; align-items: flex-start; gap: 12px;
  }
}

/* ============================================================
   18. KĀJENĒ — rekvizīti sekcija
   ============================================================ */
.alenda-footer-rekviziti .alenda-footer-link {
  font-size: .75rem; color: rgba(255,255,255,.35);
}
.alenda-footer-rekviziti .alenda-footer-col-title { margin-top: 20px; }

/* ============================================================
   19. WP ADMIN BAR korekcijas
   ============================================================ */
@media (max-width: 600px) {
  body.admin-bar .alenda-header { top: 0; }
}

/* ============================================================
   20. SUPPLY KITS — Sākumlapa (placeholder · komp. 3 · 2026-06-02)
   ⚙ Kad reāli komplektu produkti pievienoti WC → sekcija tiek aizpildīta dinamiski.
   ============================================================ */
.alenda-kits-desc {
  color: var(--slate); font-size: .9375rem;
  max-width: 560px; margin: -16px 0 28px; line-height: 1.6;
}
.alenda-kits-soon-badge {
  display: inline-flex; align-items: center; gap: 5px;
  background: var(--teal-tint); color: var(--teal);
  font-size: .75rem; font-weight: 700;
  padding: 4px 12px; border-radius: 20px; white-space: nowrap;
}

/* Grid: 4 kol desktop → 2 kol tablet → 1 kol mobilais */
.alenda-kits-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
@media (max-width: 900px)  { .alenda-kits-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px)  { .alenda-kits-grid { grid-template-columns: 1fr; gap: 10px; } }

/* Karte */
.alenda-kit-card {
  background: var(--white); border: 1.5px solid var(--line);
  border-radius: var(--radius-md); overflow: hidden; position: relative;
  transition: box-shadow .2s, transform .2s;
}
.alenda-kit-card:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }

/* Placeholder badge — acīmredzams staging pārbaudē */
.alenda-kit-ph-badge {
  position: absolute; top: 10px; right: 10px; z-index: 1;
  background: #fff8e1; color: #8a6500;
  font-size: .6rem; font-weight: 700; letter-spacing: .02em;
  padding: 2px 7px; border-radius: 20px;
  border: 1px solid #f0c040;
}

/* Ikonu zona */
.alenda-kit-img {
  aspect-ratio: 4/3;
  display: flex; align-items: center; justify-content: center;
  font-size: 2.25rem;
}
.alenda-kit-img--blue { background: var(--blue-tint); color: var(--blue); }
.alenda-kit-img--teal { background: var(--teal-tint); color: var(--teal); }

/* Saturs */
.alenda-kit-body { padding: 14px; }
.alenda-kit-name {
  font-size: .9375rem; font-weight: 700; color: var(--ink);
  opacity: .45; margin-bottom: 5px; line-height: 1.3;
}
.alenda-kit-contents {
  font-size: .8125rem; color: var(--slate);
  margin-bottom: 14px; font-style: italic; opacity: .7;
}
.alenda-kit-price-row {
  display: flex; align-items: center;
  justify-content: space-between; gap: 8px;
}
.alenda-kit-price {
  font-size: 1.0625rem; font-weight: 800;
  color: var(--slate); letter-spacing: .02em;
}
.alenda-kit-btn {
  display: inline-flex; align-items: center;
  padding: 6px 14px; background: var(--line); color: var(--slate);
  border-radius: var(--radius-sm); font-family: inherit;
  font-size: .8125rem; font-weight: 700;
  cursor: not-allowed; white-space: nowrap; user-select: none;
}

@media (max-width: 480px) {
  .alenda-kit-img  { aspect-ratio: 2/1; font-size: 1.875rem; }
  .alenda-kit-body { padding: 10px; }
  .alenda-kit-name { font-size: .875rem; }
  .alenda-kit-price { font-size: .9375rem; }
}

/* FRONT_CATS_20261021: all categories, even cards */
.alenda-cat-item { justify-content: flex-start; min-height: 150px; }
.alenda-cat-name { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }

/* MENU_20261021: Veikals dropdown with all categories */
body:has(.alenda-nav-item[data-cat="shop"].open) .alenda-mega-dropdown { display: block; }
.alenda-mega-shop .alenda-mega-subs { padding: 20px 0 24px; }
.alenda-mega-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.alenda-mega-head .alenda-mega-subs-title { margin: 0; }
.alenda-mega-catgrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2px 16px; max-height: 70vh; overflow-y: auto; }
.alenda-mega-catlink { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 8px; color: var(--slate); text-decoration: none; font-size: .875rem; font-weight: 600; }
.alenda-mega-catlink:hover { background: var(--blue-tint); color: var(--blue); }
.alenda-mega-catlink i { font-size: 1.1rem; color: var(--blue); flex-shrink: 0; width: 20px; text-align: center; }
.alenda-mega-catname { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.alenda-mega-catcount { font-size: .75rem; font-weight: 500; color: var(--muted, #8a94a6); }
@media (max-width: 1100px) { .alenda-mega-catgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
/* ICONS_20261021: own SVG category icons */
.alenda-cat-icon svg { width: 26px; height: 26px; }
.alenda-mega-catlink svg { width: 20px; height: 20px; flex-shrink: 0; color: var(--blue); }
.alenda-mob-sub-link svg { width: 18px; height: 18px; flex-shrink: 0; color: var(--blue); vertical-align: -3px; }
/* ARCHIVE_20261021: subcategory chips + pagination */
.alenda-subcat-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
.alenda-subcat-chip { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border: 1px solid var(--line); border-radius: 999px; background: var(--white); color: var(--ink); font-size: .8125rem; font-weight: 600; text-decoration: none; }
.alenda-subcat-chip span { color: var(--slate); font-weight: 500; }
.alenda-subcat-chip:hover { border-color: var(--blue); color: var(--blue); }
.alenda-products-col .woocommerce-pagination { margin: 28px 0 8px; text-align: center; }
.alenda-products-col .woocommerce-pagination ul { display: inline-flex; gap: 6px; border: 0; margin: 0; padding: 0; list-style: none; }
.alenda-products-col .woocommerce-pagination ul li { border: 0; }
.alenda-products-col .woocommerce-pagination .page-numbers { display: inline-flex; min-width: 40px; height: 40px; align-items: center; justify-content: center; padding: 0 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--white); color: var(--ink); font-weight: 600; text-decoration: none; }
.alenda-products-col .woocommerce-pagination .page-numbers.current { background: var(--blue); border-color: var(--blue); color: #fff; }
.alenda-sort-bar .woocommerce-ordering { margin: 0; }
.alenda-sort-bar .woocommerce-ordering select { height: 36px; border: 1px solid var(--line); border-radius: 8px; padding: 0 10px; font-family: inherit; font-size: .8125rem; }
/* ── SEARCH_20261021: header search panel ── */
.alenda-search-panel { position: sticky; top: var(--alenda-header-h, 64px); z-index: 998; background: var(--white, #fff); border-bottom: 1px solid var(--line); box-shadow: 0 12px 32px rgba(15,30,50,.12); padding: 14px 0 16px; }
.alenda-search-panel[hidden] { display: none; }
.alenda-search-form { display: flex; align-items: center; gap: 8px; border: 2px solid var(--blue, #1457A6); border-radius: 12px; padding: 0 6px 0 14px; background: var(--white, #fff); }
.alenda-search-form > .ti { color: var(--slate); font-size: 1.15rem; }
.alenda-search-form input[type=search] { flex: 1; min-width: 0; border: 0 !important; outline: 0; box-shadow: none !important; background: none; font: inherit; font-size: 1rem; height: 48px; padding: 0 !important; color: var(--ink); }
.alenda-search-go { height: 38px; padding: 0 18px; border: 0; border-radius: 8px; background: var(--blue, #1457A6); color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.alenda-search-close { width: 38px; height: 38px; border: 0; background: none; color: var(--slate); cursor: pointer; font-size: 1.15rem; }
.alenda-search-results { max-height: min(70vh, 560px); overflow: auto; }
.alenda-sr-list { list-style: none; margin: 10px 0 0; padding: 0; }
.alenda-sr-item { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 10px; text-decoration: none; color: var(--ink); }
.alenda-sr-item:hover, .alenda-sr-item:focus { background: var(--mist, #F3F6FA); outline: 0; }
.alenda-sr-item img { width: 48px; height: 48px; object-fit: contain; background: var(--mist, #F3F6FA); border-radius: 8px; flex: none; }
.alenda-sr-text { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.alenda-sr-title { font-size: .9rem; font-weight: 600; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.alenda-sr-sku { font-size: .75rem; color: var(--slate); }
.alenda-sr-price { font-weight: 800; font-size: .9rem; white-space: nowrap; }
.alenda-sr-price del { opacity: .5; font-weight: 500; margin-right: 4px; }
.alenda-sr-all { display: block; margin-top: 8px; padding: 10px; text-align: center; font-weight: 700; color: var(--blue, #1457A6); text-decoration: none; border-top: 1px solid var(--line); }
.alenda-sr-empty { margin: 14px 4px 2px; color: var(--slate); }
@media (max-width: 640px) {
  .alenda-search-go { display: none; }
  .alenda-sr-price { font-size: .8rem; }
}
/* CATDESC_20261021 */
.alenda-cat-hero-desc { margin: 10px 0 0; max-width: 760px; color: var(--slate); font-size: .95rem; line-height: 1.55; }

/* MOBILEQA3_20261021: floating cookie-settings button must not cover the product sticky bar or open drawers. */
/* PHONEFILTER_20261105: the first-visit cookie banner sat over "Skatīt preces"; it comes back when the drawer closes */
body:has(.alenda-filter-drawer.open) #alenda-cookie-banner,
body:has(.alenda-filter-drawer.open) #alcom-cookie-banner,
body:has(.alenda-filter-drawer.open) #alenda-cookie-persistent-link,
body:has(.alenda-drawer.open) #alenda-cookie-persistent-link,
body:has(#alenda-search-panel:not([hidden])) #alenda-cookie-persistent-link { display: none !important; }
@media (max-width: 640px) {
  body:has(#alendaStickyBar) #alenda-cookie-persistent-link { bottom: 84px !important; }
}

/* MOBILEQA4_20261021: cart/checkout blocks stack 3 side paddings on phones; keep only the page one. */
@media (max-width: 640px) {
  .wp-block-woocommerce-checkout.wc-block-checkout, .wp-block-woocommerce-cart.wc-block-cart { padding-left: 0 !important; padding-right: 0 !important; }
  .wc-block-checkout .wc-block-components-sidebar-layout, .wc-block-cart .wc-block-components-sidebar-layout { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
}

/* DEMOFIX_20261029 product photos are never cropped: every product image context shows the whole picture
   (Blocksy's .ct-media-container default is object-fit:cover; linked images now report their real 3:2 / 4:3 shape). */
.woocommerce-product-gallery, ul.products, .products, .alenda-related-section, .woocommerce-mini-cart, .widget_shopping_cart,
.woocommerce-cart-form, .wc-block-cart, .wc-block-mini-cart__drawer, .alenda-cat-card-img, .alenda-product-img, .alenda-hero-media { --theme-object-fit: contain; }
.alenda-cat-card-img img, .woocommerce-mini-cart img, .widget_shopping_cart img, .woocommerce-cart-form img, ul.products li.product img { object-fit: contain; }

/* ============================================================
   HOMEV2_20261029 — Home standard v2 (flag home_std_v2). Everything is scoped to body.alcom-hv2,
   so with the flag off nothing here applies. CSS only: no JavaScript (tabs = radio + label, FAQ = details).
   --hv2-ink = the brand colour darkened until it passes WCAG AA on white (set per shop in <head>).
   ============================================================ */
body.alcom-hv2 { --hv2-ink: var(--blue-dark); --hv2-ink2: var(--blue-dark); --hv2-card-r: 14px; }
body.alcom-hv2.home main .section { padding: clamp(36px, 5vw, 64px) 0; }
body.alcom-hv2.home main .section-header { align-items: flex-end; gap: 16px; margin-bottom: clamp(18px, 2.4vw, 28px); }
body.alcom-hv2.home main .section-header h2 { font-size: clamp(1.35rem, 1.1rem + 1vw, 1.9rem); letter-spacing: -.01em; line-height: 1.2; margin: 0; }
body.alcom-hv2.home main .section-header a { color: var(--hv2-ink); }

/* Header option: a prominent, central search field; account + cart stay; no new JS (same search panel opens). */
@media (min-width: 1024px) {
  body.alcom-hv2 .alenda-header-right { flex: 1 1 auto; justify-content: flex-end; min-width: 0; }
  body.alcom-hv2 .alenda-search-btn { flex: 1 1 360px; max-width: 520px; min-width: 220px; height: 44px; padding: 0 18px; border-radius: 12px; background: var(--mist); border-color: var(--line); color: var(--ink); font-size: .9375rem; justify-content: flex-start; }
  body.alcom-hv2 .alenda-search-btn span { display: inline; color: #4a5866; }
  body.alcom-hv2 .alenda-search-btn .ti { font-size: 1.15rem; color: var(--hv2-ink); }
}
body.alcom-hv2 .alenda-mega-catlink svg { color: var(--hv2-ink); }

/* ── Campaign hero (CSS-only tabs) ── */
html body.alcom-hv2 .alenda-hero.alcom-hv2-camp { display: block; min-height: 0; background: linear-gradient(120deg, var(--hv2-ink2) 0%, var(--hv2-ink) 100%) !important; color: #fff; padding: clamp(20px, 3vw, 36px) 0 0; }
html body.alcom-hv2 .alenda-hero.alcom-hv2-camp:not(.has-tabs) { padding-bottom: clamp(20px, 3vw, 36px); }
.alcom-hv2-camp .hv2-tab-in { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.alcom-hv2-camp .hv2-panel { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(20px, 4vw, 56px); align-items: center; min-height: clamp(260px, 30vw, 420px); }
.alcom-hv2-camp.has-tabs .hv2-panel { display: none; }
.alcom-hv2-camp #hv2c-1:checked ~ .hv2-panels .hv2-p1, .alcom-hv2-camp #hv2c-2:checked ~ .hv2-panels .hv2-p2, .alcom-hv2-camp #hv2c-3:checked ~ .hv2-panels .hv2-p3,
.alcom-hv2-camp #hv2c-4:checked ~ .hv2-panels .hv2-p4, .alcom-hv2-camp #hv2c-5:checked ~ .hv2-panels .hv2-p5 { display: grid; }
.alcom-hv2-camp .hv2-camp-text { padding: clamp(8px, 2vw, 24px) 0; max-width: 640px; }
.alcom-hv2-camp .hv2-camp-kind { display: inline-block; background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.35); color: #fff; font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: 4px 12px; border-radius: 999px; margin-bottom: 14px; }
html body .alenda-hero.alcom-hv2-camp .hv2-camp-title { color: #fff !important; font-size: clamp(1.9rem, 1.2rem + 3vw, 3.4rem); line-height: 1.06; letter-spacing: -.02em; margin: 0 0 14px; }
html body .alenda-hero.alcom-hv2-camp .hv2-camp-sub { color: #fff !important; opacity: 1; font-size: clamp(1rem, .95rem + .3vw, 1.2rem); margin: 0 0 12px; max-width: 520px; }
html body .alenda-hero.alcom-hv2-camp .hv2-camp-valid { display: inline-flex; align-items: center; gap: 8px; color: #fff !important; background: rgba(0,0,0,.22); font-weight: 700; font-size: .9rem; padding: 6px 12px; border-radius: 8px; margin: 0 0 22px; }
html body .alenda-hero.alcom-hv2-camp .btn-primary { background: #fff !important; color: var(--hv2-ink) !important; }
html body .alenda-hero.alcom-hv2-camp .btn-secondary-light { color: #fff !important; border-color: rgba(255,255,255,.75) !important; background: transparent !important; }
.alcom-hv2-camp .hv2-camp-media { display: flex; align-items: center; justify-content: center; min-height: 220px; }
.alcom-hv2-camp .hv2-camp-media > img { width: 100%; height: auto; max-height: 400px; object-fit: cover; border-radius: 18px; box-shadow: 0 18px 50px rgba(0,0,0,.28); }
.alcom-hv2-camp .hv2-camp-logo { display: flex; align-items: center; justify-content: center; width: min(100%, 420px); aspect-ratio: 4 / 3; background: #fff; border-radius: 22px; box-shadow: 0 18px 50px rgba(0,0,0,.25); padding: 32px; box-sizing: border-box; }
.alcom-hv2-camp .hv2-camp-logo img { max-width: 100%; max-height: 160px; object-fit: contain; }
html body .alenda-hero.alcom-hv2-camp .hv2-camp-word { color: var(--hv2-ink) !important; font-weight: 800; font-size: clamp(1.6rem, 3vw, 2.6rem); text-align: center; }
.alcom-hv2-camp .hv2-tabs { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: thin; margin-top: clamp(16px, 2vw, 24px); padding-bottom: 0; -webkit-overflow-scrolling: touch; }
html body .alenda-hero.alcom-hv2-camp .hv2-tab { flex: 0 0 auto; cursor: pointer; color: #fff !important; background: rgba(0,0,0,.24); font-weight: 700; font-size: .9rem; padding: 12px 18px; border-radius: 12px 12px 0 0; white-space: nowrap; min-height: 24px; }
html body .alenda-hero.alcom-hv2-camp .hv2-tab:hover { background: rgba(0,0,0,.34); }
html body .alenda-hero.alcom-hv2-camp #hv2c-1:checked ~ .hv2-tabs .hv2-t1, html body .alenda-hero.alcom-hv2-camp #hv2c-2:checked ~ .hv2-tabs .hv2-t2, html body .alenda-hero.alcom-hv2-camp #hv2c-3:checked ~ .hv2-tabs .hv2-t3,
html body .alenda-hero.alcom-hv2-camp #hv2c-4:checked ~ .hv2-tabs .hv2-t4, html body .alenda-hero.alcom-hv2-camp #hv2c-5:checked ~ .hv2-tabs .hv2-t5 { background: #fff; color: var(--hv2-ink) !important; }
.alcom-hv2-camp .hv2-tab-in:focus-visible ~ .hv2-tabs { outline: 3px solid #fff; outline-offset: 2px; border-radius: 12px; }
@media (max-width: 860px) {
  .alcom-hv2-camp .hv2-panel { grid-template-columns: 1fr; gap: 16px; min-height: 0; }
  .alcom-hv2-camp .hv2-camp-media { min-height: 0; order: -1; }
  .alcom-hv2-camp .hv2-camp-media > img { max-height: 220px; }
  .alcom-hv2-camp .hv2-camp-media:has(.hv2-camp-logo) { display: none; } /* a logo alone carries no campaign information on a phone */
}

/* Brand hero (no campaign) — the v1 hero, a little more generous */
body.alcom-hv2.home .alenda-hero:not(.alcom-hv2-camp) h1 { font-size: clamp(1.9rem, 1.2rem + 2.6vw, 3.2rem); letter-spacing: -.02em; line-height: 1.08; }
body.alcom-hv2.home .alenda-hero-brand { border-radius: 22px; }

/* ── Trust strip ── */
body.alcom-hv2 .alenda-trust-strip .alenda-trust-item { font-weight: 600; }
body.alcom-hv2 .alenda-trust-strip .alenda-trust-icon { color: var(--hv2-ink); }

/* ── Category tiles ── */
.alcom-hv2-cats .hv2-cat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(10px, 1.2vw, 16px); }
.alcom-hv2-cats .hv2-cat { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 14px; align-items: center; background: #fff; border: 1px solid var(--line); border-radius: var(--hv2-card-r); padding: 16px; text-decoration: none; color: var(--ink); min-height: 84px; transition: border-color .15s, box-shadow .15s, transform .15s; }
.alcom-hv2-cats .hv2-cat:hover, .alcom-hv2-cats .hv2-cat:focus-visible { border-color: var(--hv2-ink); box-shadow: 0 8px 24px rgba(16,35,63,.10); transform: translateY(-2px); }
.alcom-hv2-cats .hv2-cat-ico, .alcom-hv2-cats .hv2-cat-img { grid-row: 1 / span 2; width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--blue-tint); color: var(--hv2-ink); overflow: hidden; }
.alcom-hv2-cats .hv2-cat-img { background: #fff; border: 1px solid var(--line); }
.alcom-hv2-cats .hv2-cat-img img { width: 100%; height: 100%; object-fit: contain; }
.alcom-hv2-cats .hv2-cat-ico svg { width: 28px; height: 28px; }
html body .alcom-hv2-cats .hv2-cat-name { color: var(--ink); font-weight: 700; font-size: .975rem; line-height: 1.25; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
html body .alcom-hv2-cats .hv2-cat-count { color: #56616d; font-size: .8125rem; }
@media (max-width: 1100px) { .alcom-hv2-cats .hv2-cat-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 720px) { .alcom-hv2-cats .hv2-cat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .alcom-hv2-cats .hv2-cat { padding: 12px; column-gap: 10px; min-height: 72px; } .alcom-hv2-cats .hv2-cat-ico, .alcom-hv2-cats .hv2-cat-img { width: 42px; height: 42px; } .alcom-hv2-cats .hv2-cat-ico svg { width: 22px; height: 22px; } html body .alcom-hv2-cats .hv2-cat-name { font-size: .875rem; } }

/* ── Product cards v2 ── */
.alcom-hv2-products .hv2-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(10px, 1.2vw, 18px); }
@media (min-width: 1440px) { .alcom-hv2-products .hv2-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (max-width: 1100px) { .alcom-hv2-products .hv2-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 720px) { .alcom-hv2-products .hv2-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } }
.hv2-card { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line); border-radius: var(--hv2-card-r); overflow: hidden; color: var(--ink); transition: box-shadow .15s, border-color .15s; min-width: 0; }
.hv2-card:hover { box-shadow: 0 10px 28px rgba(16,35,63,.10); border-color: #cfd8e3; }
.hv2-card-img { display: block; aspect-ratio: 1 / 1; background: #fff; padding: 10px; box-sizing: border-box; }
.hv2-card-img img { width: 100%; height: 100%; object-fit: contain; }
.hv2-card-off { position: absolute; top: 10px; left: 10px; background: #b91c1c; color: #fff; font-weight: 800; font-size: .8125rem; padding: 4px 8px; border-radius: 8px; }
.hv2-card-body { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px 14px; flex: 1; }
html body .hv2-card .hv2-card-brand { color: #56616d; font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
html body .hv2-card .hv2-card-title { color: var(--ink); font-weight: 650; font-size: .925rem; line-height: 1.3; text-decoration: none; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 2.6em; }
.hv2-card-title:hover { text-decoration: underline; }
html body .hv2-card .hv2-card-stock { display: flex; align-items: center; gap: 6px; font-size: .8125rem; font-weight: 600; color: #146c43; }
html body .hv2-card .hv2-card-stock.is-order { color: #8a4b00; }
html body .hv2-card .hv2-card-stock.is-out { color: #a3261c; }
.hv2-dot { width: 8px; height: 8px; border-radius: 50%; background: currentColor; flex: 0 0 auto; }
html body .hv2-card .hv2-card-eta { color: #33414f; font-size: .8125rem; }
.hv2-card-foot { margin-top: auto; display: flex; flex-direction: column; gap: 8px; padding-top: 6px; }
html body .hv2-card .hv2-card-price { color: var(--ink); font-weight: 800; font-size: 1.125rem; line-height: 1.2; }
html body .hv2-card .hv2-card-price del { color: #5b6672; font-weight: 500; font-size: .875rem; margin-right: 6px; }
html body .hv2-card .hv2-card-price ins { text-decoration: none; color: #b91c1c; }
html body .hv2-card .hv2-card-price small, html body .hv2-card .hv2-card-price .woocommerce-price-suffix { color: #56616d; font-weight: 500; font-size: .75rem; }
html body .hv2-card .hv2-card-tier { background: var(--teal-tint); color: #0b4f47; font-size: .78rem; font-weight: 700; padding: 5px 8px; border-radius: 8px; }
html body .hv2-card .hv2-card-btn { display: flex; align-items: center; justify-content: center; min-height: 40px; border-radius: 10px; background: var(--hv2-ink); color: #fff; font-weight: 700; font-size: .875rem; text-decoration: none; border: 2px solid var(--hv2-ink); padding: 0 12px; }
html body .hv2-card .hv2-card-btn:hover { background: var(--hv2-ink2); border-color: var(--hv2-ink2); color: #fff; }
html body .hv2-card .hv2-card-btn.is-ghost { background: #fff; color: var(--hv2-ink); }
html body .hv2-card .hv2-card-btn.is-ghost:hover { background: var(--blue-tint); color: var(--hv2-ink); }
html body .hv2-card .hv2-card-btn.added { display: none; }
.hv2-card .added_to_cart { font-size: .8125rem; font-weight: 700; color: var(--hv2-ink); text-align: center; }

/* ── Brand grid ── */
.alcom-hv2-brands .hv2-brand-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(8px, 1vw, 14px); }
.alcom-hv2-brands .hv2-brand { display: flex; align-items: center; justify-content: center; height: clamp(72px, 7vw, 96px); background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 12px 16px; text-decoration: none; transition: border-color .15s, box-shadow .15s; min-width: 0; }
.alcom-hv2-brands .hv2-brand:hover { border-color: var(--hv2-ink); box-shadow: 0 6px 18px rgba(16,35,63,.08); }
.alcom-hv2-brands .hv2-brand-logo { display: block; width: 100%; padding: 6px 12px; box-sizing: border-box; }
.alcom-hv2-brands .hv2-brand-logo img { display: block; width: 100%; height: clamp(44px, 5vw, 68px); object-fit: contain; } /* BRANDS2_20261103: a small file or one with white margins fills the card */
.alcom-hv2-camp .hv2-banner { display: block; grid-column: 1 / -1; width: 100%; }
.alcom-hv2-camp .hv2-banner-img { display: block; width: 100%; height: auto; border-radius: 18px; } /* HERO2_20261103 */
/* PHONEPIC_20261105: same look as the plain picture; an own phone picture is not cropped */
.alcom-hv2-camp .hv2-banner picture, .alcom-hv2-camp .hv2-camp-media > picture { display: contents; }
.alcom-hv2-camp .hv2-camp-media > picture > img { width: 100%; height: auto; max-height: 400px; object-fit: cover; border-radius: 18px; box-shadow: 0 18px 50px rgba(0,0,0,.28); }
@media (max-width: 860px) { .alcom-hv2-camp .hv2-camp-media > picture > img { max-height: none; } }
html body .alcom-hv2-brands .hv2-brand-word { color: var(--ink); font-weight: 800; font-size: clamp(.9rem, .8rem + .4vw, 1.15rem); letter-spacing: .02em; text-align: center; line-height: 1.15; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; }
@media (max-width: 900px) { .alcom-hv2-brands .hv2-brand-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 480px) { .alcom-hv2-brands .hv2-brand-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ── About + facts ── */
.alcom-hv2-about .hv2-about { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(20px, 4vw, 64px); align-items: center; }
.alcom-hv2-about .hv2-about.no-facts { grid-template-columns: minmax(0, 1fr); max-width: 820px; }
.alcom-hv2-about .hv2-about-text { text-align: left; }
html body .alcom-hv2-about .hv2-about-text h2 { color: var(--ink); font-size: clamp(1.35rem, 1.1rem + 1vw, 1.9rem); margin: 0 0 12px; }
html body .alcom-hv2-about .hv2-about-text p { color: #33414f; font-size: 1.02rem; line-height: 1.65; }
html body .alcom-hv2-about .btn-primary { background: var(--hv2-ink); color: #fff; }
.alcom-hv2-about .hv2-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; }
.alcom-hv2-about .hv2-fact { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 4px; background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 18px; margin: 0; }
html body .alcom-hv2-about .hv2-fact-v { color: var(--hv2-ink); font-weight: 800; font-size: clamp(1.25rem, 1rem + 1.2vw, 2rem); line-height: 1.1; margin: 0; word-break: break-word; }
html body .alcom-hv2-about .hv2-fact-l { color: #4a5866; font-size: .875rem; font-weight: 600; margin: 0; }
@media (max-width: 860px) { .alcom-hv2-about .hv2-about { grid-template-columns: 1fr; } }

/* ── Reviews ── */
.alcom-hv2-reviews .hv2-review-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.alcom-hv2-reviews .hv2-review { background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 20px; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.hv2-stars { color: #b45309; font-size: 1.05rem; letter-spacing: 2px; }
.hv2-stars-off { color: #c9d1da; }
html body .alcom-hv2-reviews .hv2-review-text { color: var(--ink); margin: 0; font-size: .975rem; line-height: 1.55; border: 0; padding: 0; }
html body .alcom-hv2-reviews .hv2-review-by { color: #4a5866; font-size: .85rem; font-weight: 700; margin-top: auto; }
.hv2-review-prod { display: block; font-weight: 500; }
@media (max-width: 860px) { .alcom-hv2-reviews .hv2-review-grid { grid-template-columns: 1fr; } }

/* ── B2B band v2 (same band as v1: colours from #alcom-hstd-colours) ── */
body.alcom-hv2 .alcom-hv2-b2b { padding: clamp(32px, 4vw, 52px) 0; }

/* ── FAQ ── */
.alcom-hv2-faq .hv2-faq-list { display: grid; gap: 10px; max-width: 920px; }
.alcom-hv2-faq .hv2-faq-item { background: #fff; border: 1px solid var(--line); border-radius: 12px; }
html body .alcom-hv2-faq .hv2-faq-q { cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 16px 18px; color: var(--ink); font-weight: 700; font-size: 1rem; min-height: 24px; }
.alcom-hv2-faq .hv2-faq-q::-webkit-details-marker { display: none; }
.alcom-hv2-faq .hv2-faq-q::after { content: '+'; flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--blue-tint); color: var(--hv2-ink); font-weight: 800; font-size: 1.1rem; }
.alcom-hv2-faq .hv2-faq-item[open] .hv2-faq-q::after { content: '−'; }
.alcom-hv2-faq .hv2-faq-q:focus-visible { outline: 3px solid var(--hv2-ink); outline-offset: 2px; border-radius: 12px; }
html body .alcom-hv2-faq .hv2-faq-a { padding: 0 18px 16px; color: #33414f; line-height: 1.6; font-size: .95rem; }
html body .alcom-hv2-faq .hv2-faq-a a { color: var(--hv2-ink); }
.alcom-hv2-faq .hv2-faq-a table { width: 100%; border-collapse: collapse; font-size: .85rem; display: block; overflow-x: auto; }
.alcom-hv2-faq .hv2-faq-a th, .alcom-hv2-faq .hv2-faq-a td { border: 1px solid var(--line); padding: 6px 8px; text-align: left; }

/* ── Posts ── */
.alcom-hv2-posts .hv2-post-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.alcom-hv2-posts .hv2-post { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; text-decoration: none; color: var(--ink); }
.alcom-hv2-posts .hv2-post-img { display: block; aspect-ratio: 16 / 9; background: var(--mist); overflow: hidden; }
.alcom-hv2-posts .hv2-post-img img { width: 100%; height: 100%; object-fit: cover; }
.alcom-hv2-posts .hv2-post-body { display: flex; flex-direction: column; gap: 6px; padding: 16px; }
html body .alcom-hv2-posts .hv2-post-date { color: #4a5866; font-size: .8125rem; }
html body .alcom-hv2-posts .hv2-post-title { color: var(--ink); font-weight: 750; font-size: 1.05rem; line-height: 1.3; }
html body .alcom-hv2-posts .hv2-post-ex { color: #33414f; font-size: .9rem; line-height: 1.5; }
@media (max-width: 860px) { .alcom-hv2-posts .hv2-post-grid { grid-template-columns: 1fr; } }

/* very wide screens: keep line lengths readable */
@media (min-width: 1921px) { body.alcom-hv2.home main .section-header h2 { font-size: 2rem; } }
@media (prefers-reduced-motion: reduce) { .hv2-card, .alcom-hv2-cats .hv2-cat { transition: none; } .alcom-hv2-cats .hv2-cat:hover { transform: none; } }
body.alcom-hv2 .alcom-hv2-b2b .alenda-btn-b2b, html body.alcom-hv2 .alenda-b2b-band .alenda-btn-b2b { color: var(--hv2-ink) !important; } /* v1 teal on white was 4.35:1 */
/* /HOMEV2_20261029 */

/* HSEARCH_20261102 — real search field in the header (desktop); icon + panel on narrow screens */
.alenda-hsearch { display: none; position: relative; cursor: text; margin: 0; }
.alenda-hsearch input[type="search"] { flex: 1 1 auto; min-width: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; outline: 0; box-shadow: none; background: transparent; color: inherit; font: inherit; -webkit-appearance: none; appearance: none; }
.alenda-hsearch input[type="search"]::placeholder { color: inherit; opacity: .75; }
.alenda-hsearch:focus-within { border-color: var(--blue); color: var(--ink); }
.alenda-hsearch-results { position: absolute; top: calc(100% + 6px); left: 0; right: 0; min-width: 340px; z-index: 1001; background: var(--white, #fff); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 16px 40px rgba(15,30,50,.18); padding: 6px; max-height: min(70vh, 560px); overflow: auto; text-align: left; cursor: default; }
.alenda-hsearch-results[hidden] { display: none; }
.alenda-hsearch-results .alenda-sr-list { margin: 0; }
.alenda-hsearch-results .alenda-sr-item.is-active, .alenda-hsearch-results .alenda-sr-all.is-active { background: var(--mist, #F3F6FA); }
.alenda-hsearch-results .alenda-sr-empty { margin: 8px 6px; }
@media (min-width: 1024px) {
  .alenda-hsearch { display: flex; width: 280px; }
  body.alcom-hv2 .alenda-hsearch { width: auto; }
  .alenda-search-btn--icon { display: none; }
}

/* ============================================================
   SITENAV_20261103 — #50: the menu never overlaps the right side of the header, open lists close, footer groups
   ============================================================ */
/* Was flex: 1 (basis 0) + min-width: 0, so the box could be far narrower than its nowrap links and they ran under the right side. */
.alenda-nav-main { flex: 1 1 auto; min-width: 0; }
.alenda-nav-main:not(.is-fit) { overflow-x: clip; } /* until the script has measured, and if it never runs */
@media (min-width: 1240px) { .alenda-nav-main.is-fit { flex: 1 0 auto; } } /* the search field gives way first, then links move to "Vairāk" */
.alenda-nav-opt.alenda-nav-fit-out { display: none; }
.alenda-nav-drop a.dup.alenda-nav-fit-show { display: block; }
.alenda-nav-drop-wrap.is-open > .alenda-nav-drop { display: block; }
.alenda-nav-drop-wrap.is-closed > .alenda-nav-drop { display: none !important; }
.alenda-nav-drop, .alenda-mega-catgrid { overscroll-behavior: contain; }
.alenda-nav-more > button { color: inherit; }
/* A long list opens as two columns instead of one long scrolling column. */
@media (min-width: 901px) {
  .alenda-nav-drop.alenda-nav-drop--many { width: min(560px, 80vw); min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 8px; align-content: start; }
  .alenda-nav-drop.alenda-nav-drop--many a { white-space: normal; }
  .alenda-nav-main .alenda-nav-drop-wrap:hover > .alenda-nav-drop--many, .alenda-nav-main .alenda-nav-drop-wrap:focus-within > .alenda-nav-drop--many, .alenda-nav-main .alenda-nav-drop-wrap.is-open > .alenda-nav-drop--many { display: grid; }
}
@media (min-width: 901px) and (max-width: 1239px) { .alenda-nav-drop.alenda-nav-drop--many { left: 0; right: auto; } }
.alcom-lang { flex-shrink: 0; white-space: nowrap; }
/* Footer built from the owner's groups */
@media (min-width: 901px) { .alenda-footer-grid.alenda-sn-grid { grid-template-columns: 240px repeat(var(--sn-cols, 3), minmax(0, 1fr)); } }
.alenda-sn-preview { position: sticky; top: 0; z-index: 300; background: #10233f; color: #fff; font-size: .8125rem; text-align: center; padding: 6px 12px; }

/* MOBILEFIT_20261103: a wide table scrolls by itself, it never pushes the page or a block past the screen. */
@media (max-width: 768px) {
  .entry-content table, .wp-block-table table, .alcom-hv2-faq .hv2-faq-a table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .entry-content .wp-block-table { overflow-x: auto; max-width: 100%; }
  .alcom-hv2-faq, .alcom-hv2-faq details, .alcom-hv2-faq .hv2-faq-a, .alcom-hv2-faq .hv2-faq-item { min-width: 0; max-width: 100%; }
}

/* CARDCHIPS_20261104: sizes on the product cards, small enough for the card */
.hv2-card-sizes { margin: 6px 0 2px; gap: 4px; }
.hv2-card-sizes .alenda-size-chip { height: 22px; min-width: 0; padding: 0 6px; font-size: 12px; line-height: 20px; cursor: default; }

/* CARDPICK_20261105: a variant chosen on a product card */
.alc-chip { cursor: pointer; transition: background .12s, color .12s, border-color .12s; }
.alc-chip:hover { border-color: var(--theme-palette-color-1, #1457A6); }
.alc-chip:focus-visible { outline: 2px solid var(--theme-palette-color-1, #1457A6); outline-offset: 1px; }
.alc-chip.is-on { background: var(--theme-palette-color-1, #1457A6); border-color: var(--theme-palette-color-1, #1457A6); color: #fff; }

/* HEADERVAT_20261106 (#138): the VAT switch and the icons keep their size. A wrapped switch was not an overflow, so the menu never made room. Now the search gives way first, then links move to "Vairāk". */
.alenda-pvn-toggle, .alenda-header-right > .alenda-icon-btn { flex: 0 0 auto; }
.alenda-pvn-toggle button { white-space: nowrap; }

/* DRAWERPRICE_20261106 */
.alenda-d-chip-n { opacity: .6; font-size: .85em; margin-left: 2px; }
.alenda-drawer-price { display: flex; align-items: center; gap: 8px; }
.alenda-drawer-price .alenda-price-input { flex: 1 1 0; min-width: 0; width: auto; font-size: 16px; }

/* HEROCOMPACT_20261106: a picture campaign in the normal banner height; never cropped or enlarged past its own size. */
.alcom-hv2-camp .hv2-panel.hv2-compact { grid-template-columns: minmax(0, 1fr) auto; min-height: 0; }
.alcom-hv2-camp .hv2-compact-media { display: flex; align-items: center; justify-content: center; min-width: 0; }
.alcom-hv2-camp .hv2-compact-media picture { display: contents; }
.alcom-hv2-camp .hv2-compact-img, .alcom-hv2-camp .hv2-compact-media img { display: block; width: auto !important; height: auto !important; max-width: 100%; max-height: 205px; object-fit: contain; border-radius: 14px; }
@media (max-width: 860px) {
  .alcom-hv2-camp .hv2-panel.hv2-compact { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .alcom-hv2-camp .hv2-compact-media { order: -1; }
  .alcom-hv2-camp .hv2-compact-img, .alcom-hv2-camp .hv2-compact-media img { max-height: 260px; }
}
@media (min-width: 861px) {
  html body.alcom-hv2 .alenda-hero.alcom-hv2-camp:has(.hv2-compact):not(.has-tabs) { padding: 18px 0; }
  .alcom-hv2-camp .hv2-panel.hv2-compact .hv2-camp-text { padding-top: 6px; padding-bottom: 6px; }
}

/* ACCOUNTNAV_20261106: my-account menu. Hover is a light tint, only the open page is solid. Uses the shop's colour variables. */
html body .woocommerce-MyAccount-navigation ul li:not(.is-active):hover a,
html body .woocommerce-MyAccount-navigation ul li:not(.is-active) a:hover,
html body .woocommerce-MyAccount-navigation ul li:not(.is-active) a:focus-visible { background: var(--blue-tint) !important; color: var(--ink) !important; }
html body .woocommerce-MyAccount-navigation ul li a:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }

/* ═══ LIVEFIX_20261107: found on live 07.11 (bug fixes, no switch) ═══ */
/* sticky and fixed parts sit under the real header height (--alenda-header-h is measured by script; 64px is the old fixed header) */
html body .alenda-mobile-nav { top: var(--alenda-header-h, 64px); }
html body .alenda-mobile-filter-bar { top: var(--alenda-header-h, 64px); }
html body .alenda-filter-sidebar { top: calc(var(--alenda-header-h, 64px) + 16px); max-height: calc(100vh - var(--alenda-header-h, 64px) - 32px); }
html body .alenda-product-gallery { top: calc(var(--alenda-header-h, 64px) + 16px); }
html body .alenda-cart-summary, html body .ale-cart-summary { top: calc(var(--alenda-header-h, 64px) + 16px); }
/* phones: 16px fields so iOS does not zoom in */
@media (max-width: 900px) {
  html body input[type=search], html body input[type=text], html body input[type=email], html body input[type=tel],
  html body input[type=number], html body input[type=password], html body input:not([type]), html body select, html body textarea { font-size: 16px !important; }
}
/* phones: tap targets at least 44px (the hit area grows, the look stays) */
@media (max-width: 900px) {
  html body .alcom-cb-close { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
  html body .alcom-eta-i { position: relative; }
  html body .alcom-eta-i::after { content: ""; position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; transform: translate(-50%, -50%); }
  html body .woocommerce-breadcrumb a { display: inline-block; padding: 12px 0; margin: -12px 0; }
  html body .alenda-view-btn, html body .alenda-d-chip, html body .alenda-size-chip { min-height: 44px; }
  html body .alenda-view-btn { min-width: 44px; }
  html body .alenda-mobile-filter-bar button, html body .alenda-mobile-filter-bar a { min-height: 44px; }
  html body .alenda-qty-minus, html body .alenda-qty-plus { min-width: 44px; }
  html body .woocommerce-tabs ul.tabs li a { min-height: 44px; display: inline-flex; align-items: center; }
  html body .hv3-right-head a, html body .section-header a { display: inline-block; padding: 10px 0; margin: -10px 0; }
  html body .woocommerce-checkout label:has(> input[type=checkbox]), html body .woocommerce-checkout label:has(> input[type=radio]),
  html body .woocommerce-checkout li:has(> input[type=radio]) > label, html body .woocommerce-cart label:has(> input[type=checkbox]) { min-height: 44px; display: inline-flex; align-items: center; gap: 8px; }
  html body .woocommerce-checkout input[type=checkbox], html body .woocommerce-checkout input[type=radio] { min-width: 22px; min-height: 22px; }
}
/* low phone landscape: the cart drawer scrolls as one, so the footer never covers the goods */
@media (max-height: 500px) {
  html body .alenda-drawer-inner { overflow-y: auto; -webkit-overflow-scrolling: touch; }
  html body .alenda-drawer-inner .alenda-drawer-scroll { flex: 0 0 auto; overflow: visible; min-height: auto; }
  html body .alenda-drawer-foot { padding-top: 10px; padding-bottom: 10px; }
  html body #alcom-cookie-banner .alcom-cb-inner { padding-top: 8px; padding-bottom: 8px; }
  html body #alcom-cookie-banner .alcom-cb-text { font-size: 13px; line-height: 1.35; margin-bottom: 6px; }
}

/* ROUND3_20261107: the round 2 sizes also on tablets and on phones held sideways. They were phone only (max 520/900 px),
   and the block checkout fields lost to checkout.css's own !important .9375rem rule. Bug fix, no switch. */
html { scroll-padding-top: calc(var(--alenda-header-h, 64px) + 12px); }
/* bars fixed to the bottom stay above the cookie bar while it is open (consent.php keeps --alcom-cb-h at its height) */
html body .alenda-mobile-sticky-bar, html body .alenda-mobile-sticky, html body .ale-mobile-sticky,
html body .wc-block-cart__submit-container--sticky, html body .alenda-filter-drawer { bottom: var(--alcom-cb-h, 0px) !important; }
html body .alenda-mobile-nav { padding-bottom: var(--alcom-cb-h, 0px); }
@media (max-width: 1024px), (pointer: coarse) {
  html body .wc-block-checkout .wc-block-components-text-input input,
  html body .wc-block-components-text-input input, html body .wc-block-components-combobox input,
  html body .wc-block-components-country-input input, html body .wc-block-components-select select,
  html body .wc-block-checkout input[type="text"], html body .wc-block-checkout input[type="email"],
  html body .wc-block-checkout input[type="tel"], html body .wc-block-checkout input[type="number"],
  html body .wc-block-checkout select, html body .wc-block-checkout textarea, html body .wc-block-components-textarea,
  html body .wc-block-components-quantity-selector input, html body .quantity input.qty { font-size: 16px !important; }
  html body .alenda-drawer .alenda-drawer-close { width: 44px !important; height: 44px !important; min-width: 44px !important; }
  html body .alenda-drawer .adi-qty-btn { flex: 0 0 44px !important; width: 44px !important; min-width: 44px !important; height: 44px !important; }
  html body .alenda-drawer input.adi-qty-val, html body .alenda-drawer .adi-qty-val { height: 44px !important; font-size: 16px !important; }
  html body .alenda-drawer .adi-remove { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; display: inline-flex !important; align-items: center; justify-content: center; }
  /* the ETA "i": a 44 px button, the round mark inside stays small */
  html body .alcom-eta-i { width: 44px !important; height: 44px !important; margin: -13px -10px -13px -6px !important; border: 0 !important; background: transparent !important; position: relative; z-index: 0; vertical-align: middle !important; }
  html body .alcom-eta-i::before { content: ""; position: absolute; left: 50%; top: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px; border: 1px solid #9fb0c2; border-radius: 50%; background: #fff; z-index: -1; }
  html body .alcom-eta-i::after { display: none !important; }
  /* checkout ticks and round choices: 24 px marks (they scale by em), the whole label row stays 44 px to tap */
  html body .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"],
  html body .wc-block-components-checkbox .wc-block-components-checkbox__mark,
  html body .wc-block-components-radio-control .wc-block-components-radio-control__input { font-size: 16px !important; }
  html body .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"],
  html body .wc-block-components-radio-control .wc-block-components-radio-control__input { width: 24px !important; height: 24px !important; min-width: 24px !important; min-height: 24px !important; }
  html body .wc-block-components-checkbox label, html body .wc-block-checkout label:has(input[type="checkbox"]), html body .wc-block-checkout label:has(input[type="radio"]) { min-height: 44px; align-items: center; }
}
/* ROUND3B_20261107: while the cookie bar is open, the cart's "Turpināt uz norēķinu" in the page flow stops above it instead of under it */
html:has(#alcom-cookie-banner:not([hidden])) body .wc-block-cart__sidebar .wc-block-cart__submit { position: sticky; bottom: var(--alcom-cb-h, 0px); z-index: 5; background: #fff; }
/* ROUND3C_20261107: on phones held upright the cart's in-flow button sits fixed just above the open cookie bar, like WooCommerce's own sticky one */
@media (max-width: 782px) and (min-height: 501px) {
  html:has(#alcom-cookie-banner:not([hidden])) body .wc-block-cart__submit-container:not(.wc-block-cart__submit-container--sticky) { position: fixed; left: 0; right: 0; bottom: var(--alcom-cb-h, 0px); padding: 12px 16px; background: #fff; box-shadow: 0 -4px 12px rgba(0,0,0,.08); z-index: 60; }
}
/* ROUND3D_20261107: phones held sideways: WooCommerce hides its sticky cart button there (max-height 500 px) and never shows it again;
   it stays in the page flow at the end of the totals instead */
@media (max-height: 500px) {
  html body .wc-block-cart .wc-block-cart__submit-container--sticky { display: block !important; position: static !important; padding: 0 !important; box-shadow: none !important; background: transparent !important; }
}
/* ROUND3E_20261107: room at the page end for the open cookie bar, and a compact bar on phones held sideways (text scrolls, all three choices stay equal) */
html:has(#alcom-cookie-banner:not([hidden]))::after { content: ""; display: block; height: var(--alcom-cb-h, 0px); }
@media (max-height: 500px) {
  html body #alcom-cookie-banner { font-size: 12.5px; line-height: 1.35; }
  html body #alcom-cookie-banner .alcom-cb-inner { padding: 6px 12px; }
  html body #alcom-cookie-banner .alcom-cb-top { margin-bottom: 6px; }
  html body #alcom-cookie-banner .alcom-cb-text { max-height: 3.6em; overflow: auto; margin-bottom: 0; }
  html body #alcom-cookie-banner .alcom-cb-actions { flex-wrap: nowrap; gap: 8px; }
  html body #alcom-cookie-banner .alcom-cb-btn { padding: 8px 12px; min-height: 40px; flex: 1 1 auto; }
}

/* ═══ ROUND4_20261107: round 4 fixes found on live 07.11 (bug fixes, no switch). "Cookie bar" = the unanswered consent bar;
   consent.php keeps --alcom-cb-h at its height (0 when answered). ═══ */
/* 8: focus and scroll targets stop above the open cookie bar (the header side is ROUND3's scroll-padding-top) */
html { scroll-padding-bottom: var(--alcom-cb-h, 0px); }
/* 8: desktop: the bar is one compact row - the text scrolls inside two lines, the three choices and the close stay on the right -
   so on the product page "Pievienot grozam" and the quantity are not under it on first view */
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  html body #alcom-cookie-banner { font-size: 12.5px; line-height: 1.3; }
  html body #alcom-cookie-banner .alcom-cb-inner { display: flex; flex-wrap: wrap; align-items: center; column-gap: 14px; row-gap: 0; padding: 5px 20px; }
  html body #alcom-cookie-banner .alcom-cb-top { display: contents; }
  html body #alcom-cookie-banner .alcom-cb-text { order: 1; flex: 1 1 0; min-width: 0; max-height: 2.6em; overflow: auto; }
  html body:not(.single-product) #alcom-cookie-banner .alcom-cb-text br { display: none; }
  html body:not(.single-product) #alcom-cookie-banner .alcom-cb-text strong::after { content: " "; }
  html body #alcom-cookie-banner .alcom-cb-actions { order: 2; flex: 0 0 auto; flex-wrap: nowrap; gap: 8px; }
  html body #alcom-cookie-banner .alcom-cb-btn { padding: 6px 14px; white-space: nowrap; }
  html body #alcom-cookie-banner .alcom-cb-close { order: 3; }
  html body #alcom-cookie-banner #alcom-cookie-panel { order: 4; flex: 1 0 100%; margin-top: 6px; max-height: 50vh; overflow: auto; }
}
/* 8: desktop product pages: there the buy box can sit lower than any bar leaves room for (home v3 header: button bottom 746 px
   at 1024x768), so the bar is a card at the bottom left, beside the buy box (the gallery column), never over it */
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  html body.single-product #alcom-cookie-banner { left: 16px; right: auto; bottom: 16px; width: min(480px, calc(50vw - 48px)); border: 1px solid #dfe5ee; border-top: 3px solid var(--theme-palette-color-1, #1457A6); border-radius: 12px; box-shadow: 0 8px 32px rgba(0,0,0,.18); }
  html body.single-product #alcom-cookie-banner .alcom-cb-inner { display: block; padding: 12px 14px; max-width: none; }
  html body.single-product #alcom-cookie-banner .alcom-cb-top { display: flex; gap: 8px; margin-bottom: 8px; }
  html body.single-product #alcom-cookie-banner .alcom-cb-text { max-height: 9.2em; }
  html body.single-product #alcom-cookie-banner .alcom-cb-actions { flex-wrap: wrap; }
  html body.single-product #alcom-cookie-banner #alcom-cookie-panel { margin-top: 8px; max-height: 40vh; }
}
/* 1-2: side cart: when the first goods' buttons would sit under the drawer footer, the list and the footer scroll as one
   (alenda-drawer.js sets alenda-drawer--tight) */
html body .alenda-drawer.alenda-drawer--tight .alenda-drawer-inner { overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
html body .alenda-drawer.alenda-drawer--tight .alenda-drawer-inner .alenda-drawer-scroll { flex: 0 0 auto; overflow: visible; min-height: auto; }
/* 2: phones held sideways: a lower head and progress bar, so the first goods' − / + / remove show above the open cookie bar */
@media (max-height: 500px) {
  html body .alenda-drawer .alenda-drawer-head { padding-top: 6px; padding-bottom: 6px; }
  html body .alenda-drawer .alenda-drawer-scroll { padding-top: 4px; }
  html body .alenda-drawer .alenda-progress-wrap { padding-top: 6px; padding-bottom: 6px; }
  html body .alenda-drawer .alenda-drawer-item { padding-top: 6px; }
}
/* 3: the delivery "i": the visible circle 24 px (the 44 px tap area stays) */
@media (max-width: 1024px), (pointer: coarse) {
  html body .alcom-eta-i::before { width: 24px; height: 24px; margin: -12px 0 0 -12px; }
}
/* 4: the phone menu ends at the top of the open cookie bar, so its last links are never under it */
html body .alenda-mobile-nav { bottom: var(--alcom-cb-h, 0px); padding-bottom: 0; }
/* 5: the search icon is a 44 px button; the search panel's results end above the open cookie bar ("Rādīt visas … preces →" scrolls into view) */
@media (max-width: 1023px) {
  html body .alenda-search-btn.alenda-search-btn--icon { min-width: 44px; min-height: 44px; justify-content: center; }
}
html body .alenda-search-panel .alenda-search-results { max-height: min(70vh, 560px, calc(100vh - var(--alenda-header-h, 64px) - 96px - var(--alcom-cb-h, 0px))); }
/* 6: /grozs/ on phones held sideways: the checkout button stays in the page flow (the page end has room for the bar),
   so it no longer slides over the "Kopā ar PVN" row while scrolling */
@media (max-height: 500px) {
  html:has(#alcom-cookie-banner:not([hidden])) body .wc-block-cart__sidebar .wc-block-cart__submit { position: static; }
}

/* ═══ ROUND5_20261107: round 5 fixes found on live 07.11 (bug fixes, no switch). "Cookie bar" = the unanswered consent bar;
   consent.php keeps --alcom-cb-h at its height (0 when answered); alenda-round4.js holds the round 5 script part. ═══ */
/* 2: phones: the "ar PVN / bez PVN" choice in the menu (the header one is hidden at 900 px and narrower), 44 px buttons */
html body .alenda-mob-pvn { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0 4px; }
html body .alenda-mob-pvn-label { font-size: .9375rem; font-weight: 600; color: var(--ink); }
html body .alenda-mobile-nav .alenda-pvn-toggle.alenda-pvn-toggle--mob { display: flex !important; flex: 0 0 auto; border-radius: 22px; }
html body .alenda-mobile-nav .alenda-pvn-toggle--mob button { min-height: 44px; min-width: 88px; padding: 0 16px; font-size: .875rem; }
/* 3: /grozs/: the fixed cart button steps aside while it would cover the "Kopā ar PVN" row (alenda-round4.js sets the class) */
html body .wc-block-cart .wc-block-cart__submit-container.alenda-r5-yield { visibility: hidden !important; pointer-events: none !important; }
/* 4: desktop compact cookie bar: the whole text and "Sīkdatņu politika" show without inner scrolling (2-4 short lines),
   the × is a 44 px button that does not make the bar taller */
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  html body:not(.single-product) #alcom-cookie-banner .alcom-cb-text { max-height: none; overflow: visible; }
  html body:not(.single-product) #alcom-cookie-banner .alcom-cb-inner { padding-top: 6px; padding-bottom: 6px; }
  html body #alcom-cookie-banner .alcom-cb-close { width: 44px; height: 44px; min-width: 44px; padding: 0; display: inline-flex; align-items: center; justify-content: center; margin: -6px -12px -6px -4px; }
  html body.single-product #alcom-cookie-banner .alcom-cb-close { margin: -10px -10px -6px 0; }
}
/* 6: home v3: a category's flyout is as tall as its links (it was stretched to the whole list: 930 px at 1920x1080);
   alenda-round3.js caps it above the open cookie bar */
html body.alcom-hv3 .hv3-cats .hv3-sub { min-height: 0; }
/* ═══ ROUND6_20261108: round 6 fixes found on live 08.11 (bug fixes, no switch). ═══ */
/* 1: phones and small tablets (900 px and narrower, where the menu button shows): the header never runs wider than the screen.
   The language links move into the phone menu (alenda-header.php), and a wide logo may shrink (a 320 px phone was 347 px wide). */
html body .alenda-mob-lang { display: none; } /* shown at 900 px and narrower (below) */
@media (max-width: 900px) {
  html body .alenda-header .alenda-header-right > .alcom-lang { display: none !important; }
  html body .alenda-header .alenda-logo { flex-shrink: 1; min-width: 0; }
  html body .alenda-header .alenda-logo img { max-width: 100%; height: auto; object-fit: contain; }
  html body .alenda-mob-lang { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0 4px; }
}
/* 1 (desktop, 901 px and wider): with a second language the header row was 51 px too long at 1280 px (northlift, classic header): its
   left end, the LV link, lay under the menu's "Vairāk" button. The search field may then get narrower (220 -> 150 px) instead. */
@media (min-width: 901px) { html body.alcom-hv2 .alenda-header-right:has(> .alcom-lang) > .alenda-hsearch { min-width: 150px; } }
html body .alenda-mob-lang-label { font-size: .9375rem; font-weight: 600; color: var(--ink); }
html body .alenda-mob-lang .alcom-lang { display: flex; gap: 8px; margin: 0; font-size: .875rem; }
html body .alenda-mob-lang .alcom-lang a { display: inline-flex; align-items: center; justify-content: center; min-width: 56px; min-height: 44px; padding: 0 14px; border: 1px solid var(--line, #e5e7eb); border-radius: 22px; color: var(--ink); background: #fff; }
html body .alenda-mob-lang .alcom-lang a.is-current { background: var(--blue, #1457a6); border-color: var(--blue, #1457a6); color: #fff; }
/* 4b: while "bez PVN" is chosen, a short label stands next to the product price, the variant price and the phone bar price
   (alenda-nav.js sets html.alenda-vat-excl and --alenda-vat-lbl = the toggle's own words); "ar PVN" stays as it was */
html.alenda-vat-excl body .alenda-product-info > .price > .alenda-pvn-wrap::after,
html.alenda-vat-excl body .woocommerce-variation-price .alenda-pvn-wrap::after,
html.alenda-vat-excl body .alenda-mobile-sticky-bar .alenda-msb-pvn::after {
  content: var(--alenda-vat-lbl, "bez PVN"); display: inline-block; margin-left: .4em; padding: 1px 6px; border-radius: 6px;
  background: var(--alenda-blue-tint, #eef2ff); color: var(--slate, #334155); font-size: .75rem; font-weight: 700; line-height: 1.5;
  white-space: nowrap; vertical-align: middle; text-decoration: none;
}

/* ═══ ROUND7_20261108: round 7 fixes (bug fixes, no switch). ═══ */
/* 2: desktop 901-1239 px, classic header: the menu then shows only its fixed items + "Vairāk", so it never shrinks below its own width
   and the right side (language links, search field, VAT switch, icons) gives way instead (with room to spare nothing moves). Before, both shrank and the right side ran over the menu
   (northlift 1024 px with EN: the LV link 466-493 lay under "Vairāk" 397-480). If it still does not fit (a very wide logo),
   alenda-nav.js sets .alenda-hdr-tight: the search field becomes the search icon. The v3 header has the menu on its own row. */
@media (min-width: 901px) and (max-width: 1239px) {
  html body:not(.alcom-hv3) .alenda-header .alenda-nav-main { flex-shrink: 0; }
}
html body .alenda-header-inner.alenda-hdr-measure, html body .alenda-header-inner.alenda-hdr-measure * { transition: none !important; } /* only while alenda-nav.js measures */
@media (min-width: 901px) {
  html body:not(.alcom-hv3) .alenda-header .alenda-header-inner.alenda-hdr-tight .alenda-hsearch { display: none !important; }
  html body:not(.alcom-hv3) .alenda-header .alenda-header-inner.alenda-hdr-tight .alenda-search-btn--icon { display: flex !important; flex: 0 0 auto; min-width: 0; width: auto; max-width: none; padding: 0 10px; }
  html body:not(.alcom-hv3) .alenda-header .alenda-header-inner.alenda-hdr-tight .alenda-search-btn--icon span { display: none !important; }
  /* and a logo too wide for the row gets smaller instead of pushing the cart off the screen */
  html body:not(.alcom-hv3) .alenda-header .alenda-header-inner.alenda-hdr-tight .alenda-logo { flex-shrink: 1; min-width: 0; }
  html body:not(.alcom-hv3) .alenda-header .alenda-header-inner.alenda-hdr-tight .alenda-logo img { max-width: 100% !important; height: auto; object-fit: contain; }
}