@charset "UTF-8";
/* =====================================================================
   DRUPAL & CKEDITOR RESET — CLEANUP SQUAD
   Wklej na końcu pliku CSS. Nadpisuje domyślne style motywu.
   ===================================================================== */
/* 1. Izolacja kontenera */
/* Używamy 'article' jako wrappera. Jeśli w Drupalu masz klasę np. .field--name-body,
   możesz zamienić 'article' na 'article .field--name-body' dla większej precyzji */
article .main-content-column {
  /* Reset globalnych ustawień fontu z motywu */
  font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 1.0625rem !important;
  line-height: 1.75 !important;
  color: #2d3748;
  text-align: left;
}

/* 2. Naprawa "wielkich przerw" (PARAGRAFY) */
article .main-content-column p {
  /* Drupal często daje tu 2em lub więcej. Resetujemy to na sztywno. */
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  max-width: 100%; /* Zabezpieczenie przed wyjeżdżaniem */
}

/* 3. Usuwanie "Duchów" - Pustych paragrafów */
/* CKEditor uwielbia wstawiać puste <p>&nbsp;</p>, co robi dziury. Ukrywamy je. */
article .main-content-column p:empty,
article .main-content-column p:blank {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
}

/* Opcjonalnie: ukryj paragrafy, które mają tylko spację lub <br> */
article .main-content-column p:-moz-only-whitespace {
  display: none !important;
}

/* 4. Reset Nagłówków w treści */
article .main-content-column h2, article .main-content-column h3, article .main-content-column h4 {
  margin-top: 2.5rem !important;
  margin-bottom: 0.5rem !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  color: #1a202c;
  border: none; /* Niektóre motywy dodają linie pod nagłówkami */
  padding: 0;
}

/* 5. Listy - Drupal często psuje wcięcia */
article .main-content-column ul, article .main-content-column ol {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
  margin-left: 0 !important; /* Reset, bo sterujemy paddingiem */
  padding-left: 1.75rem !important;
  list-style-position: outside !important;
  background: transparent !important; /* Czasami motywy dają tło */
}

article .main-content-column li {
  margin-bottom: 0.5rem !important;
  line-height: 1.6 !important;
  padding-left: 0 !important; /* Jeśli motyw używa paddingu zamiast list-style */
}

/* 6. Obrazki i Media (Figury) */
/* CKEditor często pakuje obrazki w <figure> lub same <img> */
article .main-content-column img,
article .main-content-column figure {
  max-width: 100% !important;
  height: auto !important;
  margin: 2rem auto !important; /* Centrowanie i odstęp */
  display: block;
}

article .main-content-column figure figcaption {
  text-align: center;
  font-size: 0.85rem;
  color: #718096;
  margin-top: 0.5rem;
}

/* 7. Pierwszy i ostatni element - estetyka */
/* Usuwamy margines z góry pierwszego elementu, żeby nie było dziury pod tytułem
article .main-content-column > *:first-child {
  margin-top: 0 !important;
}

article .main-content-column h2:first-child {
  margin-top: 0 !important;
}
*/
/* Usuwamy margines z dołu ostatniego elementu */
article .main-content-column > *:last-child {
  margin-bottom: 0 !important;
}

/* =====================================================================
   ARTICLE TYPOGRAPHY — EDITORIAL CLEAN 2025
   Pasuje do stylu tabel i kart
   ===================================================================== */
article .main-content-column {
  /* Kontener tekstu - dla wygody czytania nie może być zbyt szeroki
  max-width: 800px;
  */
  margin: 0 auto;
  padding: 0 1rem;
  /* Nowoczesny font stack */
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  /* Kolor: Ciemny grafit, nigdy czysta czerń (lżej dla oczu) */
  color: #2d3748;
  /* Bazowa wielkość i interlinia */
  font-size: 1.0625rem; /* ok. 17px - standard 2025 */
  line-height: 1.75; /* Dużo oddechu między liniami */
}

/* --- NAGŁÓWKI (Headings) --- */
article .main-content-column h1,
article .main-content-column h2,
article .main-content-column h3 {
  color: #1a202c; /* Prawie czarny dla kontrastu */
  font-weight: 700;
  line-height: 1.3;
  margin-top: 2.5rem; /* Duży odstęp od poprzedniej sekcji */
  margin-bottom: 0.5rem; /* Mniejszy odstęp od treści */
  letter-spacing: -0.02em; /* Lekkie ściśnięcie liter (nowoczesny look) */
}

article .main-content-column h1 {
  font-size: 2.5rem;
  font-weight: 800;
  margin-top: 0; /* H1 na górze bez marginesu */
  margin-bottom: 1rem;
}

article .main-content-column h2 {
  font-size: 1.75rem;
  /* border-bottom: 1px solid #edf2f7; Opcjonalna linia pod sekcją
  padding-bottom: 0.5rem;*/
}

article .main-content-column h3 {
  font-size: 1.35rem;
  font-weight: 600;
}

/* --- AKAPITY (Paragraphs) ---
article .main-content-column p {
  color: #4a5568; /* Nieco lżejszy kolor dla zwykłego tekstu
}
*/
/* Lead / Wstępniak (pierwszy paragraf) - opcjonalne */
article .main-content-column p.lead {
  font-size: 1.25rem;
  color: #2d3748;
  font-weight: 400;
  line-height: 1.6;
}

/* --- LISTY (Lists) --- */
article .main-content-column ul,
article .main-content-column ol {
  margin-bottom: 1.5rem;
  padding-left: 1.5rem;
  color: #4a5568;
}

article .main-content-column li {
  margin-bottom: 0.5rem; /* Odstęp między punktami */
  padding-left: 0.5rem;
}

/* Stylowe kropki listy */
article .main-content-column ul li::marker {
  color: #cbd5e0; /* Jasny szary marker, nie odwraca uwagi */
}

/* --- CYTATY / WAŻNE INFO (Blockquotes) --- */
article .main-content-column blockquote {
  margin: 2rem 0;
  padding: 1.5rem 2rem;
  background: #f8fafc; /* Bardzo jasne tło */
  border-left: 4px solid #3182ce; /* Akcent kolorystyczny (np. niebieski) */
  border-radius: 0 8px 8px 0;
  font-style: italic;
  font-size: 1.1rem;
  color: #2c5282;
}

/* --- LINKI --- */
article .main-content-column a {
  color: #3182ce;
  text-decoration: none;
  border-bottom: 1px solid rgba(49, 130, 206, 0.3);
  transition: all 0.2s ease;
}

article .main-content-column a:hover {
  background-color: rgba(49, 130, 206, 0.1);
  border-bottom-color: #3182ce;
  color: #2b6cb0;
}

article .main-content-column b {
  font-weight: 800;
}

article .main-content-column .accordion-header,
article .main-content-column h1.accordion-header,
article .main-content-column h2.accordion-header,
article .main-content-column h3.accordion-header,
article .main-content-column h4.accordion-header {
  margin: 0 !important;
}

/*
=====================================================================
   HIGHLIGHTER EFFECT (MARKER) - EXCLUDING TABLE
=====================================================================
*/
article .main-content-column strong:not(:where(table *)) {
  /* 1. Tło to gradient: Góra przezroczysta, dół żółty */
  background: linear-gradient(to bottom, transparent 60%, #ffe066 60%);
  /* 2. Trochę luzu po bokach, żeby marker wystawał poza litery */
  padding: 0 2px;
  /* 3. Kolor tekstu pozostaje ciemny dla kontrastu */
  color: #1a1a1a;
  /* Opcjonalnie: Zaokrąglenie rogów tła */
  border-radius: 2px;
  /* Upewnienie się, że font jest gruby */
  font-weight: 800;
}

/* --- MOBILE ADJUSTMENTS --- */
@media (max-width: 768px) {
  article .main-content-column {
    padding: 0 1.25rem; /* Marginesy boczne na telefonie */
  }
  article .main-content-column h1 {
    font-size: 1.85rem;
  }
  article .main-content-column h2 {
    font-size: 1.5rem;
  }
  article .main-content-column h3 {
    font-size: 1.25rem;
  }
  article .main-content-column {
    font-size: 1rem; /* Nieco mniejszy tekst bazowy na mobile */
    line-height: 1.65;
  }
}

/*# sourceMappingURL=text-default.css.map */