/*
Theme Name: Motyw z HTML
Theme URI: https://example.com/
Author: newroot.pl dev
Description: Motyw WordPress na podstawie statycznej strony HTML.
Version: 1.7
*/

/* === Style globalne === */
:root {
    /* Kolory dla przycisków w Modalach (i przycisku Zaloguj w nagłówku) */
    /* Zmieniono nazwy i kolejność zgodnie z prośbą */
    --BtnBg: #4CAF50;         /* Tło przycisku */
    --BtnBgHover: #2E8B57;   /* Tło przycisku po najechaniu */
    --BtnText: white;         /* Kolor tekstu przycisku */
    --BtnTextHover: white;   /* Kolor tekstu przycisku po najechaniu */

    /* Kolory dla Modali */
    --ModBack: #e0ffe0;                     /* Główne tło modala */
    --ModStripe: #f0f0f0;                   /* Tło pasków/sekcji w modalu */
    --ModHead: rgba(128, 128, 128, 0.5);    /* Tło nagłówka modala */
    --ModStripeTxt: #333;                   /* Tekst na paskach/sekcjach */
    --ModHeadTxt: black;                    /* Tekst w nagłówku modala */
    --ModReq: #555;                         /* Tekst podpowiedzi/wymagań */
    --ModErr: red;                          /* Tekst błędu */
    --ModSeparator: black;                  /* Kolor separatora w modalach (tymczasowo czarny dla testów) */

    /* Kolory dla Header */
    --HdrBackground: white;                 /* Tło nagłówka */
    --LgdUsrMail: var(--BtnBgHover);        /* Kolor tekstu e-mail zalogowanego użytkownika (ciemnozielony) */

    /* Kolory dla Navbar */
    --NavBackground: #f0f0f0;              /* Jasnoszare tło dla całego navbara */
    --NavBtn: var(--BtnBg);                 /* Tło przycisku nawigacji (jak przycisk logowania) */
    --NavBtnHover: var(--BtnBgHover);       /* Tło przycisku nawigacji po najechaniu */
    --NavSep: #666666;                      /* Ciemnoszary dla separatorów między przyciskami */
    --NavBtnText: white;                    /* Kolor tekstu na przyciskach nawigacji */
    --NavBtnTextHover: white;               /* Kolor tekstu na przyciskach nawigacji po najechaniu */

    /* Kolory dla LinkBlock */
    --LnkBlkBackground: #f9f9f9;            /* Tło dla całego bloku linków */
    --LnkBlkTitleText: #000000;             /* Kolor tekstu nagłówków kolumn (czarny) */
    --LnkBlkTitleBorder: #bbbbbb;           /* Kolor linii pod nagłówkiem kolumny i dla separatorów (ciemniejszy szary) */
    --LnkBlkLinkText: #000000;              /* Kolor linków (czarny) */
    --LnkBlkLinkTextHover: #000000;         /* Kolor linków po najechaniu (czarny) */

    /* Kolory dla LinkBlock - wersja mobilna */
    --LnkBlkMobileBackgnd: #666666;         /* Ciemnoszary tło dla przycisków/linków mobilnych */
    --LnkBlkMobileBackgndHov: #444444;      /* Ciemniejszy szary dla hover mobilnych */
    --LnkBlkMobileTxt: #ffffff;             /* Biały tekst dla mobilnych */

    /* Globalne Breakpointy dla responsywności */
    --breakpoint-medium: 768px;             /* Główny breakpoint dla tabletów/mniejszych ekranów */
    --breakpoint-small: 480px;              /* Breakpoint dla mniejszych smartfonów */
    /* Tutaj będą dodawane kolejne globalne zmienne kolorów */
	--soft-green: rgba(76, 175, 80, 0.25);
}

html {
  overflow-y: scroll;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.site-footer-sticky-wrapper {
  margin-top: auto;
}


/* Ikona Menu home */
.home-icon a:before {
	color: white;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f015";
}
.home-icon a:hover  {
	color: white;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f015";
}
/* KONIEC Ikona Menu home */





/* Hamburger */
.hamburger {
    display: none; /* Ukryty domyślnie na większych ekranach */
    background-color: var(--NavBtn);
    color: var(--NavBtnText);
    border: 1px solid var(--NavSep);
    padding: 8px 12px;
    font-size: 1.25rem;
    line-height: 1;
    border-radius: .25rem;
    cursor: pointer;
}




/* ------------------------------ CSS podstrony RODO ------------------------------ */

.policies-page-container {
    padding: 0 10px 10px 10px;
    max-width: 1200px;
    margin: 5px auto 10px auto;
    background-color: #ffffff;
}

.policies-page-container .intro-text-container { /* Używamy bardziej precyzyjnego selektora, aby uniknąć konfliktów */
    width: 80%;
    margin: 0 auto 15px auto;
    padding: 10px;
    background-color: #f9f9f9;
    border-radius: 4px;
    box-sizing: border-box;
}

.policies-page-container .intro-text-container h1,
.policies-page-container .intro-text-container h2 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 10px;
    color: #333;
}

.policies-page-container .intro-text-container p {
    line-height: 1.7;
    margin-bottom: 5px;
    color: #555;
}

.policies-links-wrapper {
    width: 70%; /* Dla dwóch linków, 70% może być odpowiednie, można dostosować */
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Dwa linki obok siebie */
    gap: 15px;
}

.policy-link-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    padding: 5px 5px;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    text-decoration: none;
    color: #333;
    background-color: #f0f0f0;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
    box-sizing: border-box;
    height: 60px; /* Taka sama wysokość jak w regulaminach */
}

.policy-link-item:hover {
    background-color: #d0d0d0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.policy-link-title {
    font-family: 'Antonio', sans-serif;
    font-size: 1.3em;
    color: #444;
    margin-top: 0;
    margin-bottom: 0px;
    font-weight: bold;
}

.policy-link-description {
    font-family: 'Antonio', sans-serif;
    font-size: 0.8375em;
    line-height: 1.4;
    color: #666;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
}

/* Style dla widoku PDF i przycisku powrotu - identyczne jak w regulations.css */
#pdf-viewer-wrapper {
    width: 100%;
    margin-top: 15px;
}

.back-button-modal { /* Ta klasa jest globalna, ale upewniamy się, że jest zdefiniowana */
    position: sticky;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    background-color: #808080;
    color: white;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    z-index: 10;
    text-align: center;
    font-size: 0.9em;
    opacity: 0.4; /* Zgodnie z ostatnią zmianą dla regulations */
    transition: opacity 0.3s ease-in-out;
    margin-bottom: 10px;
}

.back-button-modal:hover {
    opacity: 1;
}

#pdf-iframe-container iframe {
    width: 100%;
    height: 75vh;
    border: 1px solid #ccc;
}

/* Dostosowania responsywne */
@media (max-width: 768px) {
    .policies-page-container .intro-text-container {
        width: 95%;
        margin-bottom: 15px;
        padding: 8px;
    }

    .policies-links-wrapper {
        width: 95%;
        grid-template-columns: 1fr; /* Jeden link pod drugim na mobilnych */
        gap: 10px;
    }

    .policy-link-item {
        padding: 10px;
        min-height: auto;
        height: auto;
    }

    .policy-link-title {
        font-size: 1.2em;
        margin-bottom: 0;
    }
    .policy-link-description {
        display: none; /* Ukrywamy opis w wersji mobilnej */
    }

    /* Na mobilnych przycisk powrotu może być mniejszy */
    .back-button-modal { /* Zakładamy, że ID przycisku powrotu będzie inne, ale klasa ta sama */
        padding: 5px 10px;
        font-size: 0.8em;
        top: 2px;
    }
}
/* ------------------------------ KONIEC CSS podstrony RODO ------------------------------ */


/* ------------------------------ CSS dla NAV BAR ------------------------------ */

/* nav bar test */
/* d:\Zasoby\xampp\htdocs\prntd.pl\prntd.pl\assets\components\Navbar\navbar.css */
/* Styles specific to the navbar section */

nav {
    /* Style dla głównego kontenera <nav> */
    /* Na desktopie jego wygląd będzie determinowany przez wewnętrzny ul#navbarLinks */
}

.navbar-toggler {
    display: none; /* Ukryty domyślnie na większych ekranach */
    background-color: var(--NavBtn);
    color: var(--NavBtnText);
    border: 1px solid var(--NavSep);
    padding: 8px 12px;
    font-size: 1.25rem;
    line-height: 1;
    border-radius: .25rem;
    cursor: pointer;
}

nav ul {
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 5px; /* Ustawienie dolnego marginesu na 5px */
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;  /* Usunięto górny padding, aby wysokość paska była równa wysokości linków */
    padding-bottom: 0; /* Usunięto dolny padding, aby wysokość paska była równa wysokości linków */
    background-color: rgba(76, 175, 80, 0.25); /* Kolor --NavBtn (#4CAF50) z 25% kryciem */
    display: flex; /* Używamy Flexbox */
    flex-wrap: wrap; /* Pozwalamy elementom zawijać się do nowego wiersza */
    justify-content: center; /* Wyśrodkowanie elementów w poziomie */
}

nav li {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 3px; /* 3px odstępu po obu stronach przycisku 'a' wewnątrz 'li' */
    padding-right: 3px;
    /* Ten padding stworzy miejsce między krawędzią przycisku a separatorem */
    border-left: 2px solid var(--NavSep); /* Separator po lewej stronie każdego elementu li */
}

/* Dodajemy również separator po prawej stronie ostatniego elementu */
nav li:last-child {
    border-right: 2px solid var(--NavSep); /* Ciemnoszary separator o szerokości 2px */
}

nav li a {
    display: flex; /* Używamy Flexbox do centrowania zawartości */
    align-items: center; /* Wyśrodkowanie zawartości w pionie */
    justify-content: center; /* Wyśrodkowanie zawartości w poziomie */
    /* width: 80px; */  /* Usunięto stałą szerokość, aby była elastyczna */
    height: 30px;  /* Zmniejszona wysokość */
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 15px; /* Zwiększony padding lewo/prawo */
    padding-right: 15px;
    box-sizing: border-box; /* Padding i border wliczane w width/height */
    background-color: var(--NavBtn); /* Kolor tła przycisku */
    color: var(--NavBtnText); /* Kolor tekstu przycisku */
    text-align: center;
    text-decoration: none;
    font-family: 'Antonio', sans-serif; /* Używamy czcionki Antonio, jeśli dostępna */
    font-size: 16px; /* Rozmiar czcionki - można dostosować, jeśli tekst się nie mieści */
    font-weight: 400; /* Standardowa grubość */
    /* border-radius: 3px; */ /* Opcjonalnie: lekkie zaokrąglenie rogów przycisków */
}

/* Styl dla pierwszego elementu nawigacji (np. HOME z ikoną domku) */
nav li:first-child a {
    padding-left: 5px; /* Zmniejszony padding lewy dla ikony domku */
    padding-right: 5px; /* Zmniejszony padding prawy dla ikony domku */
    font-size: 18px; /* Można lekko zwiększyć rozmiar ikony, jeśli potrzeba */
}

nav li a:hover {
    background-color: var(--NavBtnHover); /* Kolor tła przycisku po najechaniu */
    color: var(--NavBtnTextHover); /* Kolor tekstu przycisku po najechaniu */
}

/* Style dla widoku mobilnego */
@media (max-width: 768px) { /* Powrót do jawnej wartości breakpointu */
    .navbar-toggler {
        display: block; /* Pokaż przycisk hamburgera */
        margin-top: 0; /* Reset marginesów, centrowanie przez rodzica */
        margin-bottom: 0;
    }

    nav { /* Stylizacja głównego elementu <nav> na mobilnych */
        position: relative; /* Kontekst dla absolutnie pozycjonowanego menu */
        background-color: rgba(76, 175, 80, 0.25); /* 1. Pasek z hamburgerem: przezroczystość 25% (kolor zielony jak przyciski) */
        padding-top: 0;    /* Usunięto górny padding, aby wysokość paska była równa wysokości hamburgera */
        padding-bottom: 0; /* Usunięto dolny padding, aby wysokość paska była równa wysokości hamburgera */
        display: flex; /* Aby móc wyrównać toggler */
        align-items: center; /* Dodano, aby wyśrodkować hamburger w pionie, jeśli jego wysokość jest mniejsza niż kontenera (choć przy 0 paddingu powinny się zgadzać) */
        justify-content: center; /* 5. Wyśrodkuj przycisk hamburgera */
    }

    nav ul#navbarLinks {
        display: none; /* Ukryj listę linków domyślnie */
        flex-direction: column; /* Linki w kolumnie */
        align-items: center; /* Centruje elementy <li> wewnątrz <ul> */
        
        width: 140px; /* Szerokość = 110px (elementy <a>) + 15px (lewy padding) + 15px (prawy padding) */
        
        position: absolute; /* Pozycjonowanie względem <nav> */
        top: 100%; /* Bezpośrednio pod elementem <nav> */
        left: 50%; /* Wyśrodkowanie menu */
        transform: translateX(-50%); /* Dokładne centrowanie przy position: absolute */
        background-color: rgba(255, 255, 255, 0.70); /* Białe tło z 70% przezroczystością */
        z-index: 1000; /* Aby było na wierzchu */
        
        /* Reset stylów dla ul */
        margin: 0; /* Reset wszystkich marginesów */
        padding: 0; /* Reset wszystkich paddingów, w tym domyślnego padding-left dla ul */
        list-style-type: none; /* Dodatkowo, aby na pewno nie było znaczników listy */
        box-sizing: border-box; /* Aby width uwzględniało padding i border */

        /* Dodajemy padding, aby kontener był większy od zawartości */
        padding: 5px 15px 15px 15px; /* Góra: 5px, Boki i Dół: 15px */

        flex-wrap: nowrap; /* Nie zawijamy w kolumnie */
        /* outline: 2px solid blue; */ /* Usunięto tymczasowe obramowanie */
    }

    nav ul#navbarLinks.is-active {
        display: flex; /* Pokaż menu, gdy jest aktywne */
    }

    nav ul#navbarLinks li {
        width: 100%; /* Elementy li zajmują 100% szerokości swojego rodzica (ul#navbarLinks) */
        display: flex; /* Uczynienie <li> kontenerem flex */
        justify-content: center; /* Wyśrodkowanie dziecka (<a>) w poziomie */
        border-left: none; /* Usuń lewy border */
        border-right: none; /* Usuń prawy border */
        padding: 0; /* Reset paddingu na li, jeśli jakiś był */
        margin: 0; /* Reset marginesu na li, jeśli jakiś był */
        box-sizing: border-box; /* Dla pewności */
        /* outline: 2px solid red; */ /* Usunięto tymczasowe obramowanie */
    }
    
    nav ul#navbarLinks li:first-child {
        /* outline: 2px solid red; */ /* Usunięto tymczasowe obramowanie */
    }

    nav ul#navbarLinks li:not(:last-child) {
        margin-bottom: 8px; /* Zwiększono odstęp między elementami do 8px */
    }

    nav ul#navbarLinks li:last-child {
        /* border-bottom: none; */
    }

    nav ul#navbarLinks li a {
        display: flex; 
        align-items: center; 
        justify-content: center; 
        
        width: 110px; 
        /* Wysokość będzie teraz determinowana przez font-size i padding pionowy */
        height: 33px!important; /* Usunięto stałą wysokość */
        padding-top: 4px;    /* Symetryczny padding pionowy */
        padding-bottom: 4px; /* Symetryczny padding pionowy */
        padding-left: 0;   
        padding-right: 0;  
        box-sizing: border-box; 
        font-size: 18px; /* Zwiększono czcionkę, np. do 18px */
        /* Tło i kolor tekstu dziedziczone z desktopowych stylów są OK */
        /* outline: 2px solid green; */ /* Usunięto tymczasowe obramowanie */
    }

    nav ul#navbarLinks li:first-child a {
        /* outline: 2px solid green; */ /* Usunięto tymczasowe obramowanie */
        /* font-size: 16px; */ /* Usunięto, aby dziedziczył ogólne 18px lub można dostosować specyficznie */
        /* Jeśli potrzebujesz innego rozmiaru dla pierwszego linku, możesz go tu ustawić, np. font-size: 18px; */
    }
    
    nav li:first-child a i.fas.fa-home {
        margin-right: 0; 
    }
}
/* ------------------------------ KONIEC CSS dla NAV BAR ------------------------------ */


/* ------------------------------ CSS dla postów FAQ oryginal ------------------------------ */

/* d:\Zasoby\xampp\htdocs\prntd.pl\prntd.pl\pages\help\FAQ\faq.css */

.faq-list {
    column-count: 2; /* Ustawiamy dwie kolumny */
    column-gap: 20px; /* Odstęp między kolumnami */
    margin-top: 20px;
}

.faq-item {
    /* Usunięto właściwości flex, nie są potrzebne dla CSS columns */
    break-inside: avoid-column; /* Zapobiega łamaniu pojedynczego elementu FAQ między kolumnami */
    -webkit-column-break-inside: avoid; /* Dla starszych przeglądarek WebKit */
    box-sizing: border-box; /* Padding i border wliczane w szerokość/wysokość */
    background-color: #eeeeee; /* Zmieniono na nieco ciemniejszy jasnoszary dla lepszej widoczności */
    border: 1px solid #e0e0e05f;
    margin-bottom: 15px; /* Znacząco zmniejszony dolny margines dla ciaśniejszego wyglądu */
    padding: 5px 15px 10px 15px; /* Jawne ustawienie: góra 5px, prawo 15px, dół 10px, lewo 15px */
}

.faq-question-title {
    font-size: 1.2em;
    color: #333;
    margin-top: 1px; /* Padding .faq-item go obsłuży */
    margin-bottom: 2px; /* Zmniejszony odstęp pod pytaniem, gdy odpowiedź jest zwinięta */
    cursor: pointer; /* Wskazuje, że element jest klikalny */
    position: relative; /* Dla pozycjonowania pseudoelementu (strzałki) */
    padding-left: 25px; /* Miejsce na strzałkę po lewej stronie */
    /* Usunięto padding-right: 20px; */
}

/* Wskaźnik (strzałka) po lewej stronie */
.faq-question-title::before {
    content: '▼';
    position: absolute;
    left: 0; /* Pozycjonowanie po lewej */
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.8em;
    transition: transform 0.2s ease-in-out;
}

.faq-answer {
    font-size: 1em;
    color: #555;
    line-height: 1.6;
    display: none; /* Domyślnie ukryj odpowiedź */
    padding-top: 5px; /* Zmniejszony odstęp nad odpowiedzią po rozwinięciu */
    margin-top: 5px; /* Dodatkowy mały odstęp, aby oddzielić od pytania */
}

/* Style dla aktywnego (rozwiniętego) elementu FAQ */
.faq-item.active .faq-answer {
    display: block; /* Pokaż odpowiedź */
}

.faq-item.active .faq-question-title {
    margin-bottom: 10px; /* Przywracamy większy odstęp pod pytaniem, gdy odpowiedź jest widoczna */
}

.faq-item.active .faq-question-title::before { /* Zmieniono z ::after na ::before */
    transform: translateY(-50%) rotate(180deg); /* Obróć strzałkę w górę */
}

/* Media query dla mniejszych ekranów - jedna kolumna */
@media (max-width: 768px) {
    .faq-list {
        column-count: 1; /* Jedna kolumna na mniejszych ekranach */
    }
}

/* ------------------------------ KONIEC CSS dla postów FAQ oryginal ------------------------------ */


/* ------------------------------ CSS O Nas ------------------------------ */

/* d:\Zasoby\xampp\htdocs\prntd.pl\prntd.pl\pages\company\company.css */
/* Style specyficzne dla podstrony "O firmie" */

.company-layout-wrapper {
    display: flex; /* Kluczowe dla ułożenia elementów obok siebie */
    flex-wrap: wrap; /* Pozwala na zawijanie na mniejszych ekranach */
    gap: 20px; /* Odstęp między blokiem tekstu a mapą */
    margin: 20px auto;
    max-width: 1200px; /* Maksymalna szerokość całego layoutu */
    padding: 0 10px; /* Mały padding boczny dla całego wrappera */
}

.company-info-block {
    flex: 40; /* Dostosowanie proporcji - blok tekstowy */
    min-width: 280px; /* Minimalna szerokość bloku tekstowego, zanim zacznie się zawijanie */
    padding: 0 20px 20px 20px; /* Usunięto górny padding, reszta bez zmian */
    background-color: #f9f9f9; /* Jasne tło dla bloku tekstowego */
    /* border: 1px solid #e0e0e0; Usunięto ramkę */
    border-radius: 4px;
    box-sizing: border-box;
}

.company-info-block h2 {
    margin-top: 0;
    color: #333;
    font-size: 1.8em;
    margin-bottom: 15px;
}

.company-info-block p {
    line-height: 1.6;
    color: #555;
    margin-bottom: 10px;
}

.map-container {
    flex: 55; /* Dostosowanie proporcji - mapa */
    min-width: 300px; /* Minimalna szerokość mapy */
    border: 1px solid #ccc; /* Ramka wokół mapy */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Subtelny cień */
    box-sizing: border-box;
    margin-right: 10px; /* Dodany margines po prawej stronie mapy */
}

.map-container iframe {
    display: block; /* Usuwa ewentualny dodatkowy odstęp pod iframe */
    width: 100%;
    height: 450px; /* Możesz dostosować wysokość mapy */
    border: none; /* Usuwa domyślną ramkę iframe, jeśli styl inline w PHP jej nie nadpisuje */
}

/* Dostosowania responsywne */
@media (max-width: 768px) { /* Breakpoint dla mniejszych ekranów */
    .company-layout-wrapper {
        flex-direction: column; /* Elementy układają się jeden pod drugim */
    }

    .company-info-block, .map-container {
        flex: 1 1 100%; /* Każdy element zajmuje pełną dostępną szerokość */
        min-width: auto; /* Resetowanie min-width na mobilnych */
    }

    .map-container {
        margin-right: 0; /* Usunięcie prawego marginesu mapy w widoku mobilnym dla spójności */
    }
}
/* ------------------------------ KONIEC CSS O Nas ------------------------------ */

/* ------------------------------ Regulaminy CSS ------------------------------ */

/* d:\Zasoby\xampp\htdocs\prntd.pl\prntd.pl\pages\regulations\regulations.css */

.regulations-page-container {
    padding: 0 10px 10px 10px; /* Zmniejszony dolny padding */
    max-width: 1200px;
    margin: 5px auto 10px auto; /* Zmniejszone górne i dolne marginesy */
    background-color: #ffffff;
}

.intro-text-container {
    width: 80%; /* Tekst wprowadzający na 80% szerokości */
    margin: 0 auto 15px auto; /* Zmniejszony dolny margines */
    padding: 10px; /* Zmniejszony padding */
    background-color: #f9f9f9;
    border-radius: 4px;
    box-sizing: border-box;
}

.intro-text-container h1,
.intro-text-container h2 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 10px; /* Zmniejszony dolny margines */
    color: #333;
}

.intro-text-container p {
    line-height: 1.7;
    margin-bottom: 5px; /* Zmniejszony dolny margines */
    color: #555;
}

.regulations-links-wrapper {
    width: 90%; /* Zwiększona szerokość kontenera linków dla 3 kolumn */
    margin: 0 auto; /* Wyśrodkowany */
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px; /* Zmniejszony odstęp między linkami */
}

.regulation-link-item {
    display: flex; /* Używamy flexbox do centrowania */
    flex-direction: column; /* Układamy tytuł i opis w kolumnie */
    justify-content: flex-start; /* Wyrównanie zawartości do góry */
    align-items: center; /* Centrowanie w poziomie */
    text-align: center; /* Dodatkowe centrowanie tekstu, jeśli elementy wewnętrzne nie są pełnej szerokości */
    padding: 5px 5px; /* Padding: góra/dół 5px, boki 5px */
    border: 1px solid #c0c0c0; /* Zmieniony kolor ramki */
    border-radius: 5px;
    text-decoration: none;
    color: #333;
    background-color: #f0f0f0; /* Zmienione tło */
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
    box-sizing: border-box;
    height: 60px; /* Ustalona wysokość przycisku na 60px */
}

.regulation-link-item:hover {
    background-color: #d0d0d0; /* Zmienione tło po najechaniu */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.regulation-link-title {
    font-family: 'Antonio', sans-serif;
    font-size: 1.3em; /* Rozmiar tytułu linku */
    color: #444;
    margin-top: 0;
    margin-bottom: 0px; /* Odstęp między tytułem a opisem zredukowany do zera */
    font-weight: bold;
}

.regulation-link-description {
    font-family: 'Antonio', sans-serif; /* Ustawienie czcionki Antonio */
    font-size: 0.8375em; /* Około 1px mniej niż poprzednie 0.9em (zakładając 1em = 16px) */
    line-height: 1.4; /* Można delikatnie zmniejszyć interlinę, jeśli potrzeba */
    color: #666;
    font-weight: normal; /* Upewnienie się, że czcionka nie jest pogrubiona */
    margin-top: 0; /* Upewniamy się, że nie ma górnego marginesu */
    margin-bottom: 0; /* Opis nie ma dolnego marginesu, padding rodzica dba o odstęp od dołu */
}

/* Style dla widoku PDF i przycisku powrotu */
#pdf-viewer-wrapper {
    width: 100%;
    margin-top: 15px; /* Odstęp od góry (lub od intro-text-container) */
}

.back-button-modal {
    position: sticky; /* Przyklejony do góry kontenera #pdf-viewer-wrapper */
    top: 5px; /* Mały odstęp od góry kontenera */
    left: 50%;
    transform: translateX(-50%);
    display: inline-block; /* Aby transform działał poprawnie i przycisk nie zajmował całej szerokości */
    background-color: #808080; /* Szary */
    color: white;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    z-index: 10; /* Aby był nad iframe */
    text-align: center;
    font-size: 0.9em;
    opacity: 0.25; /* Domyślna przezroczystość 10% */
    transition: opacity 0.3s ease-in-out;
    margin-bottom: 10px; /* Odstęp od iframe poniżej */
}

.back-button-modal:hover {
    opacity: 1; /* Pełna widoczność po najechaniu */
}

#pdf-iframe-container iframe {
    width: 100%;
    height: 75vh; /* Wysokość iframe, np. 75% wysokości okna przeglądarki */
    border: 1px solid #ccc; /* Delikatna ramka wokół iframe */
}
/* Dostosowania responsywne */
@media (max-width: 768px) {
    .intro-text-container {
        width: 95%; /* Tekst wprowadzający nieco szerszy na mobilnych */
        margin-bottom: 15px; /* Zmniejszony dolny margines */
        padding: 8px; /* Zmniejszony padding */
    }

    .regulations-links-wrapper {
        width: 95%; /* Kontener linków nieco szerszy na mobilnych */
        grid-template-columns: 1fr; /* Jedna kolumna - linki jeden pod drugim */
        gap: 10px; /* Zmniejszony odstęp */
    }

    .regulation-link-item {
        padding: 10px; /* Zmniejszony padding na mobilnych, można dostosować */
        min-height: auto; /* Usuwamy min-height na mobilnych, niech treść decyduje */
        height: auto; /* Usuwamy ustaloną wysokość na mobilnych */
    }

    .regulation-link-title {
        font-size: 1.2em;
        margin-bottom: 0; /* Usuwamy margines pod tytułem, gdy nie ma opisu */
    }
    .regulation-link-description {
        display: none; /* Ukrywamy opis w wersji mobilnej */
    }

    /* Na mobilnych przycisk powrotu może być mniejszy */
    .back-button-modal {
        padding: 5px 10px;
        font-size: 0.8em;
        top: 2px; /* Jeszcze mniejszy odstęp od góry */
    }
}
/* ------------------------------ KONIEC Regulaminy CSS ------------------------------ */


/* ------------------------------ CSS dla NAV BAR bottom ------------------------------ */

.footer-links-container {
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

.footer-links-container li {
    color: var(--LnkBlkMobileTxt);
    text-decoration: none;
    font-family: 'Antonio', sans-serif;
    font-size: 15px;
    font-weight: bold; /* Ustawienie pogrubienia domyślnie, aby uniknąć zmiany szerokości przy hover */
    padding: 2px 8px; /* Padding góra/dół i boki dla każdego linku */
    text-align: center; /* Wyśrodkowanie tekstu w linku */
	background-color: transparent!important;
	border: none!important;
}

.footer-links-container li:hover {
    color: var(--LnkBlkLinkTextHover);
    text-decoration: underline;
}

.footer-links-container li:first-child a,
.footer-links-container li:last-child a,
.footer-links-container li:not(:last-child) a {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 15px;
	background-color: transparent!important;
    color: var (--LnkBlkLinkText);
}

@media (max-width: 768px) {	
.footer-links-container {
	margin-bottom: 55px;
	gap: 6px;
}

.footer-links-container li:first-child a,
.footer-links-container li:last-child a,
.footer-links-container li:not(:last-child) a {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 15px;
	background-color: var(--LnkBlkMobileBackgnd) !important;
    color: var(--LnkBlkMobileTxt);
	height: 33px;  /* Zmniejszona wysokość */
}
}
/* ------------------------------ KONIEC CSS dla NAV BAR bottom ------------------------------ */


/* ------------------------------ CSS dla strony Panel ------------------------------ */
.woocommerce-account-layout {
    display: flex;
    flex-direction: row;
    gap: 20px;
    padding: 20px;
}

.account-sidebar {
    width: 220px;
    background-color: #f7f7f7;
    padding: 20px;
    border-radius: 8px;
}

.account-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.account-menu li {
    margin-bottom: 10px;
}

.account-menu li a {
	    display: flex; /* Używamy Flexbox do centrowania zawartości */
    align-items: center; /* Wyśrodkowanie zawartości w pionie */
    justify-content: center; /* Wyśrodkowanie zawartości w poziomie */
    /* width: 80px; */  /* Usunięto stałą szerokość, aby była elastyczna */
    height: 30px;  /* Zmniejszona wysokość */
	/* */
    box-sizing: border-box; /* Padding i border wliczane w width/height */
    background-color: var(--NavBtn); /* Kolor tła przycisku */
    color: var(--NavBtnText); /* Kolor tekstu przycisku */
    text-align: center;
    text-decoration: none;
    font-family: 'Antonio', sans-serif; /* Używamy czcionki Antonio, jeśli dostępna */
    font-size: 16px; /* Rozmiar czcionki - można dostosować, jeśli tekst się nie mieści */
    font-weight: 400; /* Standardowa grubość */
	
}

.account-menu li a:hover {
    text-decoration: underline;
}

.account-content {
    flex-grow: 1;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
}

/* ------------------------------ KONIEC CSS dla strony Panel ------------------------------ */

/* Ukryj ceny produktów na stronie sklepu WooCommerce */
.archive.woocommerce .price,
.woocommerce.archive .price {
    display: none !important;
}

/* ukrywanie wariacji w prawej kolumnie 
.variations {
	display: none;
}
*/