/* =========================
   GEALAN spalvynas
   primary: #003A78
   accent : #0054A6
   tints  : rgba(0,58,120,.06/.12/.15/.18/.25/.35)
   ========================= */

/* Pagrindinė lentelė */
.lk-katalogas-table th,
.lk-katalogas-table td { white-space: nowrap; }

.lk-col-img {         /* vaizdo stulpelis */
  width: 2.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
}

/* --- Mygtukų bendras stilius --- */
.lk-katalogas-wrap .btn {
  border-radius: 6px;     /* švelniai kampuoti (no pill) */
  font-weight: 500;
  line-height: 1.3;
}

/* --- Filtrų juosta --- */
.lk-filters-actions{
  display:flex;
  align-items:center;
  gap:.75rem;
  flex-wrap:wrap;
}
.lk-filters-actions .ms-auto{ margin-left:auto; }

/* Filtrų mygtukai (antriniai) */
.lk-filters-actions .btn {
  background:#f8f9fa;
  border:1px solid #ced4da;
  color:#333;
}
.lk-filters-actions .btn:hover,
.lk-filters-actions .btn:focus {
  background:#e9ecef;
  border-color:#adb5bd;
  color:#111;
}

/* Filtrų panelės brand fonas (GEALAN mėlyna) */
.lk-filters-pane{
  background: rgba(0,58,120,.05);
  border-color: rgba(0,58,120,.15) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}

/* Valdikliai ant spalvoto fono išlieka balti ir skaitomi */
.lk-filters-pane .form-select,
.lk-filters-pane .form-control{ background-color:#fff; }

/* Mobilis – kompaktiškesnis tarpas */
@media (max-width: 991.98px){
  .lk-filters-pane{ padding:.75rem !important; border-radius:.5rem; }
}

/* --- Aukščio „sargyba“ --- */
.lk-guard-min { min-height: 60vh; }
@media (min-width: 992px){ .lk-guard-min { min-height: 70vh; } }

/* Kvėpavimas apačioje */
.lk-katalogas-wrap { margin-bottom: 2rem; }
@media (min-width: 992px) { .lk-katalogas-wrap { margin-bottom: 3rem; } }

/* Moduliai virš/po lentele */
.lk-modpos .moduletable,
.lk-modpos .custom { margin-bottom: 0; }

/* --- Miniatiūros (SVG) --- */
.lk-thumb { display:inline-block; vertical-align:middle; line-height:0; }
.lk-thumb svg { display:block; width:100%; height:100%; }
.lk-thumb rect,
.lk-thumb line,
.lk-thumb path { vector-effect: non-scaling-stroke; }

/* --- Katalogo spalvų piktogramos --- */
.lk-color {
  display:inline-block;
  width:14px; height:14px;
  border:2px solid #111;
  border-radius:3px;
  margin-right:6px;
  vertical-align:-2px;
  box-sizing:content-box;
}
.lk-color--white { background:#fff; }
.lk-color--one   { background:linear-gradient(90deg, #fff 50%, #757575 50%); }
.lk-color--both  { background:#757575; }

/* --- Veiksmo mygtukas (Pasirinkti – pirminis CTA) --- */
.lk-katalogas-table a.btn.btn-primary {
  background:#003A78 !important;    /* GEALAN primary */
  border-color:#003A78 !important;
  color:#fff !important;
  font-weight:600;
  border-radius:6px;                 /* no pill */
  padding:.45rem 1rem;
  line-height:1.2;
  text-decoration:none !important;
}
.lk-katalogas-table a.btn.btn-primary:hover,
.lk-katalogas-table a.btn.btn-primary:focus {
  background:#002E61 !important;     /* šiek tiek tamsesnė */
  border-color:#002E61 !important;
  color:#fff !important;
  box-shadow:0 0 0 .2rem rgba(0,58,120,.35);
}

/* Jei šablonas globaliai nuspalvina <a>, užtikriname baltą tekstą CTA mygtuke */
.lk-katalogas-table td a.btn { color:#fff !important; }

/* Mažesni ekranai – šiek tiek didesnė zona paspaudimui */
@media (max-width: 767.98px) {
  .lk-katalogas-table a.btn.btn-primary { padding:.55rem 1.1rem; }
}

/* --- Puslapiavimas (aktyvus ir hover – mėlynas) --- */
body.com_langukatalogas.view-katalogas.layout-table .pagination .page-link {
  color:#003A78;
  border-color:rgba(0,58,120,.35);
}
body.com_langukatalogas.view-katalogas.layout-table .pagination .page-item.active .page-link {
  background-color:#003A78;
  border-color:#003A78;
  color:#fff !important;
}
body.com_langukatalogas.view-katalogas.layout-table .pagination ul>li.active>a,
body.com_langukatalogas.view-katalogas.layout-table .pagination ul>li.active>span {
  background-color:#003A78;
  border-color:#003A78;
  color:#fff !important;
}
body.com_langukatalogas.view-katalogas.layout-table .pagination .page-link:hover,
body.com_langukatalogas.view-katalogas.layout-table .pagination .page-link:focus,
body.com_langukatalogas.view-katalogas.layout-table .pagination ul>li>a:hover,
body.com_langukatalogas.view-katalogas.layout-table .pagination ul>li>span:hover {
  background-color:#003A78;
  border-color:#003A78;
  color:#fff !important;
  box-shadow:0 0 0 .15rem rgba(0,58,120,.25);
}

/* === Konkrečių filtrų mygtukai === */
/* Filtruoti – spalvotas fonas, baltas tekstas */
.lk-filters-actions .btn.btn-filter {
  background:#003A78;
  border-color:#003A78;
  color:#fff !important;
  font-weight:600;
}
.lk-filters-actions .btn.btn-filter:hover,
.lk-filters-actions .btn.btn-filter:focus {
  background:#002E61;
  border-color:#002E61;
  color:#fff !important;
  box-shadow:0 0 0 .15rem rgba(0,58,120,.25);
}

/* Išvalyti – outline mėlynas, hover – užsipildo mėlynai */
.lk-filters-actions .btn.btn-clear {
  background:#fff;
  border:1px solid #003A78;
  color:#003A78 !important;
  font-weight:600;
  border-radius:6px;                /* no pill */
}
.lk-filters-actions .btn.btn-clear:hover,
.lk-filters-actions .btn.btn-clear:focus {
  background:#003A78;
  border-color:#003A78;
  color:#fff !important;
  box-shadow:0 0 0 .15rem rgba(0,58,120,.25);
}

/* --- Eilutės spaudžiamumo indikatorius --- */
.lk-katalogas-table tbody tr.lk-row-clickable {
  cursor:pointer;
  position:relative;
}
.lk-katalogas-table tbody tr.lk-row-clickable::after{
  content:'➔';
  position:absolute;
  right:1rem;
  top:50%;
  transform:translateY(-50%);
  font-size:1.8rem;
  font-weight:700;
  color:#444;
  opacity:.65;
  line-height:1;
}
@media (hover: hover){
  .lk-katalogas-table tbody tr.lk-row-clickable:hover { background-color:rgba(0,0,0,.02); }
  .lk-katalogas-table tbody tr.lk-row-clickable:hover::after{
    color:#003A78;     /* GEALAN akcentas */
    opacity:.95;
  }
}
/* Mobilis: didesnė rodyklė / slėpimas */
@media (max-width: 767.98px){
  .lk-katalogas-table tbody tr.lk-row-clickable::after{ right:.75rem; font-size:2rem; }
}
@media (hover: none) and (pointer: coarse) {
  .lk-katalogas-table tbody tr.lk-row-clickable::after { content:none !important; }
}
@media (max-width: 767.98px){
  .lk-katalogas-table tbody tr.lk-row-clickable::after { content:none !important; }
}

/* Telefone – patogesni tarpai */
@media (max-width: 767.98px){
  .lk-katalogas-table tbody tr td {
    padding-top:1.5rem;
    padding-bottom:1.5rem;
  }
}
@media (max-width: 767.98px){
  .lk-katalogas-table tbody tr.lk-row-clickable:active { background-color:rgba(0,0,0,.08); }
  .lk-katalogas-table tbody tr.lk-row-clickable { -webkit-tap-highlight-color:rgba(0,0,0,.12); transition:background-color .2s ease; }
}
<style>.lk-badge{cursor:pointer;user-select:none}</style>

/* Kraunasi būsena */
.lk-katalogas-wrap[aria-busy="true"] {
  transition:opacity .2s ease;
  opacity:.6;
  pointer-events:none;
}

/* Chips */
.lk-active-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:-4px 0 12px}
.lk-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid rgba(0,0,0,.15);border-radius:999px;background:#f8f9fa;font-size:.9375rem;line-height:1}
.lk-chip strong{font-weight:600}
.lk-chip .lk-chip-x{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;text-decoration:none;border:1px solid rgba(0,0,0,.25);font-weight:700;font-size:.875rem;line-height:1}
.lk-chip .lk-chip-x:hover,.lk-chip .lk-chip-x:focus{background:#dc3545;color:#fff;border-color:#dc3545;outline:0}
.lk-chip .lk-chip-x:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}
.lk-clear-all{margin-left:4px}

/* Populiarių dydžių mygtukai */
.popular-sizes .btn {
  border-radius:6px;           /* no pill */
  font-size:.9rem;
  padding:.35rem .8rem;
  line-height:1.1;
  min-width:95px;
  color:#2a3132;
  background:#fff;
  border-color:#dee2e6;
}
.popular-sizes .btn:hover {
  background:#003A78;          /* GEALAN primary */
  color:#fff !important;
  border-color:#003A78;
}

/* Tarpas tarp „Greita paieška“ ir filtrų žetonų */
.lk-quicksearch { margin-bottom:1rem; }

/* ============================
   VIENODI „Išvalyti“ MYGTUKAI (no pill) + filled-blue hover
   – Filtrų juosta: .btn.btn-clear
   – Greita paieška: #lk-quick-clear
   – Žetonų „Išvalyti visus“: .lk-clear-all
   ============================ */
.lk-filters-actions .btn.btn-clear,
#lk-quick-clear,
.lk-clear-all {
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  background:#fff;
  border:1px solid #003A78;
  color:#003A78 !important;
  font-weight:600;
  padding:.375rem .75rem;
  line-height:1.25;
  border-radius:6px !important;       /* no pill */
  text-decoration:none !important;
  cursor:pointer;
  transition:background-color .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.lk-filters-actions .btn.btn-clear:hover,
.lk-filters-actions .btn.btn-clear:focus,
#lk-quick-clear:hover,
#lk-quick-clear:focus,
.lk-clear-all:hover,
.lk-clear-all:focus {
  background:#003A78;
  border-color:#003A78;
  color:#fff !important;
  box-shadow:0 0 0 .15rem rgba(0,58,120,.25);
  outline:0;
}
.lk-filters-actions .btn.btn-clear:disabled,
#lk-quick-clear:disabled,
.lk-clear-all.disabled,
.lk-clear-all[aria-disabled="true"] {
  opacity:.55;
  pointer-events:none;
}
.lk-clear-all svg,
#lk-quick-clear svg,
.lk-filters-actions .btn.btn-clear svg {
  width:1em; height:1em; vertical-align:-2px;
}

/* Greitos paieškos panelis – GEALAN */
.lk-quicksearch--panel {
  background: var(--lk-qs-bg, rgba(0,58,120,.08));
  border: 1px solid var(--lk-qs-br, rgba(0,58,120,.15));
}
/* Keičiami tonai, jei reikės */
.lk-katalogas-wrap.brand-gealan-light {
  --lk-qs-bg: rgba(0,58,120,.05);
  --lk-qs-br: rgba(0,58,120,.12);
}
.lk-katalogas-wrap.brand-gealan-strong {
  --lk-qs-bg: rgba(0,58,120,.12);
  --lk-qs-br: rgba(0,58,120,.20);
}
