/* ==========================================================
   BEORGANIC Manual Fix 11
   Blog cards + blog listing alignment and image visibility
   ========================================================== */

/* A) Homepage blog cards - force visible images and consistent layout */
#page_home_out .bo-blog-list {
  align-items: stretch !important;
}

#page_home_out .bo-blog-item {
  display: flex !important;
  flex-direction: column !important;
}

#page_home_out .bo-blog-img {
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
}

#page_home_out .bo-blog-img img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* B) Blog page /blog/m222 - normalize article rows */
#page_link_out #page_link[data-id="222"] #pageBodyEditContent .column_block {
  display: flex !important;
  align-items: center !important;
  gap: 28px !important;
  max-width: 1200px !important;
  width: 100% !important;
  margin: 0 auto 28px !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
}

#page_link_out #page_link[data-id="222"] #pageBodyEditContent .column_block > div:first-child {
  flex: 0 0 300px !important;
  width: 300px !important;
  max-width: 300px !important;
  min-width: 220px !important;
}

#page_link_out #page_link[data-id="222"] #pageBodyEditContent .column_block > div:first-child > div {
  width: 100% !important;
}

#page_link_out #page_link[data-id="222"] #pageBodyEditContent .column_block > div:first-child img {
  display: block !important;
  width: 100% !important;
  height: 210px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  margin: 0 !important;
}

#page_link_out #page_link[data-id="222"] #pageBodyEditContent .column_block > div:last-child {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}

#page_link_out #page_link[data-id="222"] #pageBodyEditContent .column_block h2,
#page_link_out #page_link[data-id="222"] #pageBodyEditContent .column_block h3 {
  margin: 0 0 12px !important;
  line-height: 1.35 !important;
}

#page_link_out #page_link[data-id="222"] #pageBodyEditContent .column_block p {
  margin: 0 0 10px !important;
}

/* Remove known empty trailing block that creates blank placeholder */
#page_link_out #page_link[data-id="222"] #pageBodyEditContent > .column_block:last-of-type {
  display: none !important;
}

@media (max-width: 900px) {
  #page_link_out #page_link[data-id="222"] #pageBodyEditContent .column_block {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    padding: 0 12px !important;
    margin-bottom: 22px !important;
  }

  #page_link_out #page_link[data-id="222"] #pageBodyEditContent .column_block > div:first-child,
  #page_link_out #page_link[data-id="222"] #pageBodyEditContent .column_block > div:last-child {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
  }

  #page_link_out #page_link[data-id="222"] #pageBodyEditContent .column_block > div:first-child img {
    height: 220px !important;
  }
}

/* C) Contact page (m215) - center both info card and form safely */
#page_link_out #page_link[data-id="215"] #pageBodyEditContent .page-width {
  max-width: 1120px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 18px !important;
  box-sizing: border-box !important;
}

#page_link_out #page_link[data-id="215"] #pageBodyEditContent .page-width > div:first-child {
  display: grid !important;
  grid-template-columns: minmax(260px, 340px) minmax(420px, 560px) !important;
  column-gap: 48px !important;
  align-items: start !important;
  justify-content: center !important;
}

#page_link_out #page_link[data-id="215"] #pageBodyEditContent .page-width > div:first-child > h1 {
  grid-column: 1 / -1 !important;
  text-align: center !important;
  margin: 0 0 20px !important;
}

#page_link_out #page_link[data-id="215"] #pageBodyEditContent .column_block {
  display: block !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

#page_link_out #page_link[data-id="215"] #pageBodyEditContent .column_block > div:first-child:not(:last-child) {
  display: none !important;
}

#page_link_out #page_link[data-id="215"] #pageBodyEditContent .column_block > div:last-child {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 22px 20px !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
}

#page_link_out #page_link[data-id="215"] #pageBodyEditContent .column_block > div:last-child > div {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

#page_link_out #page_link[data-id="215"] #pageBodyEditContent .column_block p {
  text-align: center !important;
}

#page_link_out #page_link[data-id="215"] #frm_supporty5bfvq0w {
  width: 100% !important;
  max-width: 560px !important;
  margin: 0 auto !important;
}

@media (max-width: 900px) {
  #page_link_out #page_link[data-id="215"] #pageBodyEditContent .page-width > div:first-child {
    grid-template-columns: 1fr !important;
    row-gap: 28px !important;
  }
}

/* D) Footer social icons - always one horizontal row */
.bo-footer-col.bo-footer-col-legal .bo-footer-social-under-cert,
.bo-footer-social-under-cert {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  margin-top: 14px !important;
  padding-top: 4px !important;
}

.bo-footer-col.bo-footer-col-legal .bo-footer-social-under-cert > .bo-social-link,
.bo-footer-social-under-cert > .bo-social-link {
  display: inline-flex !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 36px !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
}

.bo-footer-col.bo-footer-col-legal .bo-footer-social-under-cert > .bo-social-link img,
.bo-footer-social-under-cert > .bo-social-link img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
}

@media (max-width: 768px) {
  .bo-footer-col.bo-footer-col-legal .bo-footer-social-under-cert > .bo-social-link,
  .bo-footer-social-under-cert > .bo-social-link {
    flex-basis: 34px !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
  }
}

/* E) "Vyberame pre vas" typography alignment */
#page_home_out .bo-why-clean-footer {
  text-align: center !important;
  margin-top: 14px !important;
}

#page_home_out .bo-why-clean-footer > p:first-child {
  display: none !important;
}

#page_home_out .bo-why-clean-footer .bo-why-clean-p-foot:nth-child(2),
#page_home_out .bo-why-clean-footer .bo-why-clean-p-foot:nth-child(2) > span {
  display: block !important;
  text-align: center !important;
  margin: 0 0 10px !important;
  color: #2b2b2b !important;
  font-family: var(--bo-font-display, "Playfair Display", Georgia, serif) !important;
  font-size: clamp(34px, 3.1vw, 52px) !important;
  line-height: 1.14 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

#page_home_out .bo-why-clean-footer .bo-why-clean-p-foot:nth-child(3),
#page_home_out .bo-why-clean-footer .bo-why-clean-p-foot:nth-child(3) > span {
  display: block !important;
  text-align: center !important;
  margin: 0 !important;
  color: #5a5a5a !important;
  font-family: var(--bo-font-body, "Montserrat", Arial, sans-serif) !important;
  font-size: clamp(15px, 1.2vw, 20px) !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
}

@media (max-width: 900px) {
  #page_home_out .bo-why-clean-footer .bo-why-clean-p-foot:nth-child(2),
  #page_home_out .bo-why-clean-footer .bo-why-clean-p-foot:nth-child(2) > span {
    font-size: 26px !important;
    line-height: 1.2 !important;
  }

  #page_home_out .bo-why-clean-footer .bo-why-clean-p-foot:nth-child(3),
  #page_home_out .bo-why-clean-footer .bo-why-clean-p-foot:nth-child(3) > span {
    font-size: 15px !important;
    line-height: 1.45 !important;
  }
}

/* F) Article pages m223-m225 - force visible cover images */
#page_link_out #page_link[data-id="223"] #pageBodyEditContent .page-width,
#page_link_out #page_link[data-id="224"] #pageBodyEditContent .page-width,
#page_link_out #page_link[data-id="225"] #pageBodyEditContent .page-width {
  max-width: 1060px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 18px !important;
  box-sizing: border-box !important;
}

#page_link_out #page_link[data-id="223"] #pageBodyEditContent .page-width > p:first-of-type,
#page_link_out #page_link[data-id="224"] #pageBodyEditContent .page-width > p:first-of-type,
#page_link_out #page_link[data-id="225"] #pageBodyEditContent .page-width > p:first-of-type {
  margin: 0 0 16px !important;
  text-align: center !important;
}

#page_link_out #page_link[data-id="223"] #pageBodyEditContent .page-width > p:first-of-type > img,
#page_link_out #page_link[data-id="224"] #pageBodyEditContent .page-width > p:first-of-type > img,
#page_link_out #page_link[data-id="225"] #pageBodyEditContent .page-width > p:first-of-type > img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  float: none !important;
  margin: 0 auto 14px !important;
  width: min(100%, 460px) !important;
  max-width: 460px !important;
  height: auto !important;
  border-radius: 12px !important;
}

#page_link_out #page_link[data-id="223"] #pageBodyEditContent img[src*="/storage/"],
#page_link_out #page_link[data-id="224"] #pageBodyEditContent img[src*="/storage/"],
#page_link_out #page_link[data-id="225"] #pageBodyEditContent img[src*="/storage/"] {
  visibility: visible !important;
  opacity: 1 !important;
  max-width: 100% !important;
  height: auto !important;
}