/*
Theme Name: Cream Magazine Child
Theme URI: https://suski24.pl/
Description: Child theme for Suski24.pl based on Cream Magazine.
Author: Suski24.pl
Template: cream-magazine
Version: 1.0.0
Text Domain: cream-magazine-child
*/

/*
  Suski24.pl - child theme CSS.
  Główne poprawki najlepiej trzymać dalej w Dodatkowym CSS,
  a tutaj tylko rzeczy, które mają zostać razem z motywem potomnym.
*/

/* ===== Zaokrąglone kafelki artykułów ===== */

.imghover,
.post-thumbnail,
.entry-image,
.featured-image,
.post-thumb,
.post_thumb,
.cm_banner-five .post_thumb,
.sidebar .post_thumb,
.widget .post_thumb {
  border-radius: 8px;
  overflow: hidden;
}

/* obrazki w kafelkach */

.imghover img,
.post-thumbnail img,
.entry-image img,
.featured-image img,
.post-thumb img,
.wp-post-image {
  display: block;
  width: 100%;
  border-radius: 8px;
}

/* ===== Slider (Owl Carousel) - żeby nie migały rogi ===== */

.owl-carousel .owl-stage-outer,
.owl-carousel .owl-item,
.owl-carousel .post_thumb {
  border-radius: 8px;
  overflow: hidden;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

.owl-carousel .owl-item img,
.owl-carousel .post_thumb {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.breadcrumb a {
  color: #578a28;
}

.post-title,
.post_title,
.entry-title {
  text-shadow: 0 0px 0px rgba(0,0,0,0.7);
}

/* ===== Miejsca / kafelki miejscowości ===== */

.j24-places-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 12px;
  margin: 20px 0;
}

.j24-place-card {
  position: relative;
  height: 120px;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  overflow: hidden;
}

.j24-place-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.35);
}

.j24-place-card span {
  position: relative;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  z-index: 2;
  text-shadow: 0 0px 0px rgba(0,0,0,0.6);
}

.j24-place-card:hover {
  transform: scale(1.02);
}

@media(max-width:768px) {
  .j24-places-grid {
    grid-template-columns: repeat(2,1fr);
  }
}

/* ===== Desktop layout / Cream Magazine ===== */

@media (min-width: 936px) {

  .cm-container,
  .container {
    max-width: 936px !important;
  }

  .cm_banner-five .gutter-left .post_thumb {
    height: 340px !important;
  }

  .cm_banner-five .gutter-right .post_thumb {
    height: 165px !important;
  }

  .site-branding,
  .custom-logo-link img,
  .custom-logo {
    max-height: 100%;
  }

  .cm-posts,
  .widget,
  section,
  article {
    margin-bottom: 16px !important;
  }

  .main-navigation a,
  .menu a {
    font-size: 14px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

.post-nav,
.post-navigation,
.bdaia-post-nav {
  display: none !important;
}

/* Cream Magazine - zaokrąglenie małych kafelków w widget two */

.cm-post-widget-two .small-card {
  border-radius: 10px !important;
  overflow: hidden !important;
}

.cm-post-widget-two .small-card .post-holder,
.cm-post-widget-two .small-card .post_title {
  border-radius: 0 0 8px 8px !important;
  overflow: hidden !important;
}

/* ===== Cream Magazine - zaokrąglone kafelki artykułów ===== */

.post-holder {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.post-holder img {
  border-radius: 8px 8px 0 0 !important;
  display: block;
}

.post-holder .post_title,
.post-holder .post-title,
.post-holder .entry-title {
  border-radius: 0 0 8px 8px !important;
}

/* ===== Cream Magazine - widget autora ===== */

.widget_cream-magazine-author-widget {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.widget_cream-magazine-author-widget img {
  border-radius: 6px;
}

/*===== Cream Magazine - widget pod informatorem i reklamami z prawej ===== */

.widget_media_image {
  border-radius: 8px !important;
}

.widget_media_image img {
  display: block;
  border-radius: 6px;
}

@media (max-width: 360px) {
  figure.imghover {
    margin: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
  }

  figure.imghover img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }
}

@media (max-width: 768px) {
  .cm_banner-five .gutter-left > *:first-child {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .cm_banner-five .gutter-left > *:first-child .post_thumb {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background-size: cover !important;
    background-position: center center !important;
  }

  .cm_banner-five .gutter-left > *:first-child .post-holder,
  .cm_banner-five .gutter-left > *:first-child .post_title,
  .cm_banner-five .gutter-left > *:first-child h2 {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* NASZ POWIAT - wyróżnienie */

.primary-navigation.dark li.nasz-powiat > a {
  font-weight: 700;
  color: #feb528 !important;
}

/* =====================================================
   SUSKI24 - HOVER TYTUŁÓW W KAFELKACH / CREAM MAGAZINE
   Overlay na zdjęciach: #fdbd23
   Tytuły pod zdjęciami: czarny
===================================================== */

/* 1. Reset pomarańczowego hovera z motywu */

.post_title a:hover,
.post-title a:hover,
.entry-title a:hover,
h2.entry-title a:hover,
h3.entry-title a:hover,
.cm-post-title a:hover,
.cm-post-content a:hover,
.widget .post_title a:hover,
.widget .post-title a:hover,
.widget h2 a:hover,
.widget h3 a:hover,
.post-holder .post_title a:hover,
.post-holder .post-title a:hover,
.post-holder h2 a:hover,
.post-holder h3 a:hover {
  color: #111 !important;
  text-decoration: underline !important;
  text-decoration-color: #111 !important;
  text-underline-offset: 3px;
}

/* 2. Tytuły na zdjęciach / overlay - hover na żółty Suski24 */

.post_thumb a:hover,
.post_thumb .post_title a:hover,
.post_thumb .post-title a:hover,
.post_thumb h2 a:hover,
.post_thumb h3 a:hover,
.imghover a:hover,
.imghover .post_title a:hover,
.imghover .post-title a:hover,
.imghover h2 a:hover,
.imghover h3 a:hover,
.cm_banner-five .post_thumb a:hover,
.cm_banner-five .post_thumb .post_title a:hover,
.cm_banner-five .post_thumb .post-title a:hover,
.cm_banner-five .post_thumb h2 a:hover,
.cm_banner-five .post_thumb h3 a:hover,
.cm-post-widget-two .post_thumb a:hover,
.cm-post-widget-two .post_thumb .post_title a:hover,
.cm-post-widget-two .post_thumb .post-title a:hover,
.cm-post-widget-two .post_thumb h2 a:hover,
.cm-post-widget-two .post_thumb h3 a:hover,
.cm-post-widget-three .post_thumb a:hover,
.cm-post-widget-three .post_thumb .post_title a:hover,
.cm-post-widget-three .post_thumb .post-title a:hover,
.cm-post-widget-three .post_thumb h2 a:hover,
.cm-post-widget-three .post_thumb h3 a:hover {
  color: #fdbd23 !important;
  text-decoration: underline !important;
  text-decoration-color: #fdbd23 !important;
  text-underline-offset: 3px;
}

/* 3. Jeśli motyw koloruje bezpośrednio sam tekst w overlay */

.post_thumb a:hover .post_title,
.post_thumb a:hover .post-title,
.post_thumb a:hover h2,
.post_thumb a:hover h3,
.imghover a:hover .post_title,
.imghover a:hover .post-title,
.imghover a:hover h2,
.imghover a:hover h3,
.cm_banner-five .post_thumb a:hover .post_title,
.cm_banner-five .post_thumb a:hover .post-title,
.cm_banner-five .post_thumb a:hover h2,
.cm_banner-five .post_thumb a:hover h3 {
  color: #fdbd23 !important;
}

/* 4. Tytuły pod obrazkami - hover ma zostać czarny */

.post-holder > .post_title a:hover,
.post-holder > .post-title a:hover,
.post-holder .entry-title a:hover,
.cm-posts .post_title a:hover,
.cm-posts .post-title a:hover,
.cm-post-widget-two .post_title a:hover,
.cm-post-widget-two .post-title a:hover,
.cm-post-widget-three .post_title a:hover,
.cm-post-widget-three .post-title a:hover,
.archive .post_title a:hover,
.archive .post-title a:hover,
.archive .entry-title a:hover {
  color: #111 !important;
  text-decoration: underline !important;
  text-decoration-color: #111 !important;
  text-underline-offset: 3px;
}

/* 5. Dodatkowe nadpisanie dla sliderów/dużych kafli z tytułem na zdjęciu */

.cm_banner-five a:hover,
.cm_banner-five a:hover span,
.cm_banner-five .post_thumb a:hover,
.cm_banner-five .post_thumb a:hover span,
.cm_banner-five .post_thumb a:hover .post_title,
.cm_banner-five .post_thumb a:hover .post-title {
  color: #fdbd23 !important;
  text-decoration-color: #fdbd23 !important;
}

/* 6. Nie ruszamy menu - menu ma własne kolory */

.main-navigation a:hover,
.primary-navigation a:hover,
.menu a:hover {
  text-decoration: none;
}

/* =====================================================
   S24 - data jako badge na miniaturze w archiwach
   Kategorie / archiwa / blog / wyszukiwarka
===================================================== */

.archive .card .post_thumb,
.category .card .post_thumb,
.blog .card .post_thumb,
.search .card .post_thumb {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 10px 10px 0 0 !important;
}

/* Badge daty */

.archive .s24-date-badge,
.category .s24-date-badge,
.blog .s24-date-badge,
.search .s24-date-badge {
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 8;

  display: inline-flex;
  align-items: center;

  padding: 6px 10px;
  border-radius: 999px;

  background: rgba(255, 255, 255, 0.94);
  color: #111111;

  font-size: 12px;
  line-height: 1;
  font-weight: 700;

  border: 1px solid rgba(17, 17, 17, 0.22);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);

  pointer-events: none;
}

/* Ukrycie starej daty spod tytułu */

.archive .posted_date,
.category .posted_date,
.blog .posted_date,
.search .posted_date {
  display: none !important;
}

/* Ukrycie autora na archiwach */

.archive .post_author,
.category .post_author,
.blog .post_author,
.search .post_author {
  display: none !important;
}

/* Ukrycie liczby komentarzy na archiwach */

.archive .comments,
.category .comments,
.blog .comments,
.search .comments {
  display: none !important;
}

/* Usunięcie pustej belki meta po ukryciu autora/daty/komentarzy */

.archive .cm-post-meta,
.category .cm-post-meta,
.blog .cm-post-meta,
.search .cm-post-meta {
  display: none !important;
}

/* Cały kafelek bardziej portalowy */

.archive .card,
.category .card,
.blog .card,
.search .card {
  border-radius: 10px !important;
  overflow: hidden !important;
}

/* Zaokrąglony dół boxa z treścią */

.archive .card .card_content,
.category .card .card_content,
.blog .card .card_content,
.search .card .card_content {
  border-radius: 0 0 10px 10px !important;
  overflow: hidden !important;
  padding: 14px 14px 16px !important;
}

/* Ukrycie całego elementu LI z kategorią Aktualności */

.archive .entry_cats ul.post-categories li:has(a[href*="/aktualnosci/"]),
.category .entry_cats ul.post-categories li:has(a[href*="/aktualnosci/"]),
.blog .entry_cats ul.post-categories li:has(a[href*="/aktualnosci/"]),
.search .entry_cats ul.post-categories li:has(a[href*="/aktualnosci/"]) {
  display: none !important;
}

/* Lista kategorii bez przesunięcia */

.archive .entry_cats ul.post-categories,
.category .entry_cats ul.post-categories,
.blog .entry_cats ul.post-categories,
.search .entry_cats ul.post-categories {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Mniejsze, czytelniejsze etykiety kategorii */

.archive .entry_cats ul.post-categories li,
.category .entry_cats ul.post-categories li,
.blog .entry_cats ul.post-categories li,
.search .entry_cats ul.post-categories li {
  margin: 0 4px 5px 0 !important;
}

.archive .entry_cats ul.post-categories li a,
.category .entry_cats ul.post-categories li a,
.blog .entry_cats ul.post-categories li a,
.search .entry_cats ul.post-categories li a {
  font-size: 11px !important;
  padding: 5px 8px !important;
  border-radius: 4px !important;
  line-height: 1.1 !important;
}

/* Tytuł w kafelku trochę ciaśniej */

.archive .post_title h2,
.category .post_title h2,
.blog .post_title h2,
.search .post_title h2 {
  line-height: 1.25 !important;
  margin-top: 8px !important;
}

/* S24 - logo partnera w footerze */

.s24-footer-partner-logo {
  margin-top: 10px;
  text-align: center;
}

.s24-footer-partner-logo a {
  display: inline-block;
  text-decoration: none;
}

.s24-footer-partner-logo img {
  display: block;
  width: 100%;
  max-width: 250px;
  height: auto;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .s24-footer-partner-logo img {
    max-width: 200px;
  }
}

/* S24 - zwijane tagi pod artykułem */

.single article.post-detail .post_tags.s24-tags-collapsible {
  position: relative;
  overflow: hidden;
  transition: max-height 0.25s ease;
}

.single article.post-detail .post_tags.s24-tags-collapsible.is-expanded {
  overflow: visible;
}

.s24-tags-toggle-wrap {
  margin-top: -20px;
  margin-bottom: 25px;
  text-align: right;
  padding-right: 4px;
}

.s24-tags-toggle {
  display: inline-block;
  padding: 3px 8px;
  background: transparent !important;
  color: #111111 !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
}

.s24-tags-toggle:hover {
  background: #111111 !important;
  color: #fdbd23 !important;
  text-decoration: none !important;
}

.s24-tags-toggle:focus,
.s24-tags-toggle:active {
  background: #111111 !important;
  color: #fdbd23 !important;
  outline: none;
  box-shadow: none !important;
}

.single article.post-detail .post_tags a:hover {
  background: #111111 !important;
  color: #fdbd23 !important;
  text-decoration: none !important;
}

/* =====================================================
   S24 - responsywne wideo w treści artykułów
===================================================== */

.single-post .entry-content video,
.single-post .entry-content .wp-video,
.single-post .entry-content .wp-video-shortcode,
.single-post .entry-content .mejs-container {
  max-width: 100% !important;
}

.single-post .entry-content video,
.single-post .entry-content .wp-video-shortcode {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  max-height: 75vh !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 8px !important;
  object-fit: contain !important;
}

.single-post .entry-content .wp-video {
  width: auto !important;
  max-width: 100% !important;
  margin: 18px auto !important;
  text-align: center !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

.single-post .entry-content .mejs-container,
.single-post .entry-content .mejs-inner,
.single-post .entry-content .mejs-mediaelement {
  max-width: 100% !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

.single-post .entry-content .s24-fixed-vertical-video-wrap {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  overflow: hidden !important;
  border-radius: 8px !important;
}

.single-post .entry-content video.s24-fixed-vertical-video {
  display: block !important;
  object-fit: contain !important;
  border-radius: 8px !important;
}

.single-post .entry-content .mejs-container.s24-fixed-vertical-video-wrap,
.single-post .entry-content .mejs-inner.s24-fixed-vertical-video-wrap,
.single-post .entry-content .mejs-mediaelement.s24-fixed-vertical-video-wrap,
.single-post .entry-content .mejs-layers.s24-fixed-vertical-video-wrap {
  overflow: hidden !important;
  border-radius: 8px !important;
}

@media (min-width: 768px) {
  .single-post .entry-content video,
  .single-post .entry-content .wp-video-shortcode {
    max-height: 72vh !important;
  }

  .single-post .entry-content .wp-video {
    max-height: 72vh !important;
  }
}

@media (max-width: 767px) {
  .single-post .entry-content video,
  .single-post .entry-content .wp-video-shortcode,
  .single-post .entry-content video.s24-fixed-vertical-video {
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    height: auto !important;
  }

  .single-post .entry-content .wp-video,
  .single-post .entry-content .s24-fixed-vertical-video-wrap {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
  }
}

/* =========================================
   S24 HOME SECTION - ALARM 112 + BOX
   Shortcode: [s24_alarm112_section]
========================================= */

.s24-alarm-home-split {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 24px;
  align-items: start;
  margin: 0 0 32px;
}

.s24-alarm-home-news-title {
  margin: 0 0 14px;
  font-size: 34px;
  line-height: 1.1;
}

.s24-alarm-home-news-top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-bottom: 18px;
  align-items: stretch;
}

.s24-alarm-hero {
  position: relative;
  display: block;
  min-height: 360px;
  background-size: cover;
  background-position: center;
  border-radius: 14px;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
}

.s24-alarm-hero-title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  padding: 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  color: #fff !important;
  background: linear-gradient(to top, rgba(0,0,0,.78), rgba(0,0,0,0));
}

.s24-alarm-side {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 18px;
}

.s24-alarm-small-overlay {
  position: relative;
  display: block;
  height: 171px;
  min-height: 171px;
  border-radius: 14px;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
  background: #eaeaea;
}

.s24-alarm-small-overlay-thumb {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.s24-alarm-small-overlay-no-thumb {
  background: #eaeaea;
}

.s24-alarm-small-overlay-title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  padding: 12px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
  color: #fff !important;
  text-shadow: none !important;
  background: linear-gradient(to top, rgba(0,0,0,.78), rgba(0,0,0,0));
}

.s24-alarm-home-news-bottom {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.s24-alarm-card {
  background: #fff;
}

.s24-alarm-card a {
  display: block;
  text-decoration: none;
}

.s24-alarm-card-thumb-link {
  position: relative;
  display: block;
}

.s24-alarm-card img,
.s24-alarm-no-thumb {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 10px;
  background: #eaeaea;
}

.s24-alarm-card h3 {
  margin: 8px 0 0;
  font-size: 17px;
  line-height: 1.3;
}

.s24-alarm-card h3 a {
  color: #111 !important;
  text-decoration: none;
}

.s24-alarm-home-side {
  margin-top: 0;
  min-width: 0;
}

.s24-alarm-box-lista {
  padding: 18px 18px 16px;
  border-radius: 10px;
  color: #fff;
  min-width: 0;
  overflow: hidden;
}

.s24-alarm-box-lista-title {
  margin: 0 0 14px;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.1;
  color: #fff;
}

.s24-alarm-box-lista-title a {
  color: #fff !important;
  text-decoration: none;
}

.s24-alarm-box-lista-title a:hover {
  color: #fff !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.s24-alarm-box-top {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 10px;
  min-width: 0;
}

.s24-alarm-box-top-thumb-link {
  flex: 0 0 90px;
  text-decoration: none;
}

.s24-alarm-box-top-thumb,
.s24-alarm-box-top-no-thumb {
  display: block;
  width: 90px;
  height: 70px;
  object-fit: cover;
  border-radius: 8px;
  background: rgba(255,255,255,.18);
}

.s24-alarm-box-top-title {
  flex: 1 1 auto;
  min-width: 0;
}

.s24-alarm-box-top-title a {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #fff !important;
  text-decoration: none;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 700;
}

.s24-alarm-box-lista-items {
  margin: 0;
  padding-left: 0;
  list-style: none;
  min-width: 0;
}

.s24-alarm-box-lista-items li {
  position: relative;
  margin: 0 0 10px;
  padding-left: 12px;
  min-width: 0;
}

.s24-alarm-box-lista-items li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  font-size: 14px;
  line-height: 1.3;
}

.s24-alarm-box-lista-items a {
  display: block;
  color: #fff !important;
  text-decoration: none;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

.s24-alarm-box-lista-empty,
.s24-alarm-home-news-empty {
  color: rgba(255,255,255,.92);
  font-size: 14px;
}

.s24-alarm-card h3 a:hover,
.s24-alarm-box-top-title a:hover,
.s24-alarm-box-lista-items a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.s24-alarm-card h3 a:hover {
  color: #fdbd23 !important;
  text-decoration-color: #fdbd23 !important;
}

.s24-alarm-hero:hover .s24-alarm-hero-title,
.s24-alarm-small-overlay:hover .s24-alarm-small-overlay-title {
  color: #fff !important;
  text-decoration: underline !important;
  text-decoration-color: #fff !important;
  text-underline-offset: 3px;
}

.s24-alarm-box-lista-title a:hover,
.s24-alarm-box-top-title a:hover,
.s24-alarm-box-lista-items a:hover {
  color: #fff !important;
  text-decoration: underline !important;
  text-decoration-color: #fff !important;
  text-underline-offset: 3px;
}

/* ===== BADGE MIEJSCOWOŚCI / GMIN ===== */

.s24-alarm-hero,
.s24-alarm-small-overlay,
.s24-alarm-card > a {
  position: relative;
}

.s24-location-badges {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  z-index: 6;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  pointer-events: none;
}

.s24-location-badge {
  display: inline-block;
  padding: 5px 9px;
  border-radius: 999px;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  font-weight: 800;
  font-style: normal;
  letter-spacing: .02em;
  text-transform: uppercase;
  box-shadow: 0 2px 8px rgba(0,0,0,.22);
  max-width: 100%;
}

.s24-location-badge--sucha-beskidzka {
  background: #1f3a5f;
}

.s24-location-badge--gmina-makow {
  background: #d97706;
}

.s24-location-badge--gmina-jordanow {
  background: #3fbd13;
}

.s24-location-badge--gmina-bystra-sidzina {
  background: #0f766e;
}

.s24-location-badge--gmina-zawoja {
  background: #15803d;
}

.s24-location-badge--gmina-stryszawa {
  background: #7c3aed;
}

.s24-location-badge--gmina-budzow {
  background: #2563eb;
}

.s24-location-badge--gmina-zembrzyce {
  background: #b91c1c;
}

.s24-location-badge--okolice {
  background: #374151;
}

@media (max-width: 991px) {
  .s24-alarm-home-split {
    grid-template-columns: 1fr;
  }

  .s24-alarm-home-side {
    margin-top: 0;
  }
}

@media (max-width: 767px) {

  .s24-alarm-home-news-title {
    font-size: 28px;
  }

  .s24-alarm-home-news-top {
    display: block !important;
  }

  .s24-alarm-hero {
    display: block !important;
    min-height: 280px;
    margin-bottom: 26px !important;
  }

  .s24-alarm-hero-title {
    font-size: 24px;
    padding: 18px;
  }

  .s24-alarm-side {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 0 !important;
  }

  .s24-alarm-small-overlay {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 0 26px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: transparent !important;
  }

  .s24-alarm-small-overlay:last-child {
    margin-bottom: 0 !important;
  }

  .s24-alarm-small-overlay-thumb {
    position: relative !important;
    display: block !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
    background-size: cover !important;
    background-position: center center !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  .s24-alarm-small-overlay-title {
    position: static !important;
    display: block !important;
    margin: 0 !important;
    padding: 10px 0 0 !important;
    background: transparent !important;
    color: #111 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.28 !important;
    text-shadow: none !important;
  }

  .s24-alarm-small-overlay:hover .s24-alarm-small-overlay-title {
    color: #fdbd23 !important;
    text-decoration: underline !important;
    text-decoration-color: #fdbd23 !important;
    text-underline-offset: 3px;
  }

  .s24-alarm-home-news-bottom {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .s24-alarm-card h3 {
    font-size: 16px;
    line-height: 1.28;
  }

  .s24-alarm-box-lista-title {
    font-size: 24px;
  }

  .s24-alarm-box-top {
    align-items: flex-start;
  }

  .s24-location-badges {
    top: 8px;
    left: 8px;
    right: 8px;
    gap: 4px;
  }

  .s24-location-badge {
    font-size: 10px;
    padding: 5px 8px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {

  .s24-alarm-home-news-top {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }

  .s24-alarm-side {
    display: grid !important;
    grid-template-rows: 1fr 1fr !important;
    gap: 18px !important;
  }

  .s24-alarm-small-overlay {
    height: 171px !important;
    min-height: 171px !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .s24-alarm-small-overlay-thumb {
    position: absolute !important;
    inset: 0 !important;
    height: 100% !important;
  }

  .s24-alarm-small-overlay-title {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    color: #fff !important;
    background: linear-gradient(to top, rgba(0,0,0,.78), rgba(0,0,0,0)) !important;
  }
}
/* =====================================================
   S24 - SYSTEM BADGE / MEDIA / STATUS / REMIZA
   Wersja uporządkowana pod Suski24.pl

   Obsługuje:
   - j24s24-status-badge: WIDEO, GALERIA, AUDIO, PODCAST,
     NA ŻYWO, PILNE, AKTUALIZACJA, REKLAMA, PARTNER itd.
   - j24-cbo-* z przeniesionego snippetu J24 CBO
   - s24-date-badge w archiwach/kategoriach
   - s24-remiza-widget: OSP po lewej, media/status po prawej

   Ważne:
   - tekst badge nie łapie hovera linku
   - badge nie są podkreślane
   - badge mają własny kolor niezależny od a:hover
===================================================== */

:root {
  /* ogólne */
  --s24-badge-shadow: 0 2px 10px rgba(0,0,0,.32);
  --s24-badge-shadow-soft: 0 2px 8px rgba(0,0,0,.22);

  /* kolory */
  --s24-black: #111111;
  --s24-white: #ffffff;
  --s24-red: #d71920;
  --s24-burgundy: #a8001e;
  --s24-yellow: #ffaa00;

  /* media / status */
  --s24-media-bg-size: 25px;
  --s24-media-svg-size: 17px;
  --s24-status-bg-size: 23px;

  /* custom block overlay */
  --s24-cbo-media-stack-gap: 5px;
  --s24-cbo-media-icon-bg-size: 25px;
  --s24-cbo-media-icon-svg-size: 17px;
  --s24-cbo-media-icon-x: 0px;
  --s24-cbo-media-icon-y: 0.5px;

  /* dolne kafle custom blocks */
  --s24-bottom-context-badge-font: 8.5px;
  --s24-bottom-context-badge-padding-y: 4px;
  --s24-bottom-context-badge-padding-x: 7px;
  --s24-bottom-formal-badge-font: 7.5px;
  --s24-bottom-formal-badge-padding-y: 3px;
  --s24-bottom-formal-badge-padding-x: 6px;
  --s24-bottom-media-bg-size: 21px;
  --s24-bottom-media-svg-size: 15px;

  /* remiza */
  --s24-remiza-icon-bg: 23px;
  --s24-remiza-icon-svg: 17px;
  --s24-remiza-icon-top: 10px;
  --s24-remiza-icon-right: 10px;
  --s24-remiza-icon-svg-x: 2px;
  --s24-remiza-icon-svg-y: 0px;

  --s24-remiza-small-icon-bg: 21px;
  --s24-remiza-small-icon-svg: 15px;
  --s24-remiza-small-icon-top: 8px;
  --s24-remiza-small-icon-right: 8px;
  --s24-remiza-small-icon-svg-x: 1px;
  --s24-remiza-small-icon-svg-y: 0px;

  --s24-remiza-small-osp-font: 8.5px;
  --s24-remiza-small-osp-padding-y: 4px;
  --s24-remiza-small-osp-padding-x: 7px;

  --s24-remiza-small-formal-font: 7.5px;
  --s24-remiza-small-formal-padding-y: 3px;
  --s24-remiza-small-formal-padding-x: 6px;
}

/* =====================================================
   1. GLOBALNE ZABEZPIECZENIE BADGE PRZED HOVEREM LINKÓW
===================================================== */

.j24s24-status-badge,
.j24s24-status-badge *,
.j24-cbo-formal-badge,
.j24-cbo-formal-badge *,
.j24-cbo-media-stack,
.j24-cbo-media-stack *,
.j24-cbo-media-icon,
.j24-cbo-media-icon *,
.j24-cbo-right-badge,
.j24-cbo-right-badge *,
.j24-box-inline-media-icons,
.j24-box-inline-media-icons *,
.s24-date-badge,
.s24-date-badge *,
.s24-location-badge,
.s24-location-badge *,
.s24-osp-badge,
.s24-osp-badge * {
  text-decoration: none !important;
  text-shadow: none !important;
}

a:hover .j24s24-status-badge,
a:hover .j24s24-status-badge *,
.post_thumb:hover .j24s24-status-badge,
.post_thumb:hover .j24s24-status-badge *,
.imghover:hover .j24s24-status-badge,
.imghover:hover .j24s24-status-badge *,
.card:hover .j24s24-status-badge,
.card:hover .j24s24-status-badge *,
.j24s24-bg-thumb-has-badge:hover .j24s24-status-badge,
.j24s24-bg-thumb-has-badge:hover .j24s24-status-badge *,
a:hover .s24-date-badge,
a:hover .s24-date-badge *,
.post_thumb:hover .s24-date-badge,
.post_thumb:hover .s24-date-badge *,
.card:hover .s24-date-badge,
.card:hover .s24-date-badge *,
a:hover .s24-location-badge,
a:hover .s24-location-badge *,
a:hover .s24-osp-badge,
a:hover .s24-osp-badge * {
  text-decoration: none !important;
  text-shadow: none !important;
}

/* =====================================================
   2. DATA BADGE - ARCHIWA / KATEGORIE / BLOG / SEARCH
===================================================== */

.archive .s24-date-badge,
.category .s24-date-badge,
.blog .s24-date-badge,
.search .s24-date-badge {
  position: absolute !important;
  left: 10px !important;
  bottom: 10px !important;
  z-index: 8 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 6px 10px !important;
  border-radius: 999px !important;

  background: rgba(255,255,255,.94) !important;
  color: #111111 !important;

  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 700 !important;

  border: 1px solid rgba(17,17,17,.22) !important;
  box-shadow: var(--s24-badge-shadow-soft) !important;

  pointer-events: none !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

/* hover nie zmienia daty */

.archive a:hover .s24-date-badge,
.category a:hover .s24-date-badge,
.blog a:hover .s24-date-badge,
.search a:hover .s24-date-badge,
.archive .post_thumb:hover .s24-date-badge,
.category .post_thumb:hover .s24-date-badge,
.blog .post_thumb:hover .s24-date-badge,
.search .post_thumb:hover .s24-date-badge,
.archive .card:hover .s24-date-badge,
.category .card:hover .s24-date-badge,
.blog .card:hover .s24-date-badge,
.search .card:hover .s24-date-badge {
  background: rgba(255,255,255,.94) !important;
  color: #111111 !important;
  border-color: rgba(17,17,17,.22) !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

/* =====================================================
   3. BAZA GLOBALNYCH BADGE j24s24-*
===================================================== */

.j24s24-thumb-badge-wrap {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  line-height: 0 !important;
}

.j24s24-thumb-badge-wrap img {
  display: block !important;
  width: 100% !important;
}

.j24s24-bg-thumb-has-badge,
.cm_banner .post_thumb,
.banner-area .post_thumb,
.cm_banner-five .post_thumb,
.archive .post_thumb,
.category .post_thumb,
.tag .post_thumb,
.search .post_thumb,
.blog .post_thumb,
.cm-posts .post_thumb,
.card .post_thumb {
  position: relative !important;
  overflow: hidden !important;
}

.j24s24-status-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;

  border-radius: 4px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;

  z-index: 30 !important;
  pointer-events: none !important;
  text-decoration: none !important;
  text-shadow: none !important;
  transition: none !important;
  box-shadow: var(--s24-badge-shadow) !important;
}

.j24s24-badge-overlay {
  position: absolute !important;
  left: 10px !important;
  top: 10px !important;
  padding: 6px 8px !important;
}

.j24s24-badge-inline {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  padding: 4px 7px !important;
  margin-right: 6px !important;
  vertical-align: middle !important;
}

/* =====================================================
   4. TEKSTOWE MEDIA BADGE - SG / SLIDER / CM
   WIDEO / GALERIA / AUDIO / PODCAST jako białe badge
===================================================== */

.j24s24-badge-overlay.j24s24-badge-wideo,
.j24s24-badge-overlay.j24s24-badge-galeria,
.j24s24-badge-overlay.j24s24-badge-audio,
.j24s24-badge-overlay.j24s24-badge-podcast,
.j24s24-badge-overlay.j24s24-badge-podkast {
  background: rgba(255,255,255,.96) !important;
  color: #111111 !important;
  padding: 6px 8px !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.35) !important;
}

/* hover nie zmienia białych media badge */

a:hover .j24s24-badge-overlay.j24s24-badge-wideo,
a:hover .j24s24-badge-overlay.j24s24-badge-galeria,
a:hover .j24s24-badge-overlay.j24s24-badge-audio,
a:hover .j24s24-badge-overlay.j24s24-badge-podcast,
a:hover .j24s24-badge-overlay.j24s24-badge-podkast,
.post_thumb:hover .j24s24-badge-overlay.j24s24-badge-wideo,
.post_thumb:hover .j24s24-badge-overlay.j24s24-badge-galeria,
.post_thumb:hover .j24s24-badge-overlay.j24s24-badge-audio,
.post_thumb:hover .j24s24-badge-overlay.j24s24-badge-podcast,
.post_thumb:hover .j24s24-badge-overlay.j24s24-badge-podkast,
.imghover:hover .j24s24-badge-overlay.j24s24-badge-wideo,
.imghover:hover .j24s24-badge-overlay.j24s24-badge-galeria,
.imghover:hover .j24s24-badge-overlay.j24s24-badge-audio,
.imghover:hover .j24s24-badge-overlay.j24s24-badge-podcast,
.imghover:hover .j24s24-badge-overlay.j24s24-badge-podkast {
  background: rgba(255,255,255,.96) !important;
  color: #111111 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

/* inline media badge - czarne */

.j24s24-badge-inline.j24s24-badge-wideo,
.j24s24-badge-inline.j24s24-badge-galeria,
.j24s24-badge-inline.j24s24-badge-audio,
.j24s24-badge-inline.j24s24-badge-podcast,
.j24s24-badge-inline.j24s24-badge-podkast {
  background: #111111 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

/* =====================================================
   5. STATUSY TEKSTOWE - SG / SLIDER
===================================================== */

.j24s24-badge-live,
.j24s24-badge-pilne,
.j24s24-badge-aktualizacja {
  background: var(--s24-red) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.j24s24-badge-live::before {
  content: "" !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  display: inline-block !important;
  animation: s24-live-pulse 1.15s infinite !important;
}

.j24s24-badge-pilne::before,
.j24s24-badge-aktualizacja::before {
  content: none !important;
  display: none !important;
}

@keyframes s24-live-pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .45;
    transform: scale(.75);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/* =====================================================
   6. FORMALNE / KOMERCYJNE / REDAKCYJNE BADGE
===================================================== */

.j24s24-badge-reklama,
.j24s24-badge-artykul-sponsorowany,
.j24s24-badge-material-partnera,
.j24s24-badge-promocja,
.j24s24-badge-patronat,
.j24s24-badge-formal {
  background: #111111 !important;
  color: #ffffff !important;
  font-size: 9px !important;
  padding: 4px 7px !important;
  letter-spacing: .03em !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.32) !important;
}

.j24s24-badge-artykul-sponsorowany,
.j24s24-badge-material-partnera {
  font-size: 8.5px !important;
  padding: 4px 6px !important;
  letter-spacing: .02em !important;
}

/* WYWIAD - żółto-pomarańczowy */

.j24s24-badge-wywiad {
  background: var(--s24-yellow) !important;
  color: #ffffff !important;
  font-size: 9px !important;
  padding: 4px 7px !important;
  letter-spacing: .03em !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.32) !important;
}

/* KOMUNIKAT / TYLKO U NAS / PREMIUM */

.j24s24-badge-komunikat,
.j24s24-badge-nasz-temat,
.j24s24-badge-tylko-u-nas,
.j24s24-badge-premium,
.j24s24-badge-material-premium {
  background: var(--s24-burgundy) !important;
  color: #ffffff !important;
  font-size: 9px !important;
  padding: 4px 7px !important;
  letter-spacing: .03em !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.32) !important;
}

/* formalne badge bez pseudo-ikonek */

.j24s24-badge-formal::before,
.j24s24-badge-reklama::before,
.j24s24-badge-artykul-sponsorowany::before,
.j24s24-badge-material-partnera::before,
.j24s24-badge-promocja::before,
.j24s24-badge-patronat::before,
.j24s24-badge-komunikat::before,
.j24s24-badge-nasz-temat::before,
.j24s24-badge-tylko-u-nas::before,
.j24s24-badge-premium::before,
.j24s24-badge-material-premium::before,
.j24s24-badge-wywiad::before {
  content: none !important;
  display: none !important;
}

/* hover formalnych nie zmienia tekstu ani underline */

a:hover .j24s24-badge-reklama,
a:hover .j24s24-badge-artykul-sponsorowany,
a:hover .j24s24-badge-material-partnera,
a:hover .j24s24-badge-promocja,
a:hover .j24s24-badge-patronat,
a:hover .j24s24-badge-formal,
a:hover .j24s24-badge-wywiad,
a:hover .j24s24-badge-komunikat,
a:hover .j24s24-badge-nasz-temat,
a:hover .j24s24-badge-tylko-u-nas,
a:hover .j24s24-badge-premium,
a:hover .j24s24-badge-material-premium,
.post_thumb:hover .j24s24-badge-reklama,
.post_thumb:hover .j24s24-badge-artykul-sponsorowany,
.post_thumb:hover .j24s24-badge-material-partnera,
.post_thumb:hover .j24s24-badge-promocja,
.post_thumb:hover .j24s24-badge-patronat,
.post_thumb:hover .j24s24-badge-formal,
.post_thumb:hover .j24s24-badge-wywiad,
.post_thumb:hover .j24s24-badge-komunikat,
.post_thumb:hover .j24s24-badge-nasz-temat,
.post_thumb:hover .j24s24-badge-tylko-u-nas,
.post_thumb:hover .j24s24-badge-premium,
.post_thumb:hover .j24s24-badge-material-premium {
  color: #ffffff !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

/* =====================================================
   7. POZYCJONOWANIE BADGE W SLIDERZE / BANNERZE
===================================================== */

.cm_banner .post_thumb .j24s24-status-badge,
.banner-area .post_thumb .j24s24-status-badge,
.cm_banner-five .post_thumb .j24s24-status-badge,
.j24s24-bg-thumb-has-badge .j24s24-status-badge {
  position: absolute !important;
  left: 10px !important;
  top: 10px !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 90 !important;
}

/* media/status w sliderze jako pełne badge tekstowe, nie ikonki */

.cm_banner .post_thumb .j24s24-status-badge:is(.j24s24-badge-wideo,.j24s24-badge-galeria,.j24s24-badge-audio,.j24s24-badge-podcast,.j24s24-badge-podkast,.j24s24-badge-live,.j24s24-badge-pilne,.j24s24-badge-aktualizacja),
.banner-area .post_thumb .j24s24-status-badge:is(.j24s24-badge-wideo,.j24s24-badge-galeria,.j24s24-badge-audio,.j24s24-badge-podcast,.j24s24-badge-podkast,.j24s24-badge-live,.j24s24-badge-pilne,.j24s24-badge-aktualizacja),
.cm_banner-five .post_thumb .j24s24-status-badge:is(.j24s24-badge-wideo,.j24s24-badge-galeria,.j24s24-badge-audio,.j24s24-badge-podcast,.j24s24-badge-podkast,.j24s24-badge-live,.j24s24-badge-pilne,.j24s24-badge-aktualizacja) {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 6px 8px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  filter: none !important;
}

/* usunięcie pseudo-ikon w sliderze dla mediów */

.cm_banner .post_thumb .j24s24-status-badge:is(.j24s24-badge-wideo,.j24s24-badge-galeria,.j24s24-badge-audio,.j24s24-badge-podcast,.j24s24-badge-podkast)::after,
.banner-area .post_thumb .j24s24-status-badge:is(.j24s24-badge-wideo,.j24s24-badge-galeria,.j24s24-badge-audio,.j24s24-badge-podcast,.j24s24-badge-podkast)::after,
.cm_banner-five .post_thumb .j24s24-status-badge:is(.j24s24-badge-wideo,.j24s24-badge-galeria,.j24s24-badge-audio,.j24s24-badge-podcast,.j24s24-badge-podkast)::after,
.cm_banner .post_thumb .j24s24-status-badge:is(.j24s24-badge-wideo,.j24s24-badge-galeria,.j24s24-badge-audio,.j24s24-badge-podcast,.j24s24-badge-podkast)::before,
.banner-area .post_thumb .j24s24-status-badge:is(.j24s24-badge-wideo,.j24s24-badge-galeria,.j24s24-badge-audio,.j24s24-badge-podcast,.j24s24-badge-podkast)::before,
.cm_banner-five .post_thumb .j24s24-status-badge:is(.j24s24-badge-wideo,.j24s24-badge-galeria,.j24s24-badge-audio,.j24s24-badge-podcast,.j24s24-badge-podkast)::before {
  content: none !important;
  display: none !important;
}

/* =====================================================
   8. CUSTOM BLOCK OVERLAY - j24-cbo-* Z PRZENIESIONEGO SNIPPETU
   Działa również na S24, jeśli snippet nadal generuje klasy j24-cbo-*
===================================================== */

.j24-media-icon-target,
.j24-cbo-target,
.s24-alarm-hero,
.s24-alarm-small-overlay,
.s24-alarm-card > a,
.s24-alarm-card-thumb-link {
  position: relative !important;
  overflow: hidden !important;
}

/* lewy stack: formalne pod miejscowością/szkołą/OSP */

.j24-cbo-left-stack,
.j24-home-split .j24-location-badges,
.j24-home-split .j24-school-badges,
.j24-home-split .j24-region-thumb-badges,
.s24-alarm-home-split .s24-location-badges,
.s24-alarm-home-split .s24-osp-badges {
  position: absolute !important;
  left: 10px !important;
  top: 10px !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 55 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 5px !important;

  width: auto !important;
  height: auto !important;
  max-width: calc(100% - 48px) !important;

  padding: 0 !important;
  margin: 0 !important;

  pointer-events: none !important;
  line-height: 1 !important;
}

.j24-cbo-formal-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: 8.5px !important;
  padding: 4px 7px !important;

  border-radius: 4px !important;
  background: #111111 !important;
  color: #ffffff !important;

  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .025em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;

  text-decoration: none !important;
  text-shadow: none !important;
  pointer-events: none !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.28) !important;
}

a:hover .j24-cbo-formal-badge,
.post_thumb:hover .j24-cbo-formal-badge,
.imghover:hover .j24-cbo-formal-badge,
.j24-cbo-target:hover .j24-cbo-formal-badge,
.s24-alarm-hero:hover .j24-cbo-formal-badge,
.s24-alarm-small-overlay:hover .j24-cbo-formal-badge,
.s24-alarm-card:hover .j24-cbo-formal-badge {
  background: #111111 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

/* media stack po prawej */

.j24-cbo-media-stack {
  position: absolute !important;
  right: 10px !important;
  top: 10px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 65 !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: var(--s24-cbo-media-stack-gap) !important;

  pointer-events: none !important;
}

.j24-cbo-media-icon,
.j24-media-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: var(--s24-cbo-media-icon-bg-size) !important;
  height: var(--s24-cbo-media-icon-bg-size) !important;

  padding: 0 !important;
  margin: 0 !important;

  border-radius: 999px !important;
  background: rgba(0,0,0,.32) !important;
  color: #ffffff !important;

  line-height: 0 !important;
  text-decoration: none !important;
  text-shadow: none !important;

  box-shadow: none !important;
  filter:
    drop-shadow(0 0 1px rgba(90,90,90,.95))
    drop-shadow(0 1px 2px rgba(0,0,0,.42));
}

.j24-cbo-media-icon svg,
.j24-media-icon svg {
  width: var(--s24-cbo-media-icon-svg-size) !important;
  height: var(--s24-cbo-media-icon-svg-size) !important;
  display: block !important;
  stroke: currentColor !important;
  fill: none !important;
  transform: translate(var(--s24-cbo-media-icon-x), var(--s24-cbo-media-icon-y)) !important;
}

.j24-cbo-media-icon svg circle,
.j24-media-icon svg circle {
  fill: currentColor !important;
}

/* status po prawej w custom blockach */

.j24-cbo-right-badge {
  position: absolute !important;
  right: 10px !important;
  top: 10px !important;
  left: auto !important;
  bottom: auto !important;

  width: var(--s24-status-bg-size) !important;
  height: var(--s24-status-bg-size) !important;
  min-width: var(--s24-status-bg-size) !important;
  min-height: var(--s24-status-bg-size) !important;

  padding: 0 !important;
  margin: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  background: var(--s24-red) !important;
  color: transparent !important;

  font-size: 0 !important;
  line-height: 0 !important;

  text-decoration: none !important;
  text-shadow: none !important;
  pointer-events: none !important;

  z-index: 70 !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.28) !important;
  filter: none !important;
}

.j24-cbo-right-badge .j24-cbo-live-dot,
.j24-cbo-right-badge .j24-cbo-symbol {
  display: none !important;
}

.j24-cbo-right-badge.j24-cbo-right--live::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  transform: translate(-50%, -50%) scale(1);
  animation: s24-status-dot-pulse 1.15s infinite !important;
}

.j24-cbo-right-badge.j24-cbo-right--urgent::after {
  content: "!" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  transform: translate(-50%, -52%);
  animation: s24-status-mark-pulse 1.15s ease-in-out infinite !important;
}

.j24-cbo-right-badge.j24-cbo-right--update::after {
  content: "+" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  transform: translate(-50%, -52%);
  animation: s24-status-mark-pulse 1.15s ease-in-out infinite !important;
}

@keyframes s24-status-dot-pulse {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }

  50% {
    opacity: .45;
    transform: translate(-50%, -50%) scale(.75);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes s24-status-mark-pulse {
  0% {
    opacity: 1;
  }

  50% {
    opacity: .42;
  }

  100% {
    opacity: 1;
  }
}

/* hover custom blocków nie zmienia ikon */

a:hover .j24-cbo-media-stack,
a:hover .j24-cbo-media-icon,
a:hover .j24-cbo-right-badge,
.post_thumb:hover .j24-cbo-media-stack,
.post_thumb:hover .j24-cbo-media-icon,
.post_thumb:hover .j24-cbo-right-badge,
.imghover:hover .j24-cbo-media-stack,
.imghover:hover .j24-cbo-media-icon,
.imghover:hover .j24-cbo-right-badge,
.j24-cbo-target:hover .j24-cbo-media-stack,
.j24-cbo-target:hover .j24-cbo-media-icon,
.j24-cbo-target:hover .j24-cbo-right-badge {
  color: #ffffff !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

/* =====================================================
   9. DOLNE KAFLE CUSTOM BLOCKÓW
===================================================== */

.j24-home-news-bottom .j24-location-badge,
.j24-home-news-bottom .j24-school-badge,
.j24-home-news-bottom .j24-region-thumb-badge,
.j24-home-news-bottom .s24-location-badge,
.j24-home-news-bottom .s24-osp-badge,
.s24-alarm-home-news-bottom .s24-location-badge,
.s24-alarm-home-news-bottom .s24-osp-badge {
  font-size: var(--s24-bottom-context-badge-font) !important;
  padding: var(--s24-bottom-context-badge-padding-y) var(--s24-bottom-context-badge-padding-x) !important;
  line-height: 1 !important;
  letter-spacing: .02em !important;
}

.j24-home-news-bottom .j24-location-badges,
.j24-home-news-bottom .j24-school-badges,
.j24-home-news-bottom .j24-region-thumb-badges,
.j24-home-news-bottom .s24-location-badges,
.j24-home-news-bottom .s24-osp-badges,
.s24-alarm-home-news-bottom .s24-location-badges,
.s24-alarm-home-news-bottom .s24-osp-badges {
  top: 8px !important;
  left: 8px !important;
  right: auto !important;
  gap: 4px !important;
}

.j24-home-news-bottom .j24-cbo-formal-badge {
  font-size: var(--s24-bottom-formal-badge-font) !important;
  padding: var(--s24-bottom-formal-badge-padding-y) var(--s24-bottom-formal-badge-padding-x) !important;
  line-height: 1 !important;
  letter-spacing: .02em !important;
}

.j24-home-news-bottom .j24-cbo-media-stack,
.s24-alarm-home-news-bottom .j24-cbo-media-stack {
  right: 8px !important;
  top: 8px !important;
  gap: 4px !important;
}

.j24-home-news-bottom .j24-cbo-media-icon,
.s24-alarm-home-news-bottom .j24-cbo-media-icon,
.j24-home-news-bottom .j24-cbo-right-badge,
.s24-alarm-home-news-bottom .j24-cbo-right-badge {
  width: var(--s24-bottom-media-bg-size) !important;
  height: var(--s24-bottom-media-bg-size) !important;
  min-width: var(--s24-bottom-media-bg-size) !important;
  min-height: var(--s24-bottom-media-bg-size) !important;
  right: 8px !important;
  top: 8px !important;
}

.j24-home-news-bottom .j24-cbo-media-icon svg,
.s24-alarm-home-news-bottom .j24-cbo-media-icon svg {
  width: var(--s24-bottom-media-svg-size) !important;
  height: var(--s24-bottom-media-svg-size) !important;
}

/* =====================================================
   10. INLINE IKONKI W PRAWYCH BOXACH
===================================================== */

.j24-box-lista-items a,
.s24-alarm-box-lista-items a {
  display: block !important;
  color: #ffffff !important;
  text-decoration: none !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-width: 0 !important;
}

.j24-box-inline-media-icons {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin-right: 7px !important;
  color: #ffffff !important;
  opacity: .96 !important;
  vertical-align: middle !important;
  transform: translateY(-1px);
  text-decoration: none !important;
}

.j24-box-inline-media-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 14px !important;
  height: 14px !important;
  color: currentColor !important;
  line-height: 0 !important;
  flex: 0 0 auto !important;
  text-decoration: none !important;
}

.j24-box-inline-media-icon svg {
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  stroke: currentColor !important;
  fill: none !important;
}

.j24-box-inline-media-icon svg circle {
  fill: currentColor !important;
}

.j24-box-lista-items a:hover .j24-box-inline-media-icons,
.s24-alarm-box-lista-items a:hover .j24-box-inline-media-icons {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* =====================================================
   11. REMIZA - OSP PO LEWEJ, MEDIA/STATUS PO PRAWEJ
===================================================== */

.s24-remiza-widget .post_thumb,
.s24-remiza-widget .s24-osp-thumb-wrap,
.s24-remiza-widget .j24s24-bg-thumb-has-badge {
  position: relative !important;
  overflow: hidden !important;
}

/* media jako ikonki po prawej */

.s24-remiza-widget .j24s24-status-badge:is(.j24s24-badge-wideo,.j24s24-badge-galeria,.j24s24-badge-audio,.j24s24-badge-podcast,.j24s24-badge-podkast) {
  position: absolute !important;
  left: auto !important;
  right: var(--s24-remiza-icon-right) !important;
  top: var(--s24-remiza-icon-top) !important;
  bottom: auto !important;

  width: var(--s24-remiza-icon-bg) !important;
  height: var(--s24-remiza-icon-bg) !important;
  min-width: var(--s24-remiza-icon-bg) !important;
  min-height: var(--s24-remiza-icon-bg) !important;

  padding: 0 !important;
  margin: 0 !important;

  border-radius: 999px !important;
  background: rgba(0,0,0,.32) !important;
  color: transparent !important;

  font-size: 0 !important;
  line-height: 0 !important;
  letter-spacing: 0 !important;

  text-decoration: none !important;
  text-shadow: none !important;
  pointer-events: none !important;

  box-shadow: none !important;
  filter:
    drop-shadow(0 0 1px rgba(90,90,90,.95))
    drop-shadow(0 1px 2px rgba(0,0,0,.42));

  z-index: 70 !important;
}

.s24-remiza-widget .j24s24-status-badge:is(.j24s24-badge-wideo,.j24s24-badge-galeria,.j24s24-badge-audio,.j24s24-badge-podcast,.j24s24-badge-podkast)::after {
  content: none !important;
  display: none !important;
}

/* WIDEO icon */

.s24-remiza-widget .j24s24-status-badge.j24s24-badge-wideo::before {
  content: "" !important;
  display: block !important;
  width: var(--s24-remiza-icon-svg) !important;
  height: var(--s24-remiza-icon-svg) !important;
  margin: 0 !important;
  transform: translate(var(--s24-remiza-icon-svg-x), var(--s24-remiza-icon-svg-y)) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M9 9.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997A1 1 0 0 1 9 14.996z'/%3E%3C/svg%3E") !important;
}

/* GALERIA icon */

.s24-remiza-widget .j24s24-status-badge.j24s24-badge-galeria::before {
  content: "" !important;
  display: block !important;
  width: var(--s24-remiza-icon-svg) !important;
  height: var(--s24-remiza-icon-svg) !important;
  margin: 0 !important;
  transform: translate(var(--s24-remiza-icon-svg-x), var(--s24-remiza-icon-svg-y)) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 11-1.296-1.296a2.4 2.4 0 0 0-3.408 0L11 16'/%3E%3Cpath d='M4 8a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2'/%3E%3Ccircle cx='13' cy='7' r='1' fill='%23ffffff'/%3E%3Crect x='8' y='2' width='14' height='14' rx='2'/%3E%3C/svg%3E") !important;
}

/* AUDIO / PODCAST icon */

.s24-remiza-widget .j24s24-status-badge:is(.j24s24-badge-audio,.j24s24-badge-podcast,.j24s24-badge-podkast)::before {
  content: "" !important;
  display: block !important;
  width: var(--s24-remiza-icon-svg) !important;
  height: var(--s24-remiza-icon-svg) !important;
  margin: 0 !important;
  transform: translate(var(--s24-remiza-icon-svg-x), var(--s24-remiza-icon-svg-y)) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.9 16.1C1 12.2 1 5.8 4.9 1.9'/%3E%3Cpath d='M7.8 4.7a6.14 6.14 0 0 0-.8 7.5'/%3E%3Ccircle cx='12' cy='9' r='2'/%3E%3Cpath d='M16.2 4.8c2 2 2.26 5.11.8 7.47'/%3E%3Cpath d='M19.1 1.9a9.96 9.96 0 0 1 0 14.1'/%3E%3Cpath d='M9.5 18h5'/%3E%3Cpath d='m8 22 4-11 4 11'/%3E%3C/svg%3E") !important;
}

/* statusy w Remizie jako kółko po prawej */

.s24-remiza-widget .j24s24-status-badge:is(.j24s24-badge-live,.j24s24-badge-pilne,.j24s24-badge-aktualizacja) {
  position: absolute !important;
  left: auto !important;
  right: var(--s24-remiza-icon-right) !important;
  top: var(--s24-remiza-icon-top) !important;
  bottom: auto !important;

  width: var(--s24-remiza-icon-bg) !important;
  height: var(--s24-remiza-icon-bg) !important;
  min-width: var(--s24-remiza-icon-bg) !important;
  min-height: var(--s24-remiza-icon-bg) !important;

  padding: 0 !important;
  margin: 0 !important;

  border-radius: 999px !important;
  background: var(--s24-red) !important;
  color: transparent !important;

  font-size: 0 !important;
  line-height: 0 !important;
  letter-spacing: 0 !important;

  text-decoration: none !important;
  text-shadow: none !important;
  pointer-events: none !important;

  box-shadow: 0 2px 10px rgba(0,0,0,.28) !important;
  filter: none !important;
  z-index: 75 !important;
}

.s24-remiza-widget .j24s24-status-badge.j24s24-badge-live::before {
  content: "" !important;
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  margin: 0 !important;
  animation: s24-live-pulse 1.15s infinite !important;
}

.s24-remiza-widget .j24s24-status-badge.j24s24-badge-pilne::before {
  content: "!" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  color: #ffffff !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  animation: s24-status-mark-pulse 1.15s ease-in-out infinite !important;
}

.s24-remiza-widget .j24s24-status-badge.j24s24-badge-aktualizacja::before {
  content: "+" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  color: #ffffff !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  animation: s24-status-mark-pulse 1.15s ease-in-out infinite !important;
}

/* formalne w Remizie - prawy dół */

.s24-remiza-widget .j24s24-status-badge:is(.j24s24-badge-reklama,.j24s24-badge-artykul-sponsorowany,.j24s24-badge-material-partnera,.j24s24-badge-promocja,.j24s24-badge-patronat,.j24s24-badge-komunikat,.j24s24-badge-nasz-temat,.j24s24-badge-tylko-u-nas,.j24s24-badge-premium,.j24s24-badge-material-premium,.j24s24-badge-wywiad) {
  position: absolute !important;
  left: auto !important;
  right: 8px !important;
  top: auto !important;
  bottom: 8px !important;
  z-index: 70 !important;
}

/* dolne małe kafle Remizy */

.s24-remiza-widget .small-card .s24-osp-badges {
  top: 8px !important;
  left: 8px !important;
  right: auto !important;
  gap: 4px !important;
  z-index: 60 !important;
}

.s24-remiza-widget .small-card .s24-osp-badge {
  font-size: var(--s24-remiza-small-osp-font) !important;
  padding: var(--s24-remiza-small-osp-padding-y) var(--s24-remiza-small-osp-padding-x) !important;
}

.s24-remiza-widget .small-card .j24s24-status-badge:is(.j24s24-badge-wideo,.j24s24-badge-galeria,.j24s24-badge-audio,.j24s24-badge-podcast,.j24s24-badge-podkast,.j24s24-badge-live,.j24s24-badge-pilne,.j24s24-badge-aktualizacja) {
  right: var(--s24-remiza-small-icon-right) !important;
  top: var(--s24-remiza-small-icon-top) !important;
  width: var(--s24-remiza-small-icon-bg) !important;
  height: var(--s24-remiza-small-icon-bg) !important;
  min-width: var(--s24-remiza-small-icon-bg) !important;
  min-height: var(--s24-remiza-small-icon-bg) !important;
}

.s24-remiza-widget .small-card .j24s24-status-badge:is(.j24s24-badge-wideo,.j24s24-badge-galeria,.j24s24-badge-audio,.j24s24-badge-podcast,.j24s24-badge-podkast)::before {
  width: var(--s24-remiza-small-icon-svg) !important;
  height: var(--s24-remiza-small-icon-svg) !important;
  transform: translate(var(--s24-remiza-small-icon-svg-x), var(--s24-remiza-small-icon-svg-y)) !important;
}

.s24-remiza-widget .small-card .j24s24-status-badge:is(.j24s24-badge-reklama,.j24s24-badge-artykul-sponsorowany,.j24s24-badge-material-partnera,.j24s24-badge-promocja,.j24s24-badge-patronat,.j24s24-badge-komunikat,.j24s24-badge-nasz-temat,.j24s24-badge-tylko-u-nas,.j24s24-badge-premium,.j24s24-badge-material-premium,.j24s24-badge-wywiad) {
  right: 8px !important;
  bottom: 8px !important;
  font-size: var(--s24-remiza-small-formal-font) !important;
  padding: var(--s24-remiza-small-formal-padding-y) var(--s24-remiza-small-formal-padding-x) !important;
}

/* =====================================================
   12. MOBILE
===================================================== */

@media (max-width: 768px) {
  .j24s24-badge-overlay,
  .cm_banner .post_thumb .j24s24-status-badge,
  .banner-area .post_thumb .j24s24-status-badge,
  .cm_banner-five .post_thumb .j24s24-status-badge,
  .j24s24-bg-thumb-has-badge .j24s24-status-badge {
    left: 8px !important;
    top: 8px !important;
  }

  .j24s24-badge-overlay.j24s24-badge-wideo,
  .j24s24-badge-overlay.j24s24-badge-galeria,
  .j24s24-badge-overlay.j24s24-badge-audio,
  .j24s24-badge-overlay.j24s24-badge-podcast,
  .j24s24-badge-overlay.j24s24-badge-podkast {
    padding: 5px 7px !important;
    font-size: 10px !important;
  }

  .j24s24-badge-reklama,
  .j24s24-badge-artykul-sponsorowany,
  .j24s24-badge-material-partnera,
  .j24s24-badge-promocja,
  .j24s24-badge-patronat,
  .j24s24-badge-komunikat,
  .j24s24-badge-formal,
  .j24s24-badge-nasz-temat,
  .j24s24-badge-tylko-u-nas,
  .j24s24-badge-premium,
  .j24s24-badge-material-premium,
  .j24s24-badge-wywiad {
    font-size: 8.5px !important;
    padding: 4px 6px !important;
  }

  .j24-cbo-left-stack,
  .j24-home-split .j24-location-badges,
  .j24-home-split .j24-school-badges,
  .j24-home-split .j24-region-thumb-badges,
  .s24-alarm-home-split .s24-location-badges,
  .s24-alarm-home-split .s24-osp-badges {
    left: 8px !important;
    top: 8px !important;
    right: auto !important;
    gap: 4px !important;
    max-width: calc(100% - 46px) !important;
  }

  .j24-cbo-formal-badge {
    font-size: 8px !important;
    padding: 4px 6px !important;
  }

  .j24-cbo-media-stack,
  .j24-cbo-right-badge {
    right: 8px !important;
    top: 8px !important;
  }

  .j24-cbo-media-icon,
  .j24-media-icon,
  .j24-cbo-right-badge {
    width: 23px !important;
    height: 23px !important;
    min-width: 23px !important;
    min-height: 23px !important;
  }

  .j24-cbo-media-icon svg,
  .j24-media-icon svg {
    width: 17px !important;
    height: 17px !important;
  }

  .j24-box-inline-media-icons {
    gap: 4px !important;
    margin-right: 6px !important;
    transform: translateY(-0.5px);
  }

  .j24-box-inline-media-icon,
  .j24-box-inline-media-icon svg {
    width: 13px !important;
    height: 13px !important;
  }

  .s24-remiza-widget .j24s24-status-badge:is(.j24s24-badge-wideo,.j24s24-badge-galeria,.j24s24-badge-audio,.j24s24-badge-podcast,.j24s24-badge-podkast,.j24s24-badge-live,.j24s24-badge-pilne,.j24s24-badge-aktualizacja) {
    right: 8px !important;
    top: 8px !important;
    width: 21px !important;
    height: 21px !important;
    min-width: 21px !important;
    min-height: 21px !important;
  }

  .archive .s24-date-badge,
  .category .s24-date-badge,
  .blog .s24-date-badge,
  .search .s24-date-badge {
    left: 8px !important;
    bottom: 8px !important;
    padding: 5px 9px !important;
    font-size: 11px !important;
  }
}
/* S24 - box obserwowania Facebooka pod artykułem */

.s24-facebook-follow-box {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 26px 0 28px;
  padding: 18px 20px;
  border: 1px solid rgba(253, 189, 35, 0.38);
  border-left: 5px solid #fdbd23;
  border-radius: 10px;
  background: #f5f9f1;
  box-shadow: 0 2px 10px rgba(0,0,0,0.04);
}

.s24-facebook-follow-icon {
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fdbd23;
  color: #111;
  font-size: 32px;
  line-height: 46px;
  font-family: Arial, sans-serif;
  font-weight: 800;
  text-align: center;
}

.s24-facebook-follow-text {
  flex: 1 1 auto;
  min-width: 0;
}

.s24-facebook-follow-text strong {
  display: block;
  margin-bottom: 4px;
  color: #111;
  font-size: 18px;
  line-height: 1.25;
}

.s24-facebook-follow-text span {
  display: block;
  color: #333;
  font-size: 15px;
  line-height: 1.45;
}

.s24-facebook-follow-button {
  flex: 0 0 auto;
  display: inline-block;
  padding: 10px 15px;
  border-radius: 999px;
  background: #fdbd23;
  color: #111 !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none !important;
  white-space: nowrap;
}

.s24-facebook-follow-button:hover,
.s24-facebook-follow-button:focus {
  background: #d99a00;
  color: #111 !important;
}

@media (max-width: 767px) {
  .s24-facebook-follow-box {
    display: block;
    text-align: center;
    padding: 18px 16px;
  }

  .s24-facebook-follow-icon {
    margin: 0 auto 10px;
  }

  .s24-facebook-follow-button {
    margin-top: 14px;
  }
}
/* =====================================================
   S24 - breadcrumb na stronie autora
   /author/redakcja/
===================================================== */

.author .s24-author-breadcrumb,
.archive.author .s24-author-breadcrumb,
.s24-author-breadcrumb {
  position: relative !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 30px 0 28px !important;
  padding: 7px 20px !important;
  background: #f7f7f7 !important;
  color: #111111 !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  border: 0 !important;
}

.author .s24-author-breadcrumb::after,
.archive.author .s24-author-breadcrumb::after,
.s24-author-breadcrumb::after {
  content: "";
  position: absolute;
  left: 34px;
  bottom: -18px;
  width: 0;
  height: 0;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-top: 18px solid #f7f7f7;
}

.s24-author-breadcrumb a {
  color: #d99a00 !important;
  text-decoration: none !important;
}

.s24-author-breadcrumb a:hover {
  color: #fdbd23 !important;
  text-decoration: underline !important;
}

.s24-author-breadcrumb-separator {
  margin: 0 8px;
  color: #111111;
}

.s24-author-breadcrumb-current {
  color: #111111;
}

@media (max-width: 767px) {
  .author .s24-author-breadcrumb,
  .archive.author .s24-author-breadcrumb,
  .s24-author-breadcrumb {
    margin: 26px 0 32px !important;
    padding: 16px 18px !important;
    font-size: 16px !important;
  }

  .author .s24-author-breadcrumb::after,
  .archive.author .s24-author-breadcrumb::after,
  .s24-author-breadcrumb::after {
    left: 22px;
    bottom: -14px;
    border-left-width: 14px;
    border-right-width: 14px;
    border-top-width: 14px;
  }
}