/* ============================================================
   PRINT CSS — customercentric.pl
   Wklej do: Appearance → Customize → Additional CSS
   ============================================================ */


/* ============================================================
   KLASA POMOCNICZA — dodaj "no-print" w Elementor > Advanced > CSS Classes
   do każdego elementu, który ma być ukryty przy druku
   ============================================================ */

@media print {
  .no-print { display: none !important; }
}

/* ============================================================
   GLOBALNY RESET DRUKU
   ============================================================ */
@media print {

  /* --- Marginesy strony --- */
  @page {
    margin: 14mm 18mm 14mm 18mm;
    size: A4 portrait;
  }

  /* --- Reset tła i cieni --- */
  *,
  *::before,
  *::after {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  body {
    font-size: 11pt !important;
    line-height: 1.55 !important;
    color: #111 !important;
    background: #fff !important;
    font-family: Georgia, 'Times New Roman', serif !important;
  }

  /* --- UKRYJ: header, mega-menu, top bar --- */
  header,
  .site-header,
  .elementor-location-header,
  nav,
  .main-navigation,
  #masthead,
  .top-bar,
  [class*="top-bar"],
  [class*="header-bar"] {
    display: none !important;
  }

  /* --- UKRYJ: footer --- */
  footer,
  .site-footer,
  .elementor-location-footer {
    display: none !important;
  }

  /* --- UKRYJ: sidebar, popupy, sticky, cookiebar --- */
  aside,
  .sidebar,
  .widget-area,
  .elementor-popup-modal,
  [class*="popup"],
  [class*="cookie"],
  [class*="gdpr"],
  .elementor-sticky,
  .sticky-header,
  [data-elementor-type="popup"] {
    display: none !important;
  }

  /* --- UKRYJ: przyciski CTA i formularze --- */
  .elementor-button-wrapper,
  .elementor-widget-button,
  button,
  input[type="submit"],
  .elementor-widget-form,
  form {
    display: none !important;
  }

  /* --- UKRYJ: loop-grid artykułów (sekcja Inspiracje itp.) --- */
  .elementor-widget-loop-grid,
  [class*="related"],
  [class*="posts-grid"],
  [class*="blog-posts"] {
    display: none !important;
  }

  /* --- Linki — bez podkreślenia, bez URL --- */
  a {
    color: #111 !important;
    text-decoration: none !important;
  }
  a::after {
    content: none !important;
  }

  /* --- Reset Elementor: min-height i layout --- */
  .elementor-section,
  .elementor-top-section,
  .elementor-inner-section,
  .elementor-container,
  .e-con,
  .e-con-inner,
  .elementor-row,
  .elementor-column,
  .elementor-column-wrap,
  .elementor-widget-wrap,
  .elementor-element {
    min-height: 0 !important;
    height: auto !important;
    padding-top: 4pt !important;
    padding-bottom: 4pt !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    float: none !important;
    display: block !important;
  }

  /* --- Obrazy — ogranicz rozmiar --- */
  img {
    max-width: 100% !important;
    max-height: 100mm !important;
    height: auto !important;
    width: auto !important;
    page-break-inside: avoid !important;
  }

  /* --- Typografia --- */
  h1 { font-size: 20pt !important; margin-bottom: 8pt !important; page-break-after: avoid; }
  h2 { font-size: 16pt !important; margin-bottom: 6pt !important; page-break-after: avoid; }
  h3 { font-size: 13pt !important; margin-bottom: 4pt !important; page-break-after: avoid; }
  h4 { font-size: 11pt !important; margin-bottom: 4pt !important; page-break-after: avoid; }

  p, li {
    page-break-inside: avoid;
    orphans: 3;
    widows: 3;
  }

  /* --- Łamanie stron --- */
  h1, h2, h3, img, blockquote, ul, ol {
    page-break-inside: avoid;
  }


  /* ==========================================================
     ULOTKA — strony usług (/szkolenie/*, /praktyka/*, /salesready/)
     Logo + elegancki czarno-biały dokument + dane kontaktowe
     ========================================================== */

  /* --- Logo: pokaż jako nagłówek ulotki --- */
  .elementor-location-header .site-logo img,
  .site-branding img,
  .custom-logo {
    display: block !important;
    max-height: 28mm !important;
    max-width: 60mm !important;
    width: auto !important;
    margin: 0 0 10pt 0 !important;
  }

  /* --- Linia oddzielająca logo od treści --- */
  .elementor-location-header::after {
    content: '';
    display: block;
    border-bottom: 1.5pt solid #111;
    margin-bottom: 12pt;
  }

  /* --- Cytat/testimonial — elegancki styl --- */
  blockquote,
  .elementor-widget-testimonial,
  [class*="testimonial"] {
    border-left: 3pt solid #111 !important;
    padding-left: 10pt !important;
    margin: 8pt 0 !important;
    font-style: italic !important;
  }

  /* --- Lista bulletów — czytelna --- */
  ul, ol {
    margin-left: 14pt !important;
    padding-left: 0 !important;
  }

  li {
    margin-bottom: 3pt !important;
  }

  /* --- Stopka ulotki: dane kontaktowe (print-only) ---
     Dodaj w Elementorze ukryty widget z klasą "print-only"
     zawierający: logo, email, telefon, www
     Na ekranie niewidoczny, na wydruku pojawi się na końcu   */
  .for-print-only {
    display: block !important;
    border-top: 1.5pt solid #111;
    margin-top: 16pt;
    padding-top: 8pt;
    font-size: 9pt !important;
    color: #333 !important;
  }

}