/* ========== Cargo Település Index (scoped) ========== */
.cargo-ti{
  --ti-bg:#0f172a;
  --ti-card:rgba(255,255,255,0.06);
  --ti-border:rgba(255,255,255,0.10);
  --ti-text:rgba(255,255,255,0.92);
  --ti-muted:rgba(255,255,255,0.72);
  --ti-primary:#22c55e;
  --ti-primaryText:#052e16;

  color:var(--ti-text);
  background:linear-gradient(180deg, rgba(2,6,23,0.96), rgba(15,23,42,0.96));
  border:1px solid var(--ti-border);
  border-radius:16px;
  padding:18px;
  margin:16px 0;
}

.cargo-ti .cargo-ti__title{ margin:0 0 6px 0; font-size:22px; line-height:1.2; letter-spacing:-0.2px; color: white; }
.cargo-ti .cargo-ti__subtitle{ margin:0 0 12px 0; color:var(--ti-muted); font-size:14px; line-height:1.5; }

.cargo-ti .cargo-ti__cta{ display:flex; gap:10px; flex-wrap:wrap; margin:10px 0 14px 0; }

.cargo-ti .cargo-ti__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 12px;
  border-radius:12px;
  text-decoration:none;
  border:1px solid var(--ti-border);
  background:rgba(255,255,255,0.05);
  color:var(--ti-text);
  font-size:14px;
  line-height:1;
  white-space:nowrap;
}

.cargo-ti .cargo-ti__btn--primary{
  background:var(--ti-primary);
  color:var(--ti-primaryText);
  border-color:rgba(0,0,0,0.08);
  font-weight:800;
}

/* GRID */
.cargo-ti .cargo-ti__grid{ display:grid; gap:10px; grid-template-columns:repeat(3,1fr); }

/* oszlopszám shortcode attribútum alapján */
.cargo-ti[data-cols="1"] .cargo-ti__grid{ grid-template-columns:repeat(1,1fr); }
.cargo-ti[data-cols="2"] .cargo-ti__grid{ grid-template-columns:repeat(2,1fr); }
.cargo-ti[data-cols="3"] .cargo-ti__grid{ grid-template-columns:repeat(3,1fr); }
.cargo-ti[data-cols="4"] .cargo-ti__grid{ grid-template-columns:repeat(4,1fr); }
.cargo-ti[data-cols="5"] .cargo-ti__grid{ grid-template-columns:repeat(5,1fr); }
.cargo-ti[data-cols="6"] .cargo-ti__grid{ grid-template-columns:repeat(6,1fr); }

.cargo-ti .cargo-ti__item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px;
  border-radius:14px;
  border:1px solid var(--ti-border);
  background:var(--ti-card);
  color:var(--ti-text);
  text-decoration:none;
  min-height:44px;
  contain:content;
}

.cargo-ti .cargo-ti__item:hover{ border-color:rgba(255,255,255,0.20); background:rgba(255,255,255,0.08); }
.cargo-ti .cargo-ti__itemText{ font-size:14px; line-height:1.25; }
.cargo-ti .cargo-ti__chev{ opacity:0.7; font-size:18px; line-height:1; }

/* kereső */
.cargo-ti .cargo-ti__searchWrap{ margin:10px 0 0 0; display:grid; gap:6px; }
.cargo-ti .cargo-ti__search{
  width:100%;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.14);
  background:rgba(255,255,255,0.06);
  color:rgba(255,255,255,0.92);
  outline:none;
}
.cargo-ti .cargo-ti__search::placeholder{ color:rgba(255,255,255,0.55); }
.cargo-ti .cargo-ti__searchHint{ font-size:12px; color:rgba(255,255,255,0.65); }

/* ABC csoport */
.cargo-ti .cargo-ti__group{ margin-top:12px; }
.cargo-ti .cargo-ti__groupHead{
  font-weight:800;
  font-size:12px;
  letter-spacing:0.08em;
  color:rgba(255,255,255,0.70);
  margin:10px 2px 8px 2px;
}

/* A–Z ugrósáv */
.cargo-ti .cargo-ti__az{ margin-top:10px; display:flex; flex-wrap:wrap; gap:6px; }
.cargo-ti .cargo-ti__azBtn{
  appearance:none;
  border:1px solid rgba(255,255,255,0.20);
  background:rgba(255,255,255,0.08);
  color:rgba(255,255,255,0.92);
  border-radius:10px;
  padding:6px 8px;
  font-size:12px;
  line-height:1;
  cursor:pointer;
}
.cargo-ti .cargo-ti__azBtn:hover{ background:rgba(255,255,255,0.10); border-color:rgba(255,255,255,0.26); }
.cargo-ti .cargo-ti__azBtn.is-disabled,
.cargo-ti .cargo-ti__azBtn:disabled{ opacity:0.35; cursor:not-allowed; }

/* Tablet */
@media (max-width:980px){
  .cargo-ti .cargo-ti__grid{ grid-template-columns:repeat(2,1fr); }
  .cargo-ti[data-cols-md="1"] .cargo-ti__grid{ grid-template-columns:repeat(1,1fr); }
  .cargo-ti[data-cols-md="2"] .cargo-ti__grid{ grid-template-columns:repeat(2,1fr); }
  .cargo-ti[data-cols-md="3"] .cargo-ti__grid{ grid-template-columns:repeat(3,1fr); }
  .cargo-ti[data-cols-md="4"] .cargo-ti__grid{ grid-template-columns:repeat(4,1fr); }
}

/* Mobil */
@media (max-width:640px){
  .cargo-ti{ padding:14px; border-radius:14px; }
  .cargo-ti .cargo-ti__title{ font-size:18px; }
  .cargo-ti .cargo-ti__cta{ flex-direction:column; }
  .cargo-ti .cargo-ti__btn{ width:100%; }
  .cargo-ti .cargo-ti__grid{ grid-template-columns:1fr; }
  .cargo-ti[data-cols-sm="1"] .cargo-ti__grid{ grid-template-columns:1fr; }
  .cargo-ti[data-cols-sm="2"] .cargo-ti__grid{ grid-template-columns:repeat(2,1fr); }

  .cargo-ti .cargo-ti__header{
    position:sticky;
    top:10px;
    z-index:50;
    background:linear-gradient(180deg, rgba(2,6,23,0.98), rgba(15,23,42,0.92));
    padding:12px 0 10px 0;
    border-bottom:1px solid rgba(255,255,255,0.08);
    border-radius:14px;
  }
}

/* Theme felülírás elleni biztosíték a CTA-ra */
.cargo-ti .cargo-ti__cta a.cargo-ti__btn{
  display:inline-flex !important;
  opacity:1 !important;
  visibility:visible !important;
  text-decoration:none !important;
}
.cargo-ti .cargo-ti__cta a.cargo-ti__btn--primary{
  background:var(--ti-primary) !important;
  color:var(--ti-primaryText) !important;
}
.cargo-ti .cargo-ti__cta a.cargo-ti__btn--phone{
  color:rgba(255,255,255,0.92) !important;
}
.cargo-ti .cargo-ti__cta{
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}
.cargo-ti .cargo-ti__cta a.cargo-ti__btn{
  display:inline-flex !important;
  opacity:1 !important;
  visibility:visible !important;
  text-decoration:none !important;
}