/* 
Theme Name: Astra Child
Template: astra
Author: Maja
Version: 1.0
*/



/*** kolory ***/
:root {
    --color-light-blue: #cfe1ed;
    --color-green1: #e9ff95;
    --color-green2: #88aa00;
    --color-green3: #256521;
    --color-green4: #d3e97e;
    --color-green5: rgb(106, 147, 96);
    --color-green5-soft: #6a93604d;
    --color-green3-soft: #26652125;
    --color-beige: #F8EBD7;
    --color-beige2: #FFEDE6;
    --color-beige-soft: #f3f6f1;

    --ast-global-color-0: var(--color-green3) !important;
    --ast-global-color-1: var(--color-green2) !important;
    --e-global-color-astglobalcolor0: var(--color-green3);
    --e-global-color-astglobalcolor1: var(--color-green3);
    --e-global-color-astglobalcolor4: var(--color-beige);
    --e-global-color-bf807b0: var(--color-beige);

    --ast-global-color-2: #0F172A;
    --ast-global-color-3: #3A3A3A;
    --ast-global-color-5: #FFFFFF;
    --ast-global-color-6: #FFD1BF;
    --ast-global-color-7: #140609;
    --ast-global-color-8: #222222;

    --c-bg:       #fce8e3;
    --c-border:   #a8453a;
    --c-text:     #2c2a26;
    --c-label:    #a8453a;
    --c-btn-bg:   #a8453a;
    --c-btn-hov:  #8a3830;

    /* --- paleta uzupełniająca (wydzielona z wartości literalnych) --- */
    --color-white:        #fff;
    --color-white-55:     rgba(255, 255, 255, 0.55);
    --color-line:         #d9d4c7;   /* jasna linia / obramowania kart i tabel */
    --color-ink:          #2c2a26;   /* główny tekst (ciemny) */
    --color-ink-soft:     #5a5752;   /* tekst drugorzędny */
    --color-slate:        #2D3748;   /* tekst na pastelowych kafelkach */
    --color-gray-light:   #f5f5f5;
    --color-gray-line:    #e0e0e0;
    --color-gray-faint:   #fafafa;
    --color-beige-faint:  #F8EBD742; /* beż ~26% (box-white) */
    --color-green3-soft2: #26652136; /* zieleń 3 ~21% (ikona psycholog) */
    --color-green3-tint:  rgba(37, 101, 33, 0.12); /* zieleń 3 ~12% (hover menu mobilne) */
    --color-black-soft:   rgba(0, 0, 0, 0.06);

    /* pastelowe kafelki (box-nr / koncepcja-kierunki) */
    --color-pastel-1: #BDE0FE;
    --color-pastel-2: #FFF3B0;
    --color-pastel-3: #D4F1C5;
    --color-pastel-4: #FFD6E0;
    --color-pastel-5: #B5EAD7;
    --color-pastel-6: #FFE5B4;

    --grant-eu-blue:     #003399;
    --grant-eu-gold:       #FFCC00;
    --grant-crisis:      #a8453a;
    /* uzupełnienie palety grantu (były używane, ale niezdefiniowane) */
    --grant-green-mist:   #f3f6f1;
    --grant-line:         #d9d4c7;
    --grant-ink:          #2c2a26;
    --grant-ink-soft:     #5a5752;
    --grant-font-display: "Poppins", "Helvetica Neue", Arial, sans-serif;

    /* cienie (zawierają kolory rgba) */
    --shadow-card:       0 10px 20px rgba(0, 0, 0, .12), 0 3px 6px rgba(0, 0, 0, .08);
    --shadow-card-soft:  0 10px 20px rgba(0,0,0,.08), 0 3px 6px rgba(0,0,0,.06);
    --shadow-card-hover: 0 14px 28px rgba(61, 107, 74, 0.22), 0 6px 12px rgba(61, 107, 74, 0.12);
    --shadow-card-eu-hover: 0 14px 28px rgba(22, 43, 136, 0.22), 0 6px 12px rgba(16, 31, 165, 0.12);
    --shadow-table:      0 4px 12px rgba(40, 60, 50, .04);
    --shadow-tabs:       0 8px 30px rgba(40, 60, 50, 0.20);
    --shadow-tab-active: 0 8px 30px rgba(40, 60, 50, 0.1);
    --shadow-box-white:  5px 5px 15px 5px rgba(0, 0, 0, 0.07);
    --shadow-even:       0 0 18px rgba(0, 0, 0, 0.10); /* symetryczny, bez przesunięcia */
    --shadow-why:        40px 64px 160px -56px rgba(0, 0, 0, 0.23921568627450981);
  }



/* naglowki */
h1, .entry-content :where(h1), .entry-content :where(h1) a {
    font-size: 42px;
}

/* tekst */
.elementor-button span, h1, h2, h3, h4, h5, h6 {
    text-transform: none !important;
}

/** przyciski  **/
.jasny .elementor-button {
    background-color: var(--ast-global-color-5);
    border-color: var(--ast-global-color-0);
    color: var(--ast-global-color-0) !important;
}
.jasny .elementor-button:hover {
    background-color: var(--ast-global-color-0);
    color: var(--color-white) !important;
}


.przed-tytul {
  color: var(--color-green3) !important;
  letter-spacing: 1px;
}
.przed-tytul p {
  margin-bottom: 0em; 
}


.osoby .imie {
  color: var(--color-beige) !important;
  margin-bottom: 0.1em;
  font-size: 20px;
}
.osoby p {
  color: var(--ast-global-color-5);
  font-size: 13px;
  margin-top: 0.4em;
}
.osoby a {
  color: var(--color-beige);
  display: flex;
}
.osoby a span:first-of-type {
  width: 30%;
}
.osoby a span:last-of-type {
  width: 70%;
}


/**** 
TABELE SPECJALISCI 
****/
.specjalisci {
  width: 100%;
  border-collapse: collapse;
  background: var(--color-white);
  border: 1px solid var(--color-line);
  border-radius: 8px; overflow: hidden;
  box-shadow: var(--shadow-table);
  
}
.specjalisci th,
.specjalisci td {
  text-align: left; padding: 14px 20px;
  border-bottom: 1px solid var(--color-line);
  border-left: 0;
  border-right: 0;
  vertical-align: middle;
}
.specjalisci thead th {
  background: var( --color-beige-soft); 
  font-family: "Poppins", "Helvetica Neue", Arial, sans-serif;
  font-size: 12px; 
  letter-spacing: 1.2px; 
  text-transform: uppercase;
  color: var(--color-green3); 
  font-weight: 700; 
  border-bottom: 2px solid var(--ast-global-color-0);
}
.specjalisci tbody tr:last-child td { 
  border-bottom: none; 
}
.specjalisci tbody tr:hover { 
  background: var( --color-beige-soft); 
}
.specjalisci .imie {
  font-family: "Poppins", "Helvetica Neue", Arial, sans-serif; 
  font-size: 15px; 
  font-weight: 600;
  color: var(--ast-global-color-3); 
  width: 40%;
}
.specjalisci .specjalizacja { 
  width: 60%;
  border-left-width: 0; 
}
.specjalisci .specjalizacja .spec-pelne, .dyrekcja .elementor-image-box-description {
  font-size: 13px;
  padding: 6px 12px;
  font-weight: 500;
  background: var(--color-green3-soft);
  color: var(--color-green3);
  border-radius: 999px;
  display: inline-block;
  margin-right: 4px;
}
.specjalisci .specjalizacja .spec-bez {
  background: var(--color-white);
  border: 1px solid var(--color-line);
}
.specjalisci .specjalizacja .logopeda {
  background: var(--color-beige);
}
@media (max-width: 920px) {
  .specjalisci thead { display: none; }
  .specjalisci tr { display: block; border-bottom: 1px solid var(--color-line); padding: 14px 0; }
  .specjalisci td { display: block; padding: 4px 5%; border: none; }
  .specjalisci .imie, .specjalisci .specjalizacja { width: 100%; }
  .spec-pelne {
    margin-bottom: 4px;
  }
}





/* advanced table */
.eael-tabs-nav > ul {
  border: none !important;
}
.eael-advance-tabs .eael-tab-content-item {
  border-radius: 8px !important;
}
.eael-advance-tabs .eael-tabs-nav > ul li.eael-tab-nav-item  {
    display: flex;
    justify-content: flex-start;
    padding: 15px 25px !important;
}
.eael-advance-tabs .eael-tabs-nav > ul li.eael-tab-nav-item:first-of-type {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}
.eael-advance-tabs .eael-tabs-nav > ul li.eael-tab-nav-item:last-child {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.eael-tabs-nav > ul { 
  display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 0; 
  box-shadow: var(--shadow-tabs);
  border: 1px solid var(--color-line);
  border-radius: 8px !important;
  margin: 32px auto;
}
.eael-tabs-nav ul li {
  padding: 10px !important;
}
.eael-advance-tabs .eael-tabs-nav>ul li .eael-tab-title {
  text-align: left !important;
  line-height: 1.5 !important;
}
.eael-advance-tabs .eael-tabs-nav > ul li:after {
    border-width: 15px !important;
    bottom: -14px !important;
}
.eael-advance-tabs .eael-tabs-nav > ul li > i {
    padding: 15px !important;
    border-radius: 50% !important;
    width: 48px;
    height: 48px;
    background-color: var(--color-green5-soft) !important;
}
.eael-advance-tabs .eael-tabs-content {
  overflow:visible;
}
.eael-advance-tabs .eael-tabs-content>div.active {
    box-shadow: var(--shadow-tab-active);
    /* border: 1px solid var(--color-line); */
}
.eael-advance-tabs .eael-tabs-nav > ul li.active > i,
.eael-advance-tabs .eael-tabs-nav > ul li.eael-tab-nav-item:hover:not(.active) > i {
    background-color: var(--color-green5) !important;
}
.eael-advance-tabs .eael-tabs-nav > ul li > span {
    line-height: 1.6 !important;
    text-align: left;
}
.eael-advance-tabs .eael-tab-content-item .elementor-widget-container ul {
  padding-left: 0 !important;
  list-style: none !important;
  margin-left: 0 !important;  
  column-count: 2;
}
.eael-advance-tabs .eael-tab-content-item .elementor-widget-container ul li {
  background-image: url(/wp-content/themes/astra-child/svg/znacznik.svg);
  background-repeat: no-repeat;
  background-position: left 10px;
  padding-left: 30px !important;
}
.e-n-accordion-item-title-header {
  margin-left: 50px;
}
.e-n-accordion-item .e-con-full {
  padding-left: 65px !important;
}
.oferta .e-opened i::before, .oferta .e-closed i::before {
  padding: 11px 12px !important;
  border-radius: 50%;
}
.oferta .e-closed i::before {
    background-color: var(--color-white) !important;
    border: 2px solid var(--color-green5-soft) !important;
}
.oferta .e-opened i::before {
    background-color: var(--color-green5-soft) !important;
    border: 2px solid var(--color-green5-soft) !important;
}
.e-n-accordion-item-title-header{
    flex: 1 1 auto;        /* tytuł zajmuje całą wolną przestrzeń */
    min-width: 0;          /* żeby długi tekst się łamał, a nie pchał ikony */
}
.e-n-accordion-item-title-icon{
    margin-left: auto;     /* ikona przyklejona do prawej krawędzi summary */
    flex: 0 0 auto;
}

#oferta-wiek-przedszkolny .e-n-accordion-item .e-n-accordion-item-title,
#oferta-szkola-podstawowa .e-n-accordion-item .e-n-accordion-item-title,
#oferta-szkola-ponadpodstawowa .e-n-accordion-item .e-n-accordion-item-title {
    background-repeat: no-repeat;
    background-position: left center;
}
.elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title {
  border: none !important;
}
.elementor-widget-n-accordion .e-n-accordion-item[open]>.e-con-full {
  border-bottom: 1px solid var(--color-line) !important;
}



.dokumenty .eael-tabs-nav > ul {
  grid-template-columns: repeat(2, 1fr);
}
.dokumenty .eael-advance-tabs .eael-tab-content-item .elementor-widget-container ul li,
.regulaminy .eael-advance-tabs .eael-tab-content-item .elementor-widget-container ul li,
.slownik .eael-advance-tabs .eael-tab-content-item .elementor-widget-container ul li,
.druki .eael-advance-tabs .eael-tab-content-item .elementor-widget-container ul li  {
  padding-left: 0 !important;
  background: none;
}
.dokumenty .elementor-icon-list-items,
.druki .elementor-icon-list-items {
  column-count: 1 !important;
}
.regulaminy .eael-tabs-nav > ul,
.slownik .eael-tabs-nav > ul {
  grid-template-columns: repeat(1, 1fr);
}


.druki .eael-tabs-nav > ul {
  display: flex !important;
  flex-direction: column !important;
}
.druki .eael-advance-tabs .eael-tabs-content > div {
  margin: 0em 0em 0em 1em !important;
}
.druki .eael-advance-tabs.eael-tabs-vertical > .eael-tabs-nav > ul li:after {
  right: -15px !important;
}
.druki .eael-advance-tabs .eael-tabs-nav > ul li.eael-tab-nav-item:last-child {
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 8px !important;
}
.druki .eael-advance-tabs .eael-tabs-nav > ul li.eael-tab-nav-item:first-of-type {
  border-top-right-radius: 8px !important;
  border-bottom-left-radius: 0px !important;
}



@media all and (max-width: 900px) {
  .regulaminy .elementor-icon-list-items,
  .slownik .elementor-icon-list-items {
    column-count: 1 !important;
  }
}
/* ============================================================
   AKORDEON KONCEPCJI (/koncepcja-poradni/) 
   ============================================================ */
/* karta zbiorcza */
.akordeon-koncepcja .e-n-accordion {
  background: var(--color-white);
  border-radius: 8px;
  overflow: hidden;
  counter-reset: konc-acc;                 /* licznik numerów 01, 02, … */
  box-shadow: var(--shadow-even);
  padding-top: 0.5em;
}

/* pozycje = wiersze jednej karty (cienka linia, bez własnych zaokrągleń) */
.akordeon-koncepcja .e-n-accordion-item {
  border: 0 !important;
  border-bottom: 1px solid var(--color-line) !important;
  border-radius: 0 !important;
  margin: 0 !important;
}
.akordeon-koncepcja .e-n-accordion-item:last-child {
  border-bottom: 0 !important;
}

/* wiersz tytułu */
.akordeon-koncepcja .e-n-accordion-item-title {
  padding: 22px 35px !important;
  counter-increment: konc-acc;
  border: none;
}

/* nagłówek = numer + tytuł w jednej linii (kasuje globalne wcięcie na ikonę) */
.akordeon-koncepcja .e-n-accordion-item-title-header {
  margin-left: 0;
  display: flex;
  align-items: center;
  gap: 22px;
}
/* duży numer 01, 02, … */
.akordeon-koncepcja .e-n-accordion-item-title-header::before {
  content: counter(konc-acc, leading-zero);
  font-family: "Poppins", "Helvetica Neue", Arial, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 1;
  color: var(--color-green3);
  font-variant-numeric: normal;
  flex: 0 0 auto;
}
/* tytuł */
.akordeon-koncepcja .e-n-accordion-item-title-text {
  font-family: "Poppins", "Helvetica Neue", Arial, sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--color-ink);
}

/* toggle — kółko-obwódka wokół ikony Elementora */
.akordeon-koncepcja .e-n-accordion-item-title-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid var(--color-line);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  transition: background .2s ease;
}
.akordeon-koncepcja .e-n-accordion-item-title-icon i {
  font-size: 13px;
  color: var(--color-green3);
}
/* otwarta pozycja — wypełnione tło kółka */
.akordeon-koncepcja .e-n-accordion-item[open] .e-n-accordion-item-title-icon {
  background: var(--color-green5-soft);
}

/* treść — wyrównana pod tytuł (numer 30px + odstęp), bez dublującej kreski */
.akordeon-koncepcja .e-n-accordion-item .e-con-full {
  padding: 0 28px 26px 80px !important;
  border: none !important;
}
.akordeon-koncepcja .e-n-accordion-item[open] > .e-con-full {
  border-bottom: 0 !important;
}

/* lista wewnątrz — 2 kolumny z zielonym haczykiem */
.akordeon-koncepcja .e-con-full .elementor-widget-text-editor ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 28px;
}
.akordeon-koncepcja .e-con-full .elementor-widget-text-editor ul li {
  position: relative;
  padding-left: 26px;
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--color-ink);
}
.akordeon-koncepcja .e-con-full .elementor-widget-text-editor ul li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--color-green3);
  font-weight: 700;
}


/*** ***/
.koncepcja-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.koncepcja-list li {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #fff;
    padding: 12px 18px;
    border: 1px solid var(--color-green3);
    border-radius: 6px;
    font-size: 14.5px;
    color: var(--color-green3);
    font-weight: 500;
}
.koncepcja-org {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--color-green3);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 600;
    flex-shrink: 0;
}


/*** STRUKTURA PORADNI KAFLE */
.pracownie {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    align-items: stretch;
}
.pracownie .elementor-icon-box-title {
  line-height: 0em !important;
}
.pracownie .elementor-icon-box-title span,
.pracownie .elementor-icon-box-title a {
  font-size: 15px !important;
  text-transform: none;
}
.pracownie .elementor-icon-box-wrapper {
  flex-direction: row !important;
}
.pracownie .elementor-icon-box-description {
    position: absolute;
    bottom: 10%;
    left: 80%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    content: " ";
    z-index: 0;
    color: rgba(0, 0, 0, 0.527);
    font-size: 17px;
    border-radius: 50%;
    background-color: #fafafa65;
    text-align: center;
    
}
.tile-1 { background: #D4F1C5; } /* wczesna stymulacja rozwoju */
.tile-2 { background: #B5EAD7; } /* rozwoj w wieku przedszkolnym */
.tile-3 { background: #BDE0FE; } /* wsparcie ucznia klas 1-8 */
.tile-4 { background: #A2D2FF; } /* samorealizacja młodzieży */
.tile-5 { background: #9fb3d6; } /* dzieci ze specjalnymi potrzebami */
.tile-6 { background: #cac1df; } /* doradztwo zawodowe */
.tile-7 { background: #ceafce; } /* wsparcie rodziny */
.tile-8 { background: #dab2bf; } /* integracja sensoryczna */
.tile-9 { background: #E89B92; } /* interwencja kryzysowa */
.tile-10 { background: #FFD6E0; } /* dysleksja */
.tile-11 { background: #FFE5B4; } /* zagrożenie uzależnieniem */
.tile-12 { background: #FFF3B0; } /* adhd */



.cky-revisit-bottom-left {
    bottom: 15px !important;
    left: auto !important;
    right: 5px !important;
}


@media all and (max-width: 1200px) {
  .pracownie {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media all and (max-width: 800px) {
  .pracownie {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media all and (max-width: 500px) {
  .pracownie {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}


/* RWD */
@media all and (max-width: 768px) {
  .akordeon-koncepcja .e-con-full .elementor-widget-text-editor ul {
    grid-template-columns: 1fr;
  }
  #dokumenty-tab .elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text,
  #zaczniki-tab .elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text,
  #zgoszenia-do-poradni-tab .elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text,
  #po-badaniu-wnioski-tab .elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text,
  #po-badaniu-orzecznictwo-tab .elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text ,
  #zawiadczenia-lekarskie-tab .elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text ,
  #inne-dokumenty-tab .elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text {
    padding-inline-start: 13px;
    font-size: 16px;
    line-height: 1.5;
  }
}
@media all and (max-width: 480px) {
  .akordeon-koncepcja .e-n-accordion-item-title { padding: 18px 16px !important; }
  .akordeon-koncepcja .e-n-accordion-item-title-header { gap: 14px; }
  .akordeon-koncepcja .e-n-accordion-item-title-header::before { font-size: 24px; }
  .akordeon-koncepcja .e-n-accordion-item-title-text { font-size: 17px; }
  .akordeon-koncepcja .e-n-accordion-item .e-con-full { padding: 0 16px 20px 16px !important; }
}
#oferta-szkola-ponadpodstawowa #dla-ucznia-tab .e-n-accordion-item:nth-of-type(1) .e-n-accordion-item-title  {
    background-image: url(/wp-content/themes/astra-child/svg/obszar-01-diagnoza.svg);
}
#oferta-szkola-ponadpodstawowa #dla-ucznia-tab .e-n-accordion-item:nth-of-type(2) .e-n-accordion-item-title  {
    background-image: url(/wp-content/themes/astra-child/svg/obszar-02-terapia.svg);
}
#oferta-szkola-ponadpodstawowa #dla-ucznia-tab .e-n-accordion-item:nth-of-type(3) .e-n-accordion-item-title  {
    background-image: url(/wp-content/themes/astra-child/svg/obszar-05-nauczyciel.svg);
}
#oferta-szkola-ponadpodstawowa #-dla-rodzica-bri-opiekuna-tab .e-n-accordion-item:nth-of-type(1) .e-n-accordion-item-title  {
    background-image: url(/wp-content/themes/astra-child/svg/obszar-06-rodzic.svg);
}
#oferta-szkola-ponadpodstawowa #-dla-rodzica-bri-opiekuna-tab .e-n-accordion-item:nth-of-type(2) .e-n-accordion-item-title  {
    background-image: url(/wp-content/themes/astra-child/svg/obszar-04-niepelnosprawnosc.svg);
}
#oferta-szkola-ponadpodstawowa #dla-nauczyciela-tab .e-n-accordion-item:nth-of-type(1) .e-n-accordion-item-title  {
    background-image: url(/wp-content/themes/astra-child/svg/obszar-05-nauczyciel.svg);
}
#oferta-szkola-ponadpodstawowa #dla-nauczyciela-tab .e-n-accordion-item:nth-of-type(2) .e-n-accordion-item-title  {
    background-image: url(/wp-content/themes/astra-child/svg/obszar-07-warsztaty.svg);
}
#oferta-szkola-ponadpodstawowa #dla-nauczyciela-tab .e-n-accordion-item:nth-of-type(3) .e-n-accordion-item-title  {
    background-image: url(/wp-content/themes/astra-child/svg/obszar-04-niepelnosprawnosc.svg);
}
/* ikony dla podstrony wiek przedszkolny (dzieci 0-6 lat) */
#oferta-wiek-przedszkolny #dla-dziecka-br0-6-lat-tab .e-n-accordion-item:nth-of-type(1) .e-n-accordion-item-title  {
    background-image: url(/wp-content/themes/astra-child/svg/obszar-01-diagnoza.svg);
}
#oferta-wiek-przedszkolny #dla-dziecka-br0-6-lat-tab .e-n-accordion-item:nth-of-type(2) .e-n-accordion-item-title  {
    background-image: url(/wp-content/themes/astra-child/svg/obszar-02-terapia.svg);
}
#oferta-wiek-przedszkolny #dla-dziecka-br0-6-lat-tab .e-n-accordion-item:nth-of-type(3) .e-n-accordion-item-title  {
    background-image: url(/wp-content/themes/astra-child/svg/obszar-05-nauczyciel.svg);
}
#oferta-wiek-przedszkolny #-dla-rodzica-bri-opiekuna-tab .e-n-accordion-item:nth-of-type(1) .e-n-accordion-item-title  {
    background-image: url(/wp-content/themes/astra-child/svg/obszar-06-rodzic.svg);
}
#oferta-wiek-przedszkolny #-dla-rodzica-bri-opiekuna-tab .e-n-accordion-item:nth-of-type(2) .e-n-accordion-item-title  {
    background-image: url(/wp-content/themes/astra-child/svg/obszar-07-warsztaty.svg);
}
#oferta-wiek-przedszkolny #-dla-rodzica-bri-opiekuna-tab .e-n-accordion-item:nth-of-type(3) .e-n-accordion-item-title  {
    background-image: url(/wp-content/themes/astra-child/svg/obszar-02-terapia.svg);
}
#oferta-wiek-przedszkolny #dla-nauczyciela-tab .e-n-accordion-item:nth-of-type(1) .e-n-accordion-item-title  {
    background-image: url(/wp-content/themes/astra-child/svg/obszar-05-nauczyciel.svg);
}
/* ikony dla podstrony szkoła podstawowa (uczniowie 7-15 lat) */
#oferta-szkola-podstawowa #dla-ucznia-br7-15-lat-klasy-i-viii-tab .e-n-accordion-item:nth-of-type(1) .e-n-accordion-item-title  {
    background-image: url(/wp-content/themes/astra-child/svg/obszar-08-uczen-mlodszy.svg);
}
#oferta-szkola-podstawowa #dla-ucznia-br7-15-lat-klasy-i-viii-tab .e-n-accordion-item:nth-of-type(2) .e-n-accordion-item-title  {
    background-image: url(/wp-content/themes/astra-child/svg/obszar-09-uczen-starszy.svg);
}
#oferta-szkola-podstawowa #dla-ucznia-br7-15-lat-klasy-i-viii-tab .e-n-accordion-item:nth-of-type(3) .e-n-accordion-item-title  {
    background-image: url(/wp-content/themes/astra-child/svg/obszar-10-grupa.svg);
}
#oferta-szkola-podstawowa #-dla-rodzica-tab .e-n-accordion-item:nth-of-type(1) .e-n-accordion-item-title  {
    background-image: url(/wp-content/themes/astra-child/svg/obszar-11-rodzic-sp.svg);
}
#oferta-szkola-podstawowa #dla-nauczyciela-tab .e-n-accordion-item:nth-of-type(1) .e-n-accordion-item-title  {
    background-image: url(/wp-content/themes/astra-child/svg/obszar-12-rady.svg);
}
#oferta-szkola-podstawowa #dla-nauczyciela-tab .e-n-accordion-item:nth-of-type(2) .e-n-accordion-item-title  {
    background-image: url(/wp-content/themes/astra-child/svg/obszar-13-siec.svg);
}
@media all and (max-width: 480px) {
  .e-n-accordion-item .e-con-full {
    padding-left: 10px !important;
  }
  .e-n-accordion-item-title-text {
    font-size: 0.9em !important;
  }
  .e-n-accordion-item-title-header {
    margin-left: 40px;
  }
}



/********************
START BOX INTERWENCJI KRYZYSOWEJ NA PODSTRONACH OFERTOWYCH
*******************/
.eael-infobox .elementor-element {
  padding: 0 !important;
}
.ppp-crisis {
  box-sizing: border-box;
  max-width: 1240px;
  margin: 32px auto;
  background: var(--c-bg);
  border-left: 4px solid var(--c-border);
  border-radius: 6px;
  padding: 28px 36px;
  display: grid;
  grid-template-columns: 64px 1fr auto;
  align-items: center;
  gap: 24px;
  font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
  color: var(--c-text);
  line-height: 1.5;
}
.ppp-crisis *,
.ppp-crisis *::before,
.ppp-crisis *::after { box-sizing: border-box; }

.ppp-crisis__icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 3px var(--c-bg);
}
.ppp-crisis__icon svg { display: block; }

.ppp-crisis__label {
  font-size: 12px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--c-label) !important;
  font-weight: 700;
  margin: 0 0 4px;
  font-family: "Poppins", "Open Sans", sans-serif;
  text-align: left;
}
.ppp-crisis__text {
  font-size: 17px;
  margin: 0;
  color: var(--c-text);
  text-align: left;
}

.ppp-crisis__btn {
  background: var(--c-btn-bg);
  color: var(--color-white);
  text-decoration: none;
  padding: 14px 22px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 15px;
  white-space: nowrap;
  font-family: "Open Sans", sans-serif;
  transition: background .15s ease;
  display: inline-block;
}
.ppp-crisis__btn:hover,
.ppp-crisis__btn:focus {
  background: var(--c-btn-hov);
  color: var(--color-white);
  text-decoration: none;
}

/* Mobile — układ pionowy */
@media (max-width: 640px) {
  .ppp-crisis {
    grid-template-columns: 1fr;
    text-align: left;
    padding: 24px 22px;
    gap: 16px;
  }
  .ppp-crisis__icon { margin-bottom: 4px; }
  .ppp-crisis__btn { justify-self: start; }
}

/********************
END BOX INTERWENCJI KRYZYSOWEJ
*******************/



/********************
START PSYCH-INTERWENCJA 
*******************/
/* Kontener — 4-kolumnowa siatka kart */
#psych-interwencja {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 !important;
}
/* Pojedyncza karta */
#psych-interwencja .psycholog {
    background: var(--color-white);
    border: 1px solid var(--color-line);
    border-radius: 8px;
    padding: 34px 24px 44px 24px !important;
    width: auto !important;
    max-width: none !important;
    box-shadow: var(--shadow-card) !important;
    transition: box-shadow .2s ease, transform .2s ease;
}
#psych-interwencja .psycholog:hover {
    box-shadow: var(--shadow-card-hover) !important;
    transform: translateY(-2px);
}
#psych-interwencja .psycholog .elementor-widget-container {
    padding: 0 !important;
}
/* Wrapper icon-box w układ kolumnowy (lewa krawędź, nie wyśrodkowany) */
#psych-interwencja .psycholog .elementor-icon-box-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 8px;
}
/* Ikonka — okrągłe tło 44×44 z miękką zielenią + ikona #3d6b4a */
#psych-interwencja .psycholog .elementor-icon-box-icon {
    margin: 0 0 6px !important;
}
#psych-interwencja .psycholog .elementor-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--color-green3-soft2);
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border: none !important;
}
#psych-interwencja .psycholog .elementor-icon i {
    /*color: #3d6b4a !important;*/
    color: var(--color-green3);
    font-size: 20px !important;
    line-height: 1 !important;
}
/* Treść karty */
#psych-interwencja .psycholog .elementor-icon-box-content {
    text-align: left;
}
/* Etykieta "Psycholog" generowana CSS-em (wstawiamy przed tytułem) */
#psych-interwencja .psycholog .elementor-icon-box-content::before {
    content: "Psycholog";
    display: block;
    font-size: 11px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--color-ink-soft);
    font-weight: 600;
    margin-bottom: 4px;
    font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
}
/* Imię i nazwisko */
#psych-interwencja .psycholog .elementor-icon-box-title {
    font-family: "Poppins", "Helvetica Neue", Arial, sans-serif;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--color-ink) !important;
    line-height: 1.25 !important;
    margin: 0 !important;
    text-transform: none !important;
}
#psych-interwencja .psycholog .elementor-icon-box-title span {
    color: inherit;
}
#psych-interwencja .psycholog .elementor-icon-box-description {
    display: none !important;
}
#psych-interwencja .psycholog .elementor-icon-box-content > p {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 12px;
    border-radius: 999px;
    margin: 12px 6px 0 0;
    line-height: 1.4;
}
/* Pierwsza pigułka („Pokój 108") — zielone tło */
#psych-interwencja .psycholog .elementor-icon-box-description + p {
  background: var(--color-green3-soft);
  color: var(--color-green3);
}
/* Druga pigułka („tel. wew. …") — biała z obwódką */
#psych-interwencja .psycholog .elementor-icon-box-description + p + p {
    background: var(--color-white);
    border: 1px solid var(--color-line);
    color: var(--color-green3);
}
#psych-interwencja .psycholog .elementor-icon-box-content > p a {
    color: inherit;
    text-decoration: none;
}
/* RWD */
@media (max-width: 1024px) {
    #psych-interwencja {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 599px) {
    #psych-interwencja {
        grid-template-columns: 1fr !important;
    }
}
/********************
END PSYCH-INTERWENCJA
*******************/



/******** 
KIEDY-INTWERWENCJA
*******/
.why-green, 
.why-red {
  box-shadow: var(--shadow-why);
  padding: 36px 36px 30px 36px;
  border-radius: 6px;
}
.why-red {
  border-left: 4px solid var(--c-border);
  background-color: var(--c-bg);
}
.why-green {
  border-left: 4px solid var(--color-green3);
  background-color: var(--color-green5-soft);
}
.why-green ul,
.why-red ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.why-green ul li,
.why-red ul li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14.5px;
  line-height: 1.5;
  padding-left: 0 !important;
  background: none !important;
  list-style: none;
}
.why-green ul li::before,
.why-red ul li::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-top: 8px;
  flex-shrink: 0;
}
.why-green ul li::before { background: var(--color-green3); }
.why-red   ul li::before { background: var(--c-border); }

@media all and (max-width: 480px) {
  .box-white,
  .why-green, 
  .why-red {
    padding: 26px 16px 20px 16px;
  }
}


.box-white {
  border-left: 6px solid var(--color-green3-soft);
  background-color: var(--color-beige-faint);
  box-shadow: var(--shadow-box-white);
  padding: 36px 36px 30px 36px;
  border-radius: 6px;
}



.box {
  background: var(--color-white);
  border: 1px solid var(--color-line);
  border-radius: 8px;
  padding: 34px 24px 34px 24px !important;
  box-shadow: var(--shadow-card) !important;
  transition: box-shadow .2s ease, transform .2s ease;
}
.box .elementor-icon-box-title {
    font-size: 16px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--color-green3);
    font-weight: 600;
    margin-bottom: 6px;
}
.box .elementor-icon-box-description {
    font-size: 30px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}







.site-footer {
    margin-top: -1px;
}
.site-footer img {
  max-width: 200px;
}
.site-footer-section-1 .title {
  color: var(--color-white);
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1.3;
}
.site-footer-section-1 .title span {
  font-size: 20px;
  text-transform: none;
}
#block-26 {
  margin-bottom: 1.1em !important;
}
#block-10.widget {
  margin-bottom: 1.2em;
}
#block-10.widget .wp-block-heading {
   font-size: 1.4rem;
  line-height: 1.5;
}
#block-11.widget, #block-13.widget, #block-14.widget {
  margin-bottom: 0em;
}
#block-11.widget p, #block-13.widget p, #block-14.widget p {
  font-size: 1em;
  padding: 2px 0px 0px 50px;
  margin-bottom: 1em;
  background-repeat: no-repeat;
  background-position: left top;
  background-repeat: no-repeat;
}
#block-14.widget p {
  color: var(--color-white);
}
#block-11.widget p {
  background-image: url('/wp-content/themes/astra-child/svg/poradnia-psychologiczno-pedagogiczna-telefon.svg');
}
#block-13.widget p {
  background-image: url('/wp-content/themes/astra-child/svg/poradnia-psychologiczno-pedagogiczna-mail.svg');
}
#block-14.widget p {
  background-image: url('/wp-content/themes/astra-child/svg/poradnia-psychologiczno-pedagogiczna-adres.svg');
}
#block-11.widget a, #block-13.widget a, #block-14.widget a {
  font-size: 1em;
}
#block-11.widget a:hover, #block-13.widget a:hover, .site-footer .menu a:hover {
  color: var(--color-green4) !important;
}
.site-footer .menu a {
  color: var(--color-white);
  font-size: 16px;
}




/* sub-menu w nawigacji glownej */
.ast-desktop:not(:has(.ast-header-sticked)) .ast-primary-header-bar .main-header-menu > .menu-item {
    line-height: 2.5em;
}
.main-header-menu .sub-menu,
.main-header-menu .sub-menu .menu-link {
  background-color: var(--color-beige) !important;
  color: var(--color-green3) !important;
  border: none !important;
}
.main-header-menu .sub-menu .menu-item:hover > .menu-link,
.main-header-menu .sub-menu .menu-link:hover,
.main-header-menu .sub-menu .menu-link:focus,
.main-header-menu .sub-menu .menu-item.focus > .menu-link,
.main-header-menu .sub-menu .current-menu-item > .menu-link {
  background-color: var(--color-green3) !important;
  color: var(--color-beige) !important;
}

/* BIP */
.menu-item-bip a {
  padding: 10px;
  background-color: var(--color-white) !important;
  border-radius: 6px;
}
.menu-item-bip a:hover {
  background-color: var(--color-gray-light) !important;
  transform: transition 0.2s all;
}





/*** start grant ue***/
/* HERO — tytuł (hfe-infocard h1) */
.grant-hero h1 {
  font-family: var(--grant-font-display);
  font-weight: 600;
  line-height: 1.05;
  margin: 0;
  max-width: 920px;
  color: #fff;
  letter-spacing: -1px;
}
.grant-hero h1 .accent {
  color: var(--grant-eu-gold);
}
/* HERO — podtytuł (hfe-infocard text) */
.grant-hero .hfe-infocard-text {
  font-family: var(--grant-font-display);
  font-size: 24px;
  font-weight: 300;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.9);
  margin: 12px 0 32px;
  max-width: 820px;
}

/* Pasek metadanych w hero */
.grant-meta {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  background: rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(8px);
  max-width: 1200px;
}
.grant-meta .cell {
  padding: 20px 24px;
  min-width: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.grant-meta .cell:last-child {
  border-right: 0;
}
.grant-meta .label {
  font-size: 12px; letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--grant-eu-gold);
  font-weight: 700;
  margin-bottom: 6px;
}
.grant-meta .value {
  font-family: var(--grant-font-display);
  font-size: 14.5px;
  font-weight: 500;
  color: #fff;
  line-height: 1.35;
}


/* FINANSOWANIE — siatka 3 kart (wymusza grid nad flexem Elementora) */
.grant-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}
.grant-stat {
  border-radius: 12px; 
  padding: 32px;
  min-width: 0; 
  position: relative; 
  overflow: hidden;
  box-shadow: var(--shadow-card) !important;
}
.grant-stat:hover {
    box-shadow: var(--shadow-card-eu-hover) !important;
}
.grant-stat.total {
  background: var(--grant-green-mist);
  border: 1px solid var(--grant-line);
}
.grant-stat.stat-ue {
  background: var(--grant-eu-blue);
  color: #fff;
}
.grant-stat.stat-bp {
  background: #fff;
  border: 1px solid var(--grant-line);
}
/* zawartość icon-box wyrównana do lewej (Elementor centruje domyślnie) */
.grant-stat .elementor-icon-box-wrapper,
.grant-stat .elementor-icon-box-content {
  text-align: left;
}
/* etykieta karty (= elementor-icon-box-title) */
.grant-stat .elementor-icon-box-title {
  display: block;
  font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase;
  font-weight: 700;
  margin: 0 0 10px;
}
.grant-stat.total  .elementor-icon-box-title { color: var(--grant-ink-soft); }
.grant-stat.stat-ue .elementor-icon-box-title { color: var(--grant-eu-gold); }
.grant-stat.stat-bp .elementor-icon-box-title { color: var(--grant-crisis); }

/* opakowanie kwoty + opisu */
.grant-stat .elementor-icon-box-description {
  margin: 0;
}
/* duża kwota */
.grant-stat .value {
  font-family: var(--grant-font-display); 
  font-size: 20px; 
  font-weight: 600;
  line-height: 1.1; letter-spacing: -0.5px; font-variant-numeric: tabular-nums;
  margin: 0;
}
.grant-stat.total .value,
.grant-stat.stat-bp .value { color: var(--grant-ink); }
.grant-stat.stat-ue .value { color: #fff; }

/* podpis pod kwotą */
.grant-stat .sub {
  font-size: 16px; 
  margin: 4px 0 0;
  font-weight: 600;
}
.grant-stat.total .sub,
.grant-stat.stat-bp .sub { 
  color: var(--grant-ink-soft); 
}
.grant-stat.stat-ue .sub { opacity: 0.85; }

.grant-bar p {
  margin-bottom: 0;
  font-size: 11px;
}


@media (max-width: 920px) {
  .grant-hero h1 { font-size: 38px; }
  .grant-hero .hfe-infocard-text { font-size: 18px; }
  .grant-meta { grid-template-columns: 1fr; }
  .grant-meta .cell { border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
  .grant-meta .cell:last-child { border-bottom: 0; }
  .grant-stats { grid-template-columns: 1fr; }
}
/**** end grant ue***/


 /* ============================================================
     Elementor "box-nr" — dopasowanie do sekcji koncepcja-kierunki
     ============================================================ */

  /* Rząd = grid 3 kolumny, jak .koncepcja-kierunki__grid */
  .box-nr-row.e-con {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    align-items: stretch;
  }
  /* Pojedyncza karta = .koncepcja-kierunek */
  .box-nr.elementor-widget {
    border-radius: 8px;
    padding: 28px;
    margin: 0;
    color: var(--color-slate);
    box-shadow: var(--shadow-card-soft);
  }
  /* Pastelowe tła kart — cyklicznie, jak --1..--6 */
  .box-nr-row .box-nr:nth-child(6n+1) { background: var(--color-pastel-1); }
  .box-nr-row .box-nr:nth-child(6n+2) { background: var(--color-pastel-2); }
  .box-nr-row .box-nr:nth-child(6n+3) { background: var(--color-pastel-3); }
  .box-nr-row .box-nr:nth-child(6n+4) { background: var(--color-pastel-4); }
  .box-nr-row .box-nr:nth-child(6n+5) { background: var(--color-pastel-5); }
  .box-nr-row .box-nr:nth-child(6n+6) { background: var(--color-pastel-6); }
  /* Układ wewnątrz kafelka: ikona, tytuł, opis w kolumnie */
  .box-nr .elementor-icon-box-wrapper {
    display: flex;
    flex-direction: column;
    gap: 14px;
    text-align: left;
  }
  /* Okrągła "bańka" pod ikoną — jak .koncepcja-kierunek__icon */
  .box-nr .elementor-icon-box-icon {
    margin: 0 !important;
  }
  .box-nr .elementor-icon-box-icon .elementor-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--color-white-55);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  .box-nr .elementor-icon-box-icon .elementor-icon i {
    font-size: 20px;
    color: var(--color-slate);
  }

  /* Treść */
  .box-nr .elementor-icon-box-content {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  /* Tytuł — jak .koncepcja-kierunek__title (Poppins) */
  .box-nr .elementor-icon-box-title {
    margin: 0;
  }
  .box-nr .elementor-icon-box-title span {
    font-family: "Poppins", "Helvetica Neue", Arial, sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--color-slate);
  }

  /* Opis — jak .koncepcja-kierunek__text */
  .box-nr .elementor-icon-box-description {
    font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 14.5px;
    line-height: 1.55;
    opacity: 0.85;
    margin: 0;
  }

  /* Responsywność — 1 kolumna na mobile, jak w layoutcie (max 920px) */
  @media (max-width: 920px) {
    .box-nr-row.e-con {
      grid-template-columns: 1fr;
    }
  }

/*
@media (min-width: 769px) {
    .site-primary-header-wrap {
        max-width: 1600px !important;
    }
}
    */
@media all and (max-width: 1200px) {
  .oferta {
    padding-left: 2%;
    padding-right: 2%;
  }
}
@media all and (max-width: 1024px) {
  .eael-advance-tabs .eael-tabs-nav>ul li .eael-tab-title {
    font-size: 14px !important;
  }
}
@media all and (max-width: 960px) {
    
    .site-footer .wp-block-image {
      display: flex;
      justify-content: center;
      float: none;
      width: 100%;
    }
    .ast-builder-footer-grid-columns {
      display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    }
    .site-footer-section-2 {
     margin-left: 0em;
    }
    .site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row, .site-primary-footer-wrap[data-section="section-primary-footer-builder"] .site-footer-section {
      align-items: center;
    }
    .site-footer .footer-widget-area-inner {
      text-align: center;
    }
    .site-footer .footer-widget-area-inner .menu {
      padding-left: 0;
      list-style: none;
    }
    #block-11.widget p,
    #block-13.widget p,
    #block-14.widget p {
      display: inline-block;
      text-align: left;
    }
    .footer-widget-area-inner {
      text-align: center !important;
    }
    .site-footer-section {
      margin: 1em 0em;
    }
}
@media all and (max-width: 900px) {
  .eael-advance-tabs .eael-tab-content-item .elementor-widget-container ul {
    column-count: 1;
  }
  .eael-tabs-nav > ul {
    grid-template-columns: 1fr !important;
  }
  .eael-advance-tabs .eael-tabs-nav > ul li.eael-tab-nav-item:first-of-type {
  border-top-right-radius: 8px !important;
  border-bottom-left-radius: 0px !important;
  }
  .eael-advance-tabs .eael-tabs-nav > ul li.eael-tab-nav-item:last-child {
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 8px !important;
  }
  .eael-advance-tabs .eael-tabs-nav>ul li.active:after {
    display: none !important;
  }   
  /* LOGO */
  .ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo img {
    max-width: 200px;
    padding-top: 0.5em;
  }
}
@media all and (max-width: 768px) {
    h1, .entry-content :where(h1), .entry-content :where(h1) a {
        font-size: 24px;
    }
    .cta::before {
      background-size: 50%;
    }
    .two-imgs .elementor-absolute {
      position: relative !important;
      left: 0 !important;
      top: 0 !important;
    }
    .two-imgs .elementor-absolute img {
        box-shadow: none !important;
    }
    .two-imgs img {
      padding: 0% 5% !important;
      border-radius: 8px !important;
    }
    .extra {
      position: relative !important;
       top: 0% !important;
       left: 0% !important;
       width: 100% !important;
       height: auto !important;
    }
  }


/********************
START MENU MOBILNE — pełnoekranowe, linki jak wiersze tabeli
*******************/
:root {
  --ppp-mobile-header-h: 70px; /* wysokość paska z logo i hamburgerem */
}

/* blokada przewijania strony pod spodem, gdy menu otwarte */
body.ast-main-header-nav-open.ast-header-break-point {
  overflow: hidden;
}

/* nakładka menu na całą szerokość i wysokość ekranu (pod paskiem z logo/krzyżykiem) */
body.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content {
  position: fixed;
  left: 0;
  right: 0;
  top: var(--ppp-mobile-header-h);
  bottom: 0;
  width: 100%;
  height: calc(100vh - var(--ppp-mobile-header-h));
  height: calc(100dvh - var(--ppp-mobile-header-h)); /* poprawny pełny ekran na mobile */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: var(--color-white);
  z-index: 99;
  padding: 0 !important;
}

/* pasek z logo i krzyżykiem zostaje nad nakładką i klikalny */
body.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-wrap .ast-primary-header-bar {
  position: relative;
  z-index: 100;
  background-color: var(--color-white);
}

/* element-kontener menu na pełną szerokość, bez bocznych marginesów Astry */
body.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-content > * {
  padding: 0 !important;
  width: 100%;
}
body.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-content .main-header-bar-navigation,
body.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-content .site-navigation,
body.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-content .main-header-menu {
  width: 100% !important;
  margin: 0 !important;
}

/* lista jako tabela */
body.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-content .main-header-menu {
  display: block;
}
body.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-content .main-header-menu .menu-item {
  display: block;
  width: 100%;
  border-bottom: 1px solid var(--color-gray-line);
  position: relative;
}

/* wiersz-link */
body.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-content .main-header-menu .menu-link {
  display: block;
  width: 100%;
  padding: 18px 22px;
  font-size: 18px;
  line-height: 1.4;
  color: var(--color-green3) !important;
  background-color: transparent;
}

/* naprzemienne tło wierszy najwyższego poziomu */
body.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-content .main-header-menu > .menu-item:nth-child(even) > .menu-link {
  background-color: var(--color-gray-faint);
}

/* hover/aktywny w zielonym odcieniu — jak w tabeli kadry */
body.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-content .main-header-menu .menu-item:hover > .menu-link,
body.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-content .main-header-menu .menu-link:focus,
body.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-content .main-header-menu .current-menu-item > .menu-link {
  background-color: var(--color-green3-tint) !important;
  color: var(--color-green3) !important;
}

/* usuwa ostatnią linię, jak w tabeli */
body.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-content .main-header-menu > .menu-item:last-child {
  border-bottom: none;
}

/* podmenu — wcięte wiersze, lekko inny odcień */
body.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-content .main-header-menu .sub-menu .menu-link {
  padding-left: 40px;
  font-size: 16px;
  background-color: var(--color-beige);
}
body.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-content .main-header-menu .sub-menu .menu-item {
  border-bottom: 1px solid var(--color-black-soft);
}

/* zapas miejsca w linku pozycji z podmenu, żeby tekst nie wchodził pod strzałkę */
body.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-content .main-header-menu .menu-item-has-children > .menu-link {
  padding-right: 64px;
}

/* przycisk rozwijania podmenu (strzałka) jako komórka przy prawej krawędzi wiersza */
body.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-content .main-header-menu .menu-item-has-children > .ast-menu-toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: auto;          /* tylko górny wiersz, nie cała wysokość rozwiniętego <li> */
  margin: 0;
  padding: 18px 0;       /* zgodne z pionowym paddingiem linku */
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.4;      /* równo z linkiem, żeby strzałka była w jednej linii z tekstem */
  color: var(--color-green3);
  border-left: 1px solid var(--color-gray-line);
}

/* bez obramowania focusa po kliknięciu w strzałkę */
body.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-content .main-header-menu .menu-item-has-children > .ast-menu-toggle:focus,
body.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-content .main-header-menu .menu-item-has-children > .ast-menu-toggle:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/********************
END MENU MOBILNE
*******************/