/* =====================================================
   BeOrganic.sk — blog_fix.css
   Oprava rozhádzaného layoutu blogu na desktope
   ===================================================== */

/* ── Obaľovač blogu — max šírka a centrovanie ── */
.editContent .page-width {
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 0 40px !important;
}

/* ── Blog article riadky ── */
.editContent .column_block {
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 28px 40px !important;
  gap: 40px !important;
  align-items: center !important;
  border-bottom: 1px solid rgba(0,0,0,0.07) !important;
}

.editContent .column_block:last-of-type {
  border-bottom: none !important;
}

/* ── Obrázok článku ── */
.editContent .column_block > div:first-child {
  flex: 0 0 260px !important;
  max-width: 260px !important;
  min-width: 0 !important;
}

.editContent .column_block > div:first-child img {
  width: 100% !important;
  height: 180px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  display: block !important;
}

/* ── Text článku ── */
.editContent .column_block > div:last-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

/* ── Nadpisy v článkoch ── */
.editContent .column_block h2,
.editContent .column_block h3 {
  font-size: 1.2rem !important;
  margin-bottom: 10px !important;
  margin-top: 0 !important;
  line-height: 1.4 !important;
}

/* ── Odstavce ── */
.editContent .column_block p {
  font-size: 0.9rem !important;
  color: #666 !important;
  line-height: 1.6 !important;
  margin-bottom: 12px !important;
}

/* ── Odstrán prázdne <p> medzery ── */
.editContent > p:empty {
  display: none !important;
}

/* ── Mobile ── */
@media (max-width: 768px) {
  .editContent .column_block {
    flex-direction: column !important;
    padding: 20px 16px !important;
    gap: 16px !important;
    max-width: 100% !important;
  }

  .editContent .column_block > div:first-child {
    flex: 0 0 auto !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .editContent .column_block > div:first-child img {
    height: 200px !important;
    width: 100% !important;
  }

  .editContent .page-width {
    padding: 0 16px !important;
    margin: 0 !important;
    max-width: 100% !important;
  }
}