/*
 * Poprawki dla „Serwis Kotłów – Edytor Klasyczny”.
 * Wszystkie selektory są ograniczone do aktywnego niezależnego layoutu.
 */

/* Kontakt: zawsze czytelny i wyśrodkowany — również na komputerze. */
.skcl-layout .skcl-contact-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

.skcl-layout .skcl-contact-title,
.skcl-layout .skcl-contact-text,
.skcl-layout .skcl-contact-text p,
.skcl-layout .skcl-contact-text * {
  width: 100% !important;
  text-align: center !important;
}

.skcl-layout .skcl-contact-button,
.skcl-layout a.skcl-contact-button {
  align-self: center !important;
  margin: 6px auto 0 !important;
  text-align: center !important;
}

/*
 * Na telefonie layout wychodzi poza wewnętrzny kontener motywu.
 * Dzięki temu nie dziedziczy dwóch warstw bocznych odstępów i wykorzystuje
 * niemal całą szerokość ekranu, z zachowaniem wygodnych marginesów treści.
 */
@media (max-width: 782px) {
  body.skcl-layout-active .inside-article,
  body.skcl-layout-active .entry-content,
  body.skcl-layout-active .content-area,
  body.skcl-layout-active .site-main,
  body.skcl-layout-active #primary {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.skcl-layout-active .skcl-layout {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
  }

  body.skcl-layout-active .skcl-layout .skcl-container {
    width: calc(100% - 20px) !important;
    max-width: none !important;
  }

  body.skcl-layout-active .skcl-layout .skcl-content-card--text,
  body.skcl-layout-active .skcl-layout .skcl-content-card-heading,
  body.skcl-layout-active .skcl-layout .skcl-contact-card {
    padding: 18px !important;
  }

  body.skcl-layout-active .skcl-layout .skcl-contact-button,
  body.skcl-layout-active .skcl-layout a.skcl-contact-button {
    width: 100% !important;
    max-width: 420px !important;
  }
}