/**
Theme Name: UJCM 2026 strona podjednostki
Author: Ośrodek Komputerowy UJ CM
Author URI: https://ok.cm-uj.krakow.pl
Description: Grafika strony UJ CM 2026 strona podjednostki.
Version: 1.0.20260119
License: © Uniwersytet Jagielloński - Collegium Medicum. All rights reserved
Text Domain: cmuj-podjednostka-2026
Template: astra
*/

/* blok lazy box */

.cm-image-link {
    display: inline-block;
    text-decoration: none;
    color: inherit;
  }
  
  .wp-block-lazyblock-cm-box {
    width: calc(50% - 15px);
     display: inline-block;
     padding: 0px;
	 margin-bottom: 22px;}

  .wp-block-lazyblock-cm-box:nth-child(2n+1) { margin-right: 22px; }
    .wp-block-lazyblock-cm-box:nth-child(2n) { margin-right: 0px; }

.cm-center {
    display: flex;
    flex-direction: column;
    align-items: center;   /* poziome centrowanie */
    justify-content: flex-start; /* pion zostaje normalny */
    width: auto;           /* kluczowe – NIE 100% */
}

.cm-image-container {
    width: 100%;
    max-width: 520px;
    aspect-ratio: 3 / 2;   /* wymusza stałą wysokość */
    overflow: hidden;
    position: relative;
    border-top: solid 2px #E0E5EA;
  }

  .cm-top-bar {
    background-color: #F0F5FA;
    color: #00519e;
    font-weight:400;
    text-align: left;
    padding: 10px 10px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  
  .cm-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease-in-out;
    padding-top: 40px;
  }
  
  .cm-image-container:hover img {
    transform: scale(1.1);
  }
  
  @media (max-width: 768px) {
    .wp-block-lazyblock-cm-box {
        width: 100%;
        height:auto;
        display: block;
        text-align:center;
    }
  }  


/* koniec blok lazy box */


/* blok lazy lista stała */

.cm-margines-dol-2pol {padding-bottom:10px;}

a.cm-boks, a.cm-boks:hover, a.cm-boks:link, a.cm-boks:focus {color: #000; font-size: 1.3rem; text-decoration: none;}
.cm-boks_obramowka {width: 100%; border: 1px solid #e0e0e0; border-top: 3px solid #C7AC89; color: #000; padding: 16px;}
.cm-boks_obramowka:hover {background:#F0F5FA;}


@media (max-width: 479px) {
a.cm-boks, a.cm-boks:hover, a.cm-boks:link, a.cm-boks:focus {font-size: 1.1rem;}
.cm-boks_obramowka {padding: 10px;}
}
	
@media (max-width: 599px) and (min-width: 480px){
a.cm-boks, a.cm-boks:hover, a.cm-boks:link, a.cm-boks:focus {font-size: 1.1rem;}
.cm-boks_obramowka {padding: 10px;}
}
	
@media (max-width: 767px) and (min-width: 600px) {
a.cm-boks, a.cm-boks:hover, a.cm-boks:link, a.cm-boks:focus {font-size: 1.1rem;}
.cm-boks_obramowka {padding: 10px;}
}

/* koniec blok lazy lista stała */

/* blok lazy przycisk boczny */

.cm-margines-dol-2pol-p {margin-bottom:10px;}

a.cm-przycisk, a.cm-przycisk:hover, a.cm-przycisk:link, a.cm-przycisk:focus {color: #FFF; font-size: 1rem; text-decoration: none;}
.cm-przycisk_obramowka {width: 100%; border: 1px solid #e0e0e0; border-top: 3px solid #C7AC89; color: #FFF; padding: 16px;}
.cm-przycisk_obramowka {background:#00519e;}
.cm-przycisk_obramowka:hover {background:#0065B8;}

@media (max-width: 479px) {
a.cm-przycisk, a.cm-przycisk:hover, a.cm-przycisk:link, a.cm-przycisk:focus {font-size: 0.9rem;}
.cm-przycisk_obramowka {padding: 8px;}
}
	
@media (max-width: 599px) and (min-width: 480px){
a.cm-przycisk, a.cm-przycisk:hover, a.cm-przycisk:link, a.cm-przycisk:focus {font-size: 0.9rem;}
.cm-przycisk_obramowka {padding: 8px;}
}
	
@media (max-width: 767px) and (min-width: 600px) {
a.cm-przycisk, a.cm-przycisk:hover, a.cm-przycisk:link, a.cm-przycisk:focus {font-size: 0.9rem;}
.cm-przycisk_obramowka {padding: 8px;}
}

/* koniec blok lazy przycisk boczny */

/* blok lazy lista rozwijana */

.cm-accordion-item {
    width: 100%;
    background-color: #FFF;
    border: 1px solid #e0e0e0;
    border-top: 3px solid #C7AC89;
    cursor: pointer;
    text-decoration: none;
    color: #000000;
    font-size: 1.3rem; 
    display: block;
    padding: 16px;
   /* position: relative;*/
    }

a.cm-accordion-item, a.cm-accordion-item:hover, a.cm-accordion-item:link, a.cm-accordion-item:focus {
    text-decoration: none;
    color: #000000;
    font-size: 1.3rem; 
}

.cm-accordion-item:hover {
    background-color: #F0F5FA;
    }

.cm-accordion-item:focus + .cm-accordion-content,
 .cm-accordion-content:focus {
   display: block;
    }
.cm-accordion-item:after {
    content: '\276F'; /* strzałka w prawo */
    position: absolute;
    right: 10px;
    color: rgba(199, 172, 137, 1);
    }
.cm-accordion-item:focus:after {
    content: '\2335'; /* strzałka w dół */
    color: rgba(199, 172, 137, 1);    
        text-shadow: 0.03em 0 0 currentColor, -0.03em 0 0 currentColor;
    }
.cm-accordion-content {
    display: none;
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid #e0e0e0;
    border-top: 3px solid #F5F5F5;
    }
    
@media (max-width: 479px) {
.cm-accordion-item {font-size: 1.1rem; padding: 10px;}
a.cm-accordion-item, a.cm-accordion-item:hover, a.cm-accordion-item:link, a.cm-accordion-item:focus {
    font-size: 1.1rem; 
}
}
	
@media (max-width: 599px) and (min-width: 480px){
.cm-accordion-item {font-size: 1.1rem; padding: 10px;}
a.cm-accordion-item, a.cm-accordion-item:hover, a.cm-accordion-item:link, a.cm-accordion-item:focus {
    font-size: 1.1rem; 
}
}
	
@media (max-width: 767px) and (min-width: 600px) {
.cm-accordion-item {font-size: 1.1rem; padding: 10px;}
a.cm-accordion-item, a.cm-accordion-item:hover, a.cm-accordion-item:link, a.cm-accordion-item:focus {
    font-size: 1.1rem; 
}
}

/* koniec blok lazy lista rozwijana */

/* --- Minimalistyczna lista linków ze strzałką --- */
.cm-lista {
    margin: 0;
    padding: 0;
}
/* --- Linki --- */
.cm-lista-item-2 {
    display: block;
    font-size: 18px;
    color: #00519e;
    text-decoration: none;
    position: relative;
    font-weight: 300;
    /* poprawna wysokość tekstu */
    line-height: 25.2px;
    /* miejsce na strzałkę */
    padding-left: 16px;
    margin: 0 !important;
}
.cm-lista-item-2:hover {
    color: #062E4E;
}
/* strzałka */
.cm-lista-arrow-2 {
    position: absolute;
    left: 0;
    top: 0px;
    transform: none;
    color: #C7AC89;
    font-size: 15px;
}
.cm-lista-arrow-2:before {
    content: '\276F';
}
/* odstęp między linkami w jednym bloku */
.cm-lista-item-2 + .cm-lista-item-2 {
    margin-top: 2px !important;
}
/* --- USUNIĘCIE WSZYSTKICH ODSTĘPÓW BLOKU LAZYBLOCKS --- */
/* główny wrapper bloku */
.wp-block-lazyblock-cm-boczna-lista {
    margin: 0 !important;
    padding: 0 !important;
}
/* WP dodaje marginesy do .wp-block */
.wp-block-lazyblock-cm-boczna-lista.wp-block {
    margin: 0 !important;
    padding: 0 !important;
}
/* LazyBlocks dodaje wrappery wewnętrzne */
.wp-block-lazyblock-cm-boczna-lista > div {
    margin: 0 !important;
    padding: 0 !important;
}
.wp-block-lazyblock-cm-boczna-lista > div > div {
    margin: 0 !important;
    padding: 0 !important;
}
/* --- Mobile --- */
@media (max-width: 479px) {
    .cm-lista-item-2 {
        font-size: 16px;
        line-height: 22px;
    }
}
/* --- koniec Minimalistyczna lista linków ze strzałką --- */

/* --- CM boczny tytuł --- */
.cm-boczny-tytul {
    font-size: 20px;
    font-weight: 400;
    color: #00519e;
    margin: 0;
    padding: 0 0 5px 0; /* mały odstęp nad linią */
    line-height: 25.2px;
}
.cm-boczny-tytul-linia {
    width: 100%;
    height: 1px;
    background-color: #C7AC89;
    margin: 0 0 0 0; /* odstęp pod linią */
}
.cm-boczny-tytul-linia-odstep {
    font-size: 5px; /* odstęp pod linią */
}
/* usuwa marginesy między blokami Lazy Blocks */
.wp-block-lazyblock-cm-boczna-lista {
    margin: 0 !important;
    padding: 0 !important;
}
/* --- koniec CM boczny tytuł --- */

/* --- Shortcode pobierania przyciskow z menu --- */
/* --- Wrapper listy --- */
.cm-lista-ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
/* --- Element listy --- */
.cm-lista-li-1 {
    margin: 0;
    padding: 0;
}
/* --- Link z ikoną --- */
.cm-lista-item-1 {
    display: block;
    font-size: 18px;
    color: #00519e;
    text-decoration: none;
    position: relative;
    font-weight: 300;
    padding-left: 16px;
    line-height: 25.2px;
    margin: 0;
}
.cm-lista-item-1:hover {
    color: #062E4E;
}
/* --- Strzałka --- */
.cm-lista-arrow-1 {
    position: absolute;
    left: 0;
    top: 0px;
    transform: none;
    color: #C7AC89;
    font-size: 15px;
}
.cm-lista-arrow-1:before {
    content: '\276F';
}
/* Odstęp między elementami */
.cm-lista-li-1 + .cm-lista-li-1 {
    margin-top: 4px;
}
/* Mobile */
@media (max-width: 479px) {
    .cm-lista-item-1 {
        font-size: 16px;
        line-height: 25.2px;
    }
}
/* --- Tytuł boczny --- */
.cm-boczny-tytul-1 {
    font-size: 20px;
    font-weight: 400;
    color: #00519e;
    margin: 0;
    padding: 0 0 1px 0;
    line-height: 25.2px;
}
.cm-boczny-tytul-linia-1 {
    width: 100%;
    height: 1px;
    background-color: #C7AC89;
    margin: 0 0 7px 0;
}
/* --- Lazy Blocks spacing fix --- */
.wp-block-lazyblock-cm-boczna-lista-menu {
    margin: 0 !important;
    padding: 0 !important;
}
.wp-block-lazyblock-cm-boczna-lista-menu .cm-lista-ul {
    margin: 0 !important;
    padding: 0 !important;
}
/* --- koniec Shortcode pobierania przyciskow z menu --- */

.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {
  line-height: 20px !important;
}

.loga-naglowek {
  display: flex;
  flex-wrap: nowrap; /* Zapobiega przenoszeniu obrazków jeden pod drugi */
 align-items: center; /* Wyrównanie w pionie */
  gap: 0px; /* Odstęp między obrazkami */
}

@media (max-width: 480px) {
  .loga-naglowek {
flex-wrap: wrap;/* Dopuszcza przenoszenie obrazków w razie potrzeby */
    justify-content: center; /* Wyśrodkowanie obrazków na mniejszych ekranach */
  }
}

/* ukrycie w panelu w wersji graficznej na czarnym pasku u góry widget i astra i Utwórz */
#wp-admin-bar-widgets, /* Ukrywa rozwijany widget nazwy strony */
/*#wp-admin-bar-new-content,*//* Ukrywa przycisk "Utwórz" */
#wp-admin-bar-new-spectra-popup, /* Ukrywa Spectra Popup */
#wp-admin-bar-new-astra-advanced-hook, /* Ukrywa Astra Site builder */
#wp-admin-bar-astra-advanced-layouts { /* Ukrywa ikonę Astra */
    display: none !important;
}

.stopkalink {color:#FFF;}
.stopkalink:hover {color:#D1D5DB;}

.loga-stopka-1 {margin-right: 10px;}
@media (max-width: 480px) {
  .loga-stopka-1 {margin-right: 0px;}
}
.loga-stopka-2 {margin-left: 10px;}
@media (max-width: 480px) {
  .loga-stopka-2 {margin-left: 0px;}
}
.ast-footer-social-wrap {
    border-bottom: 1px solid #C7AC89;
    padding-bottom: 30px;
    margin-bottom: 15px;
}


/* dodatkowe style */

.ast-single-post .entry-content a {text-decoration: none;}

/* Wyłączenie automatycznej zmiany liter w submenu */
.main-header-menu .sub-menu a {
    text-transform: none !important;
}

/* W głównym menu wyłączenie automatycznej zmiany liter */
/*
.main-header-menu > .menu-item > a {
    text-transform: none !important;
} 
*/
/* usuniecie strzalki  z menu gornego */
/*
.ast-header-navigation-arrow,
.ast-menu-toggle .ast-icon.icon-arrow {
    display: none !important;
}
*/
/* koniec usuniecie strzalki  z menu gornego */

/* powiekszanie buttona po najechaniu myszką, na głónej stronie */
.button-w10 {transition: transform 0.2s ease, background-color 0.2s ease;}
.button-w10:hover {transform: scale(1.1); /* powiększenie o 10% */}
/* koniec powiekszanie buttona po najechaniu myszką */

/* post grid - w tablecie zdjecie nad trescia przy zaznaczonej opcji: Enable Left Right Position */
/* Dla tabletów i telefonów – obrazek nad treścią */
@media (max-width: 1024px) {
  .tab-glowna .uagb-post__inner-wrap {flex-direction: column !important;}
  .tab-glowna .uagb-post__image {width: 100% !important;} 
}
/* koniec post grid - w tablecie zdjecie nad trescia przy zaznaczonej opcji: Enable Left Right Position */

/* obrazek na liście post grid, gdy Enable Left Right Position NIE JEST WCISNIETY, czyli jedna kolumna */


.obrazek-3-2 .uagb-image-ratio-inherit {
    padding-bottom: 0 !important;
    height: auto !important;
    display: block !important;
    position: static !important;
}
.obrazek-3-2 .uagb-post__image img {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
.obrazek-3-2 .uagb-post__image {
   margin-bottom: 15px !important;
   position: relative;
    overflow: hidden;
}
.obrazek-3-2 .uagb-post__image::before {
    content: "";
    padding-top: calc(100% * 2 / 3); 
}
/* 5. Mobile – usunięcie dodatkowych paddingów UAGB */
@media (min-width: 520px) and (max-width: 767px) {
    .obrazek-3-2 .uagb-post__image {
        height: 280px !important;
        overflow: hidden !important;
        margin-bottom: 15px !important;
        position: relative !important;
    }
    .obrazek-3-2 .uagb-post__image img {
        height: 280px !important;
        width: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }
    .obrazek-3-2 .uagb-post__image::before {
        display: none !important; /* wyłączamy proporcję */
    }
     .obrazek-3-2 .uag-post-grid-wrapper {
        margin-top: 0 !important;
        padding-top: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
@media (max-width: 520px) {
    .obrazek-3-2 .uag-post-grid-wrapper {
        margin-top: 0 !important;
        padding-top: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    /* Mobile – zdjęcie ma być równe, więc 3:2 zostaje */
    .obrazek-3-2 .uagb-post__image {
        margin-bottom: 15px !important;
    }
}

/* koniec obrazek na liście post grid, gdy Enable Left Right Position NIE JEST WCISNIETY, czyli jedna kolumna */

/* --- obrazek na liście post grid, gdy Enable Left Right Position JEST WCISNIETY, czyli kilka kolumn --- */
/* ================================
   1) DESKTOP (≥ 768 px) — 3:2
   ================================ */
@media (min-width: 768px) {

.obrazek-kol-3-2 .uagb-image-ratio-2-3 {
    padding-bottom: 0 !important;
    height: auto !important;
    display: block !important;
    position: static !important;
}
    .obrazek-kol-3-2 .uagb-post__image {
        position: relative;
        overflow: hidden;
        margin-bottom: 15px;
    }
    .obrazek-kol-3-2 .uagb-post__image::before {
        content: "";
        display: block;
        padding-top: calc(100% * 2 / 3); 
    }
    .obrazek-kol-3-2 .uagb-post__image img {
        position: absolute !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

/* ==========================================
   2) TABLET / MID (520–767 px) — 280 px
   ========================================== */
@media (min-width: 520px) and (max-width: 767px) {

    .obrazek-kol-3-2 .uagb-post__image {
        height: 280px !important;
        overflow: hidden;
        margin-bottom: 15px;
        position: relative;
    }
    .obrazek-kol-3-2 .uagb-post__image img {
        height: 280px !important;
        width: 100%;
        object-fit: cover;
        object-position: center;
    }
}
/* ==========================================
   3) MOBILE (≤ 520 px) — 3:2
   ========================================== */
@media (max-width: 520px) {

    /* Wyłączenie ratio UAGB */
    .obrazek-kol-3-2 .uagb-image-ratio-2-3 {
        padding-bottom: 0 !important;
        height: auto !important;
        display: block !important;
        position: static !important;
    }
    /* Kontener 3:2 */
    .obrazek-kol-3-2 .uagb-post__image {
        position: relative !important;
        overflow: hidden !important;
        margin-bottom: 15px !important;
    }
    .obrazek-kol-3-2 .uagb-post__image::before {
        content: "";
        display: block;
        padding-top: calc(100% * 2 / 3); /* 3:2 */
    }
    /* Obrazek */
    .obrazek-kol-3-2 .uagb-post__image img {
        position: absolute !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
/* --- koniec obrazek na liście post grid, gdy Enable Left Right Position JEST WCISNIETY, czyli kilka kolumn  --- */

/* ---------------------- zamiast read more ------------------------- */
/* Ukrywa tekst i usuwa styl przycisku */
.ikona-glowna .uagb-post__cta a {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  display: flex;
  align-items: center;       
  justify-content: space-between; 
  width: 100%;               
}
/* Linia */
.ikona-glowna .uagb-post__cta a::before {
  content: "";
  flex-grow: 1;       
  height: 1px !important; 
  line-height: 0 !important;   
  background-color: #00519e; 
  margin-right: 8px;         
  transition: background-color 0.3s ease; /* płynne przejście koloru */
}
/* Strzałka SVG – kolor bazowy */
.ikona-glowna .uagb-post__cta a::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: no-repeat center/contain 
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%2300519e'><path d='M438.6 278.6l-160 160C272.4 444.9 264.2 448 256 448s-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L338.8 288H32C14.33 288 .0016 273.7 .0016 256S14.33 224 32 224h306.8l-105.4-105.4c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160C451.1 245.9 451.1 266.1 438.6 278.6z'/></svg>");
  transition: background 0.3s ease; /* płynne przejście koloru */
}
/* Hover – zmiana koloru linii i strzałki */
.ikona-glowna .uagb-post__cta a:hover::before {
  background-color: #C7AC89;
}
.ikona-glowna .uagb-post__cta a:hover::after {
  background: no-repeat center/contain 
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23C7AC89'><path d='M438.6 278.6l-160 160C272.4 444.9 264.2 448 256 448s-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L338.8 288H32C14.33 288 .0016 273.7 .0016 256S14.33 224 32 224h306.8l-105.4-105.4c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160C451.1 245.9 451.1 266.1 438.6 278.6z'/></svg>");
}
/* Ustawia odstęp 60px między zajawką a strzałką */
.ikona-glowna .uagb-post__excerpt {
  margin-bottom: -40px; /* odstęp nad linkiem/ikoną Read More */
}

.ikona-glowna1 .uagb-post__cta a {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
/* Strzałka SVG – kolor bazowy */
.ikona-glowna1 .uagb-post__cta a::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat center/contain 
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%2300519e'><path d='M438.6 278.6l-160 160C272.4 444.9 264.2 448 256 448s-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L338.8 288H32C14.33 288 .0016 273.7 .0016 256S14.33 224 32 224h306.8l-105.4-105.4c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160C451.1 245.9 451.1 266.1 438.6 278.6z'/></svg>");
  transition: background 0.3s ease; /* płynne przejście */
}
/* Hover – zmiana koloru strzałki */
.ikona-glowna1 .uagb-post__cta a:hover::after {
  background: no-repeat center/contain 
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23C7AC89'><path d='M438.6 278.6l-160 160C272.4 444.9 264.2 448 256 448s-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L338.8 288H32C14.33 288 .0016 273.7 .0016 256S14.33 224 32 224h306.8l-105.4-105.4c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160C451.1 245.9 451.1 266.1 438.6 278.6z'/></svg>");
}
/* Ustawia odstęp 40px między zajawką a strzałką */
.ikona-glowna1 .uagb-post__excerpt {
  margin-bottom: -40px; /* odstęp nad linkiem/ikoną Read More */
}

.ikona-glowna2 .uagb-post__cta a {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  display: flex;
  align-items: center;       
  justify-content: space-between; 
  width: 100%;               
}
/* Linia */
.ikona-glowna2 .uagb-post__cta a::before {
  content: "";
  flex-grow: 1;              
  height: 1px !important; 
  line-height: 0 !important;              
  background-color: #FFFFFF; 
  margin-right: 8px;         
  transition: background-color 0.3s ease; /* płynne przejście koloru */
}
/* Strzałka SVG - kolor bazowy */
.ikona-glowna2 .uagb-post__cta a::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: no-repeat center/contain 
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23FFFFFF'><path d='M438.6 278.6l-160 160C272.4 444.9 264.2 448 256 448s-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L338.8 288H32C14.33 288 .0016 273.7 .0016 256S14.33 224 32 224h306.8l-105.4-105.4c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160C451.1 245.9 451.1 266.1 438.6 278.6z'/></svg>");
  transition: background 0.3s ease; /* płynne przejście koloru */
}
/* Hover - zmiana koloru linii i strzałki */
.ikona-glowna2 .uagb-post__cta a:hover::before {
  background-color: #C7AC89;
}
.ikona-glowna2 .uagb-post__cta a:hover::after {
  background: no-repeat center/contain 
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23C7AC89'><path d='M438.6 278.6l-160 160C272.4 444.9 264.2 448 256 448s-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L338.8 288H32C14.33 288 .0016 273.7 .0016 256S14.33 224 32 224h306.8l-105.4-105.4c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160C451.1 245.9 451.1 266.1 438.6 278.6z'/></svg>");
}
/* Ustawia odstęp 40px między zajawką a strzałką */
.ikona-glowna2 .uagb-post__excerpt {
  margin-bottom: -40px; /* odstęp nad linkiem/ikoną Read More */
}
/* ---------------------- koniec zamiast read more ------------------------- */

/*  POBIERANIE Aktualności z CM - cm_aktualnosci_boxy - z linia i strzalka na koncu */

/* GRID – 3 kolumny */
.cm-aktualnosci-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 20px;
}
/* KAFEL */
.cm-aktualnosc {
    display: flex; 
    flex-direction: column; 
    height: 100%;
    color: inherit;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    transition: transform .2s, box-shadow .2s;
}
.cm-aktualnosc:hover {
    transform: none;
    box-shadow: none;
}
/* OBRAZEK */
.cm-aktualnosc-img img {
    width: 100%;
    height: 255px;
    object-fit: cover;
    object-position: top;
    display: block;
}
/* TREŚĆ – FLEX, aby CTA było na dole */
.cm-aktualnosc-content {
    padding: 15px 0px 10px;
    display: flex;
    flex-direction: column;
    height: 100%;
    flex-grow: 1;
}
/* Tekst wypycha CTA na dół */
.cm-aktualnosc-text {
    flex-grow: 1;
}
/* TYTUŁ */
.cm-aktualnosc-content h3 {
    font-size: 20px;
    margin: 0 0 5px;
    line-height: 24px;
    font-weight: 400;
    color: #00519e;
}
.cm-aktualnosc-content h3 a {
    color: inherit;
    text-decoration: none;
}
/* DATA */
.cm-aktualnosc-date {
    font-size: 14px;
    color: #ACACAC;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 23px;
}
.cm-aktualnosc-date::before {
    content: "\f508";
    font-family: "dashicons";
    font-size: 16px;
    color: #ACACAC;
}
/* ZAJAWKA */
.cm-aktualnosc p {
    font-size: 18px;
    color: #444;
    font-weight: 300;
    margin: 0 0 15px;
    line-height: 25.2px;
}
/* CTA – linia + strzałka na dole */
.cm-aktualnosc-cta {
    margin-top: 10px;
}
.cm-aktualnosc-cta a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 28px;
    width: 100%;
    text-decoration: none;
}

/* --- NOWA STRZAŁKA SVG + LINIA (jak w .ikona-glowna) --- */

.cm-aktualnosc-cta a {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.cm-aktualnosc-cta a {
   /* min-height: 20px;*/
}

/* Linia */
.cm-aktualnosc-cta a::before {
    content: "";
    flex-grow: 1;
    height: 1px;
    background-color: #00519e;
    margin-right: 10px;
    transition: background-color 0.3s ease;
}

/* Strzałka SVG */
.cm-aktualnosc-cta a::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: no-repeat center/contain
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%2300519e'><path d='M438.6 278.6l-160 160C272.4 444.9 264.2 448 256 448s-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L338.8 288H32C14.33 288 .0016 273.7 .0016 256S14.33 224 32 224h306.8l-105.4-105.4c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160C451.1 245.9 451.1 266.1 438.6 278.6z'/></svg>");
    transition: background 0.3s ease;
}

/* Hover – zmiana koloru */
.cm-aktualnosc-cta a:hover::before {
    background-color: #C7AC89;
}

.cm-aktualnosc-cta a:hover::after {
    background: no-repeat center/contain
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23C7AC89'><path d='M438.6 278.6l-160 160C272.4 444.9 264.2 448 256 448s-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L338.8 288H32C14.33 288 .0016 273.7 .0016 256S14.33 224 32 224h306.8l-105.4-105.4c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160C451.1 245.9 451.1 266.1 438.6 278.6z'/></svg>");
}

/* TABLET */
@media (max-width: 991px) {
    .cm-aktualnosci-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .cm-aktualnosc p {
        font-size: 17px;
        line-height: 23.8px;
    }
}
/* TELEFON */
@media (max-width: 767px) {
    .cm-aktualnosci-grid {
        grid-template-columns: 1fr;
    }
    .cm-aktualnosc-img img {
        height: 300px;
        object-position: top;
    }
}
/* MAŁE TELEFONY */
@media (max-width: 453px) {
    .cm-aktualnosc p {
        font-size: 16px;
        line-height: 22.4px;
    }
}

/*  koniec POBIERANIE Aktualności z CM - cm_aktualnosci_boxy - z linia i strzalka na koncu */

/* POBIERANIE Aktualności z CM - cm_aktualnosci_boxy_1 */

/* GRID – 3 kolumny */
.cm-aktualnosci-grid_1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 20px;
}

/* KAFEL */
.cm-aktualnosc_1 {
    display: block;
    text-decoration: none;
    color: inherit;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    transition: transform .2s, box-shadow .2s;
}

.cm-aktualnosc_1:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

/* OBRAZEK */
.cm-aktualnosc-img_1 img {
    width: 100%;
    height: 255px;
    object-fit: cover;
    display: block;
}

/* TREŚĆ */
.cm-aktualnosc-content_1 {
    padding: 15px 10px;
	padding-bottom: 45px; /* odstęp nad strzałką */
}

/* DATA */
.cm-aktualnosc-date_1 {
    font-size: 14px;
    color: #ACACAC;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 23px;
}

/* Ikona kalendarza */
.cm-aktualnosc-date_1::before {
    content: "\f508";
    font-family: "dashicons";
    font-size: 16px;
    color: #ACACAC;
}

/* TYTUŁ */
.cm-aktualnosc_1 h3 {
    font-size: 20px;
    margin: 0 0 0px;
    line-height: 24px;
    font-weight: 400;
    color: #00519e;
}

/* ZAJAWKA */
.cm-aktualnosc_1 p {
    font-size: 18px;
    color: #444;
    font-weight: 300;
    margin: 0;
    line-height: 25.2px;
}

/* --- STRZAŁKA SVG W PRAWYM DOLNYM ROGU (bez linii) --- */

.cm-aktualnosc_1 {
    position: relative; /* potrzebne do pozycjonowania strzałki */
}

/* Strzałka SVG */
.cm-aktualnosc_1::after {
    content: "";
    position: absolute;
    right: 15px;   /* odstęp od prawej */
    bottom: 15px;  /* odstęp od dołu */
    width: 18px;
    height: 18px;
    background: no-repeat center/contain
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%2300519e'><path d='M438.6 278.6l-160 160C272.4 444.9 264.2 448 256 448s-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L338.8 288H32C14.33 288 .0016 273.7 .0016 256S14.33 224 32 224h306.8l-105.4-105.4c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160C451.1 245.9 451.1 266.1 438.6 278.6z'/></svg>");
    transition: background 0.3s ease;
}

/* Hover – zmiana koloru strzałki */
.cm-aktualnosc_1:hover::after {
    background: no-repeat center/contain
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23C7AC89'><path d='M438.6 278.6l-160 160C272.4 444.9 264.2 448 256 448s-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L338.8 288H32C14.33 288 .0016 273.7 .0016 256S14.33 224 32 224h306.8l-105.4-105.4c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160C451.1 245.9 451.1 266.1 438.6 278.6z'/></svg>");
}

/* TABLET */
@media (max-width: 991px) {
    .cm-aktualnosci-grid_1 {
        grid-template-columns: repeat(2, 1fr);
    }
    .cm-aktualnosc_1 p {
        font-size: 17px;
        line-height: 23.8px;
    }
}

/* TELEFON */
@media (max-width: 767px) {
    .cm-aktualnosci-grid_1 {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 453px) {
    .cm-aktualnosc_1 p {
        font-size: 16px;
        line-height: 22.4px;
    }
}

/* Lepsze kadrowanie na mobile */
@media (max-width: 767px) {
    .cm-aktualnosc-img_1 img {
        height: 300px;
        object-position: top;
    }
}

/* KONIEC POBIERANIE Aktualności z CM - cm_aktualnosci_boxy_1 */

/* POBIERANIE Kalendarium z CM - cm_kalendarium_boxy - z linia i strzalka na koncu */

/* GRID */
.cm-kalendarium-grid-kal {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 20px;
}
/* BOX */
.cm-kalendarium {
    display: flex;
    flex-direction: column;
    background: transparent;
    border-radius: 8px;
    overflow: hidden;
}
/* IMG */
.cm-kal-img img {
    width: 100%;
    height: 255px;
    object-fit: cover;
    object-position: top;
    display: block;
}
/* CONTENT */
.cm-kal-content {
    padding: 15px 0px 10px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
/* TEXT */
.cm-kal-text {
    flex-grow: 1;
}
/* TITLE */
.cm-kal-content h3 {
    font-size: 20px;
    margin: 0 0 5px;
    line-height: 24px;
    font-weight: 400;
    color: #ffffff;
}
.cm-kal-content h3 a {
    color: inherit;
    text-decoration: none;
}
/* DATE */
.cm-kal-date {
    font-size: 14px;
    color: #acafb5;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 23px;
}
.cm-kal-date::before {
    content: "\f508";
    font-family: "dashicons";
    font-size: 16px;
    color: #acafb5;
}
/* EXCERPT */
.cm-kalendarium p {
    font-size: 18px;
    color: #ffffff;
    font-weight: 300;
    margin: 0 0 15px;
    line-height: 25.2px;
}
/* CTA */

.cm-kal-cta {
    margin-top: 10px;
}
.cm-kal-cta a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 28px;
    width: 100%;
    text-decoration: none;
}

/* --- NOWA STRZAŁKA SVG + LINIA dla kalendarium --- */

.cm-kal-cta a {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

/* Linia */
.cm-kal-cta a::before {
    content: "";
    flex-grow: 1;
    height: 1px;
    background-color: #FFFFFF;
    margin-right: 10px;
    transition: background-color 0.3s ease;
}

/* Strzałka SVG – kolor biały */
.cm-kal-cta a::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: no-repeat center/contain
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23FFFFFF'><path d='M438.6 278.6l-160 160C272.4 444.9 264.2 448 256 448s-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L338.8 288H32C14.33 288 .0016 273.7 .0016 256S14.33 224 32 224h306.8l-105.4-105.4c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160C451.1 245.9 451.1 266.1 438.6 278.6z'/></svg>");
    transition: background 0.3s ease;
}

/* Hover – zmiana koloru */
.cm-kal-cta a:hover::before {
    background-color: #C7AC89;
}

.cm-kal-cta a:hover::after {
    background: no-repeat center/contain
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23C7AC89'><path d='M438.6 278.6l-160 160C272.4 444.9 264.2 448 256 448s-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L338.8 288H32C14.33 288 .0016 273.7 .0016 256S14.33 224 32 224h306.8l-105.4-105.4c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160C451.1 245.9 451.1 266.1 438.6 278.6z'/></svg>");
}

.cm-kal-cta a:hover ~ .cm-kal-date {
    color: #C7AC89;
}
/* RESPONSIVE */
@media (max-width: 991px) {
    .cm-kalendarium-grid-kal {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767px) {
    .cm-kalendarium-grid-kal {
        grid-template-columns: 1fr;
    }
    .cm-kal-img img {
        height: 300px;
    }
}

/* koniec POBIERANIE Kalendarium z CM - cm_kalendarium_boxy - z linia i strzalka na koncu */

/* POBIERANIE Kalendarium z CM - cm_kalendarium_boxy_1 */

.cm-kalendarium-grid-kal_1 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.cm-kalendarium_1 {
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.cm-kal-img_1 img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

.cm-kal-content_1 {
    padding: 15px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.cm-kal-content_1 h3 {
    font-size: 20px;
    color: #00519e;
    margin: 0 0 10px;
    line-height: 24px;
    font-weight: 500;
}

.cm-kal-content_1 h3 a {
    color: inherit;
    text-decoration: none;
}

.cm-kal-content_1 p {
    font-size: 16px;
    color: #333;
    margin: 0 0 20px;
    flex-grow: 1;
}

.cm-kal-date_1 {
    font-size: 14px;
    color: #808080;
    margin-top: auto;
	padding-top:15px;
    display: flex;
    align-items: center;
    gap: 6px;
    line-height: 23px;
}

/* Ikonka kalendarza */
.cm-kal-date_1::before {
    content: "\f508";
    font-family: "dashicons";
    font-size: 16px;
    color: #ACACAC;
}
@media (max-width: 991px) {
    .cm-kalendarium-grid-kal_1 {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767px) {
    .cm-kalendarium-grid-kal_1 {
        grid-template-columns: 1fr;
    }
}

/* koniec POBIERANIE Kalendarium z CM - cm_kalendarium_boxy_1 */

/* lista stron z dziećmi */
/* Usunięcie kropek z całej listy, także z poziomów zagnieżdżonych */
.cm-lista-dzieci,
.cm-lista-dzieci ul {
    list-style: none !important;
    margin: 0;
    padding: 0;
}
/* Podstawowy wygląd elementów listy */
.cm-lista-dzieci li {
    margin: 0.4em 0;
    padding: 0.4em 0.6em;
    border-left: 3px solid #C7AC89;
    background: rgba(240, 245, 250, 1);
    transition: background 0.2s ease;
}
.cm-lista-dzieci li ul li {
    border-left: 3px solid rgba(199, 172, 137, 0.5);
}
/* Linki */
.cm-lista-dzieci li a {
    text-decoration: none;
    color: #222;
    font-weight: 400;
}
.cm-lista-dzieci li ul li a {
    text-decoration: none;
    color: #222;
    font-weight: 300;
}
/* Hover */
.cm-lista-dzieci li:hover {
    background: rgba(233, 238, 244, 0.8);
}
/* Zagnieżdżone poziomy (dzieci, wnuki itd.) */
.cm-lista-dzieci li ul {
    margin-top: 0.4em;
    margin-left: 1.2em;
    padding-left: 1em;
    border-left: 1px dashed #C7AC89;
}
/* koniec lista stron z dziećmi */