/* SE-001: responsywność eksportu Duda poniżej 768 px.
   Plik jest dołączony do wszystkich wersji; reguły układu (pierwszy blok) dotyczą
   tylko wersji desktop/tablet (body.dmDesktopBody), wersja mobilna ma własny układ.
   Desktop.css wymusza .dmInner{min-width:768px}, więc telefony dostawały
   układ tabletowy z poziomym przewijaniem. Ta warstwa składa kolumny
   w jedną i stosuje mobilne rozmiary czcionek (klasy m-size-* / m-font-size-*),
   które Duda zapisała w HTML. */
@media (max-width: 767px) {
  .dmDesktopBody .dmInner { min-width: 0 !important; }
  .dmDesktopBody #dm .dmRespRow .dmRespColsWrapper { display: flex; flex-direction: column; }
  .dmDesktopBody #dm .dmRespRow .dmRespCol { width: 100% !important; max-width: 100% !important; height: auto !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; }
  /* Widgety Dudy mają per-element szerokości typu calc(100% - 237px) i marginesy 80 px
     (selektory *#dm *.dmBody div.u_XXX, specyficzność 1-2-1) – tu 1-4-0 wygrywa. */
  .dmDesktopBody #dm .dmBody .dmRespRow .dmRespCol > * { width: auto !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; left: 0 !important; }
  .dmDesktopBody #dm .dmBody .dmRespRow.dmRespRow { padding-left: 16px !important; padding-right: 16px !important; }
  .dmDesktopBody #dm .dmPhotoGallery.newPhotoGallery .layout-container .photogallery-row { flex-direction: column; }
  .dmDesktopBody #dm .dmPhotoGallery.newPhotoGallery .layout-container .photogallery-column { width: 100% !important; }

  /* Nagłówek z hamburgerem: kolumny zostają w jednym wierszu (inaczej 184 px wysokości). */
  .dmDesktopBody #dm .hamburger-header .dmRespRow .dmRespColsWrapper { flex-direction: row; align-items: center; }
  .dmDesktopBody #dm .hamburger-header .dmRespRow .dmRespCol.empty-column { width: 0 !important; flex: 1 1 0; min-height: 0 !important; }
  .dmDesktopBody #dm .hamburger-header .dmRespRow .dmRespCol:not(.empty-column) { width: auto !important; flex: 0 0 auto; }
  .dmDesktopBody #dm .hamburger-header .dmButtonLink { width: max-content !important; padding-left: 20px !important; padding-right: 20px !important; }
  /* Nagłówki z text-overflow: ellipsis ucinały tekst („Napisz Do N…”). */
  .dmDesktopBody #dm .dmBody .dmwidget-title, .dmDesktopBody #dm .dmBody h1, .dmDesktopBody #dm .dmBody h2, .dmDesktopBody #dm .dmBody h3 { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; }
  /* Rozmiary mobilne zapisane przez Dudę w HTML (m-size-N obok size-N desktopowego). */
  .dmDesktopBody #dm .dmBody .m-size-16, .dmDesktopBody #dm .dmBody .m-font-size-16 { font-size: 16px !important; }
  .dmDesktopBody #dm .dmBody .m-size-19, .dmDesktopBody #dm .dmBody .m-font-size-19 { font-size: 19px !important; }
  .dmDesktopBody #dm .dmBody .m-size-24, .dmDesktopBody #dm .dmBody .m-font-size-24 { font-size: 24px !important; }
  .dmDesktopBody #dm .dmBody .m-size-25, .dmDesktopBody #dm .dmBody .m-font-size-25 { font-size: 25px !important; }
  .dmDesktopBody #dm .dmBody .m-size-26, .dmDesktopBody #dm .dmBody .m-font-size-26 { font-size: 26px !important; }
  .dmDesktopBody #dm .dmBody .m-size-48, .dmDesktopBody #dm .dmBody .m-font-size-48 { font-size: 48px !important; }
  /* Formularz „Zapisz się” na desktopie nachodzi na hero (margin-top: -150px);
     w jednej kolumnie zasłaniał akordeon. */
  .dmDesktopBody #dm .dmBody #quote.dmRespRow { margin-top: 24px !important; }
}

/* Linki pod mapą (13 px tekstu) – większy obszar dotyku na każdej szerokości. */
#dm [id="1674617466"] p a { display: inline-block; padding: 13px 8px; }
/* Wiersz mapy dziedziczy po starym widżecie Dudy stałą wysokość 410 px, a iframe ma 450 px
   + linki – linki chowały się pod sekcją kontaktu. */
#dm .dmBody div.u_1674617466[id="1674617466"], #dm .dmBody div.u_1212770033[id="1212770033"] { height: auto !important; min-height: 0 !important; }

/* Cele dotyku min. 44 px na telefonach i tabletach (stopka, ikony społecznościowe, hamburger). */
@media (max-width: 1024px) {
  #dm .dmFooterResp .unifiednav__item, #dm .hamburger-drawer .unifiednav__item { min-height: 44px; display: flex !important; align-items: center; }
  #dm .socialHubInnerDiv a { min-width: 44px; min-height: 44px; display: inline-flex !important; align-items: center; justify-content: center; }
  #dm #layout-drawer-hamburger { width: 44px !important; height: 44px !important; }
  #dm .graphicWidget > a { display: inline-flex; min-width: 44px; min-height: 44px; align-items: center; justify-content: center; }
  #dm #dmBackToTop { width: 44px !important; height: 44px !important; }
}

/* Akordeon („Uczysz się szybko…”): Pages/desktop/home/style.css daje mu wysokość-zastępnik 366,5 px
   do czasu inicjalizacji przez runtime Dudy, który w eksporcie się nie uruchamia. Po rozwinięciu
   lub zwężeniu treść wychodziła pod formularz „Zapisz się”. */
body #dm #\31 635864199.dmCustomWidget.u_1635864199 { height: auto !important; }