/* ============================================================
 * V1.37.13: Minimalus tarpas tarp kategorijų sidebar ir skelbimų
 * ============================================================
 * Buvo: gap-6 (24px) tarp <aside> ir skelbimų stulpelio +
 *       max-width 720px centruota → didelės tuščios vietos.
 * Bus:  gap 8px tarp blokų + max-width 900px (kortelės plačiau).
 *
 * V1.37.12 KLAIDA: bandžiau pakeisti grid-template-columns į
 * "200px 1fr" — tai sulaužė lg:col-span-3 (skelbimai persikėlė
 * žemyn). NIEKADA nekeisti grid-template-columns, jei col-span
 * naudoja Tailwind klases.
 * ============================================================ */
@media (min-width: 1024px) {
  #home_view_wrapper {
    gap: 0.5rem !important;
  }
}

/* ============================================================
 * V1.36.52: FB feed layout — DIDELĖS kortelės VISUOSE įrenginiuose
 * ============================================================
 * APIMTIS: mobile (visas plotis) + desktop (max-width 900px kairėje).
 *
 * Šis CSS dirba KARTU su V1.36.50 bundle patch'u (_ppC funkcija
 * viduje React). Bundle renderina single ARBA collage tame pačiame
 * <div class="...shrink-0..."> elemente. CSS padidina to elemento
 * dydį iki pilno kortelės pločio su aspect-ratio 4:3.
 *
 * APSAUGA: visi selektoriai scope'inti per #ads_results_stream.
 *          Kitos kortelių vietos NEPAVEIKIAMOS.
 * ============================================================ */

/* Visi dydžiai (mobile + desktop) — pagrindinė logika */
#ads_results_stream {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.75rem !important;
  align-items: start !important;
}

#ads_results_stream > div {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
}

#ads_results_stream div[id^="ad_card_item_"] {
  flex-direction: column !important;
  gap: 0.625rem !important;
}

/* Nuotraukos blokas (tiek single, tiek collage):
 * pilnas plotis + aspect-ratio 4:3 */
#ads_results_stream div[id^="ad_card_item_"] > div[class*="shrink-0"] {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  align-self: stretch !important;
}

/* Tekstų blokas: kompaktiškas */
#ads_results_stream div[id^="ad_card_item_"] > div[class*="flex-grow"] {
  min-width: 0 !important;
  width: 100% !important;
  justify-content: flex-start !important;
  gap: 0.375rem !important;
}

/* Desktop tik: didesnis gap (V1.37.14: pašalintas max-width 900px + margin — kortelės užima PILNĄ #ads_results_stream stulpelio plotį, lygiai kaip filtrų kortelė aukščiau) */
@media (min-width: 768px) {
  #ads_results_stream {
    gap: 1rem !important;
  }
}

/* ============================================================
 * V1.37.0: Apatinė reklama VALDOMA DINAMIŠKAI per:
 *   - /assets/ad_position_settings.json (default config)
 *   - /assets/ad-positions.php (skaito JSON, generuoja CSS — V1.37.5+)
 *   - /admin-reklamos-dydziai.php (admin valdymas)
 * Default reikšmė bottom: 720px / 160px min-height.
 * ============================================================ */
