.elementor-widget-archive-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-post__title, .elementor-widget-archive-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-archive-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-archive-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-archive-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-posts-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-29 .elementor-element.elementor-element-76e8af3{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-29 .elementor-element.elementor-element-76e8af3 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-29 .elementor-element.elementor-element-76e8af3:after{content:"0.66";}.elementor-29 .elementor-element.elementor-element-76e8af3 .elementor-post__thumbnail__link{width:100%;}.elementor-29 .elementor-element.elementor-element-76e8af3 .elementor-post__meta-data span + span:before{content:"///";}.elementor-29 .elementor-element.elementor-element-76e8af3.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-29 .elementor-element.elementor-element-76e8af3.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-29 .elementor-element.elementor-element-76e8af3.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-29 .elementor-element.elementor-element-76e8af3 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-29 .elementor-element.elementor-element-76e8af3 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-29 .elementor-element.elementor-element-76e8af3 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-29 .elementor-element.elementor-element-76e8af3 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-29 .elementor-element.elementor-element-76e8af3 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:767px){.elementor-29 .elementor-element.elementor-element-76e8af3 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-29 .elementor-element.elementor-element-76e8af3:after{content:"0.5";}.elementor-29 .elementor-element.elementor-element-76e8af3 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for html, class: .elementor-element-70375c6 */<!-- ============================================================== -->
<!-- BLOG — CSS DLA WIDGETU POSTS / LOOP GRID — mateuszkwiecien.pl  -->
<!--                                                                  -->
<!-- JAK WKLEIĆ:                                                     -->
<!-- 1. Kliknij na widget "Posts" / "Loop Grid" w Elementorze         -->
<!-- 2. Przejdź do zakładki "Advanced" (Zaawansowane)                 -->
<!-- 3. Znajdź sekcję "Custom CSS" (wymaga Elementor Pro - masz)      -->
<!-- 4. Wklej WSZYSTKO poniżej (.elementor-29 .elementor-element.elementor-element-70375c6 to ten widget automatycznie) -->
<!--                                                                  -->
<!-- Jeśli Twój widget to "Posts" (nie Loop Grid), selektory          -->
<!-- .elementor-post* zadziałają tak samo - to natywne klasy Elementora -->
<!-- ================================================================ -->

.elementor-29 .elementor-element.elementor-element-70375c6 {
  background: #0E0E10;
  padding: 0 6vw 6vw;
}

.elementor-29 .elementor-element.elementor-element-70375c6 .elementor-posts-container,
.elementor-29 .elementor-element.elementor-element-70375c6 .elementor-loop-container {
  max-width: 1180px;
  margin: 0 auto !important;
  gap: 32px !important;
}

.elementor-29 .elementor-element.elementor-element-70375c6 .elementor-post,
.elementor-29 .elementor-element.elementor-element-70375c6 .e-loop-item {
  background: #161618 !important;
  border: 1px solid #3A3A40 !important;
  border-radius: 2px !important;
  overflow: hidden;
  transition: border-color 0.3s ease, transform 0.3s ease;
}

.elementor-29 .elementor-element.elementor-element-70375c6 .elementor-post:hover,
.elementor-29 .elementor-element.elementor-element-70375c6 .e-loop-item:hover {
  border-color: #C9A227 !important;
  transform: translateY(-4px);
}

.elementor-29 .elementor-element.elementor-element-70375c6 .elementor-post__thumbnail__link,
.elementor-29 .elementor-element.elementor-element-70375c6 .elementor-post__thumbnail {
  filter: grayscale(0.3) contrast(1.05);
}

.elementor-29 .elementor-element.elementor-element-70375c6 .elementor-post__text {
  padding: 24px 22px 26px !important;
}

.elementor-29 .elementor-element.elementor-element-70375c6 .elementor-post__title,
.elementor-29 .elementor-element.elementor-element-70375c6 .elementor-post__title a {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 1.3 !important;
  color: #F5F1E8 !important;
  text-decoration: none !important;
}

.elementor-29 .elementor-element.elementor-element-70375c6 .elementor-post__title a:hover {
  color: #C9A227 !important;
}

.elementor-29 .elementor-element.elementor-element-70375c6 .elementor-post__meta-data {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #8A8780 !important;
  margin: 10px 0 14px !important;
}

.elementor-29 .elementor-element.elementor-element-70375c6 .elementor-post__meta-data .elementor-icon-list-text,
.elementor-29 .elementor-element.elementor-element-70375c6 .elementor-post__meta-data span {
  color: #8A8780 !important;
}

.elementor-29 .elementor-element.elementor-element-70375c6 .elementor-post__excerpt p {
  font-family: 'Inter', sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.7 !important;
  color: #B8B4A9 !important;
}

.elementor-29 .elementor-element.elementor-element-70375c6 .elementor-post__read-more {
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #C9A227 !important;
  text-decoration: none !important;
  letter-spacing: 0.02em;
}

.elementor-29 .elementor-element.elementor-element-70375c6 .elementor-post__read-more:hover {
  color: #F5F1E8 !important;
}

.elementor-29 .elementor-element.elementor-element-70375c6 .elementor-pagination {
  margin-top: 48px !important;
}

.elementor-29 .elementor-element.elementor-element-70375c6 .elementor-pagination a,
.elementor-29 .elementor-element.elementor-element-70375c6 .elementor-pagination span {
  background: #161618 !important;
  border: 1px solid #3A3A40 !important;
  color: #C9C5BA !important;
  border-radius: 2px !important;
}

.elementor-29 .elementor-element.elementor-element-70375c6 .elementor-pagination .page-numbers.current {
  background: #C9A227 !important;
  border-color: #C9A227 !important;
  color: #0E0E10 !important;
}/* End custom CSS */
/* Start custom CSS for archive-posts, class: .elementor-element-76e8af3 *//* ============================================================== */
/* GLOBALNY CSS — mateuszkwiecien.pl                              */
/* Ustawia ciemne tło (#0E0E10) na całej witrynie: body, kontener  */
/* strony, główny obszar treści Elementora — żeby nigdzie nie     */
/* przebłyskiwało domyślne (białe/szare) tło WordPressa/motywu.    */
/*                                                                  */
/* JAK WKLEIĆ (jedno z dwóch miejsc, oba działają globalnie):      */
/*                                                                  */
/* OPCJA A (zalecana, Elementor Pro):                              */
/* Elementor → Ustawienia strony (ikona koła zębatego, dolny lewy   */
/* róg w edytorze) → "Custom CSS" → wklej całość poniżej.           */
/* To ustawienie globalne dla CAŁEJ witryny, nie tylko jednej strony*/
/*                                                                  */
/* OPCJA B:                                                         */
/* WP Admin → Wygląd → Dostosuj → Dodatkowy CSS (Additional CSS)    */
/* wklej całość poniżej.                                            */
/* ================================================================ */

html,
body {
  background-color: #0E0E10 !important;
}

.elementor,
.elementor-section-wrap,
.site-content,
.site,
#content,
#page,
.ast-container,
.elementor-kit-default,
body.elementor-page {
  background-color: #0E0E10 !important;
}

/* Usuwa odstępy/marginesy, które mogłyby odsłonić tło motywu między sekcjami */
.elementor-section-wrap > .elementor-section:first-child {
  margin-top: 0 !important;
}

/* Pasek przewijania w ciemnym tonie (kosmetyka, działa w Chrome/Edge/Safari) */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #0E0E10;
}
::-webkit-scrollbar-thumb {
  background: #3A3A40;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #C9A227;
}

/* Kolor zaznaczenia tekstu (Ctrl+A / drag-select) w stylu strony */
::selection {
  background: #8B1E1E;
  color: #F5F1E8;
}/* End custom CSS */