/*
 Theme Name:   Vitalmedic Potomny
 Theme URI:    https://vitalmedic.pl
 Description:  Motyw potomny dla motywu Kadence używany na stronie vitalmedic.pl
 Author:       M.W / Scanmed S.A.
 Author URI:   https://vitalmedic.pl
 Template:     kadence
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  vitalmedic-child
*/


.topbar {
	display: none;
	width: 100vw;
	padding: 0 165px;
	background-color: #5D5C5C;
	color: white;
	justify-content: space-around;
}

.toptext {
	margin: 0;
	padding: 0;
}

.ontop {
	position: absolute;
	left: 46%;
	bottom: 5%;
}

.single-content ul {
	padding-left: 0;
}

#nopadding {
	padding-top: 0;
	margin-top: 0;
}

@media screen and (max-width: 719px) {
	.site-middle-footer-inner-wrap.site-footer-row.site-footer-row-columns-3.site-footer-row-column-layout-equal.site-footer-row-tablet-column-layout-last-row.site-footer-row-mobile-column-layout-row.ft-ro-dir-row.ft-ro-collapse-normal.ft-ro-t-dir-default.ft-ro-m-dir-default.ft-ro-lstyle-plain 
	{
			display: flex;
	}
}

@media screen and (min-width: 720px) and (max-width: 1024px) {
	.site-middle-footer-inner-wrap.site-footer-row.site-footer-row-columns-3.site-footer-row-column-layout-equal.site-footer-row-tablet-column-layout-last-row.site-footer-row-mobile-column-layout-row.ft-ro-dir-row.ft-ro-collapse-normal.ft-ro-t-dir-default.ft-ro-m-dir-default.ft-ro-lstyle-plain 
	{
			display: flex;
	}
}

.noclick {
	pointer-events: none;
}

.noclick .kt-blocks-accordion-icon-trigger {
	display: none;
}

.znaczek::after {
	content: url(https://vitalmedic.pl/wp-content/uploads/2022/05/male_logo_nfz.png);
	padding-left: 10px;
}

.znaczek_duzy::after {
		content: url(https://vitalmedic.pl/wp-content/uploads/2022/05/wieksze_logo_nfz.png);
	padding-left: 10px;
}

.entry-content-wrap ul{}

.kb-section--konsultacja ul, .kb-section--pierwsza-wizyta ul, .kb-section--pamietaj ul, .kb-section--zespol ul, .kb-section--przyjecia ul, .kb-section--objawy ul, .kb-section-badania_diag ul {margin-left:18px;}



/* --- Siatka dla Infoboxów --- */
.badania-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 kolumny */
    gap: 20px; /* Odstęp między infoboxami */
    margin-top: 30px; /* Odstęp od treści powyżej */
    padding-top: 20px; /* Dodatkowy odstęp, jeśli tekst z edytora jest blisko */
}

/* --- Styl Infoboxa --- */
.badanie-infobox {
    border: 1px solid red; /* ZMIANA: Border ramki czerwony */
    border-radius: 8px;
    background-color: #f9f9f9; /* Możesz chcieć dostosować, jeśli kontrast z czerwonym jest słaby */
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    display: flex;
    flex-direction: column;
}

.badanie-infobox:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(200,0,0,0.15); /* Opcjonalnie: cień z czerwonym odcieniem */
}

.badanie-infobox-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px;
    text-decoration: none;
    color: inherit;
    flex-grow: 1;
}

.badanie-infobox-icon-wrapper {
    margin-bottom: 15px;
    line-height: 0;
}

.badanie-infobox-icon {
    max-width: 120px;  /* ZMIANA: Ikona 2x większa (poprzednio 60px) */
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* UWAGA DOTYCZĄCA KOLORU IKONY:
       Jeśli ikona jest plikiem PNG/JPG, CSS nie zmieni jej koloru.
       Musisz użyć czerwonej wersji grafiki.
       Poniższy filtr jest eksperymentalny dla obrazków rastrowych: */
    /* filter: invert(15%) sepia(100%) saturate(5000%) hue-rotate(350deg) brightness(90%) contrast(100%); */
}

/* Jeśli używasz SVG jako fallback i chcesz, aby było czerwone: */
.badanie-infobox-icon-svg-fallback svg { /* Zakładając, że w PHP masz fallback SVG w takim wrapperze */
    width: 120px; /* Dostosuj do nowego rozmiaru ikony */
    height: 120px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    fill: red; /* ZMIANA: Kolor wypełnienia SVG na czerwony */
    /* stroke: red; */ /* Jeśli SVG ma również obrys, który ma być czerwony */
}

.badanie-infobox-content {
    /* Dodatkowe style dla kontenera tekstowego, jeśli potrzebne */
}

.badanie-infobox-title { /* H3 */
    font-size: 1.25em;
    margin-top: 0;
    margin-bottom: 0.5em;
    color: #333;
}

.badanie-infobox-text { /* Napis "Dowiedz się więcej" */
    font-size: 0.9em; /* Możesz dostosować rozmiar */
    color: red;                 /* ZMIANA: Kolor tekstu czerwony */
    text-transform: uppercase;  /* ZMIANA: Tekst dużymi literami */
    margin-bottom: 0;
    font-weight: bold;          /* Opcjonalnie: pogrubienie dla lepszej czytelności */
}

/* --- Siatka dla Infoboxów (pozostaje bez zmian) --- */
.badania-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 30px;
    padding-top: 20px;
}

/* --- Responsywność siatki (pozostaje bez zmian) --- */
@media (max-width: 1024px) {
    .badania-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .badania-grid {
        grid-template-columns: 1fr;
    }
}


/******* Lista lekarzy *********/

/*
 * Style dla szablonu "Lista Lekarzy wg Specjalizacji" (Wersja 3 - Niezawodny selektor)
 */

/* === Główne Ustawienia Strony === */
body.page-template {
    --primary-red: #ef4444;
    --primary-red-dark: #dc2626;
    --primary-red-light-bg: #fee2e2;
    --primary-red-lightest-bg: #fef2f2;
    
    font-family: 'Inter', sans-serif;
    background-color: #f8fafc;
}

body.page-template .lekarze-container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

/* === Sekcja Nagłówka === */
body.page-template .lekarze-header {
    background-color: #ffffff;
    padding-top: 4rem;
    padding-bottom: 4rem;
    margin-top: 3rem; 
    text-align: center; 
}

body.page-template .lekarze-main-title {
    font-size: 2.25rem;
    font-weight: 800;
    color: #1e293b;
    letter-spacing: -0.025em;
    margin: 0;
}

body.page-template .lekarze-subtitle {
    margin-top: 1rem;
    font-size: 1.125rem;
    color: #64748b;
    max-width: 56rem;
    margin-left: auto;
    margin-right: auto;
}

/* === Główna Treść i Siatka Lekarzy === */
body.page-template .lekarze-main-content {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

body.page-template .lekarze-specialty-section {
    margin-bottom: 4rem;
}

body.page-template .lekarze-grid {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

/* === Tytuł Specjalizacji === */
body.page-template .specialty-title {
    font-size: 2.25rem;
    font-weight: 800;
    color: #1e293b;
    text-align: center;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    position: relative;
}

body.page-template .specialty-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background-color: var(--primary-red);
    border-radius: 2px;
}

/* === Karta Lekarza === */
body.page-template .doctor-card {
    background-color: white;
    border-radius: 12px;
    padding: 2rem;
    text-align: center;
    border: 1px solid #e2e8f0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
}

body.page-template .doctor-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    border-color: var(--primary-red-light-bg);
}

body.page-template .doctor-image-container {
    width: 144px;
    height: 144px;
    border-radius: 50%;
    margin: 0 auto 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--primary-red-lightest-bg);
    border: 4px solid var(--primary-red-light-bg);
    overflow: hidden;
}

body.page-template .doctor-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.page-template .doctor-icon {
    font-size: 64px;
    color: var(--primary-red);
}

body.page-template .doctor-name {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 0.25rem;
}

body.page-template .doctor-specialty {
    color: #64748b;
    margin-bottom: 1.5rem;
}

body.page-template .bio-link {
    display: inline-block;
    background-color: var(--primary-red);
    color: white;
    padding: 10px 24px;
    border-radius: 9999px;
    text-decoration: none;
    font-weight: 600;
    transition: background-color 0.3s ease;
}

body.page-template .bio-link:hover {
    background-color: var(--primary-red-dark);
}

/* === Ustawienia responsywne === */
@media (min-width: 640px) {
    body.page-template .lekarze-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body.page-template .lekarze-main-title {
        font-size: 3rem;
    }
}

@media (min-width: 1024px) {
    body.page-template .lekarze-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    body.page-template .lekarze-main-title {
        font-size: 3.75rem;
    }
}

/*
 * ===================================================================
 * Kompletne Style dla Szablonów LEKARZE (Wersja 5 - Uproszczone selektory)
 * Zawiera style dla listy i pojedynczego lekarza.
 * ===================================================================
 */

/* === Style Wspólne (dla obu szablonów) === */

body.page-template,
body.single-lekarz,
body.post-type-archive-lekarz { /* Dodano klasę dla archiwum dla pewności */
    --primary-red: #ef4444;
    --primary-red-dark: #dc2626;
    --primary-red-light-bg: #fee2e2;
    --primary-red-lightest-bg: #fef2f2;
    
    font-family: 'Inter', sans-serif;
    background-color: #f8fafc;
}

/* Kontener jest teraz wspólny i zadziała na obu szablonach */
.lekarze-container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

/* === Style dla STRONY Z LISTĄ LEKARZY (template-lekarze.php) === */
/* USUNIĘTO "body.page-template" z selektorów poniżej dla większej niezawodności */

.lekarze-header {
    background-color: #ffffff;
    padding-top: 4rem;
    padding-bottom: 4rem;
    margin-top: 3rem; 
    text-align: center; 
}

.lekarze-main-title {
    font-size: 2.25rem;
    font-weight: 800;
    color: #1e293b;
}

.lekarze-subtitle {
    margin-top: 1rem;
    font-size: 1.125rem;
    color: #64748b;
    max-width: 56rem;
    margin-left: auto;
    margin-right: auto;
}

.lekarze-main-content {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.lekarze-specialty-section {
    margin-bottom: 4rem;
}

.lekarze-grid {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(1, minmax(0, 1fr)); /* Domyślnie 1 kolumna */
}

.specialty-title {
    font-size: 2.25rem;
    font-weight: 800;
    color: #1e293b;
    text-align: center;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    position: relative;
}

.specialty-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background-color: var(--primary-red);
    border-radius: 2px;
}

.doctor-card {
    background-color: white;
    border-radius: 12px;
    padding: 2rem;
    text-align: center;
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.doctor-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.doctor-image-container {
    width: 144px;
    height: 144px;
    border-radius: 50%;
    margin: 0 auto 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--primary-red-lightest-bg);
    border: 4px solid var(--primary-red-light-bg);
    overflow: hidden;
}

.doctor-image {
    width: 100%; height: 100%; object-fit: cover;
}

.doctor-icon {
    font-size: 64px; color: var(--primary-red);
}

.doctor-name {
    font-size: 1.25rem; font-weight: 700; color: #1e293b; margin-bottom: 0.25rem;
}

.doctor-specialty {
    color: #64748b; margin-bottom: 1.5rem;
}

.bio-link {
    display: inline-block; background-color: var(--primary-red); color: white; padding: 10px 24px; border-radius: 9999px; text-decoration: none; font-weight: 600; transition: background-color 0.3s ease;
}

.bio-link:hover {
    background-color: var(--primary-red-dark);
}

/* === Style dla POJEDYNCZEGO LEKARZA (single-lekarz.php) === */

body.single-lekarz .lekarz-single-article {
    margin-top: 3rem; 
    margin-bottom: 3rem;
}

body.single-lekarz .lekarz-single-header {
    display: flex;
    align-items: center; 
    gap: 2rem;
    margin-bottom: 2.5rem;
}

body.single-lekarz .lekarz-photo-column {
    flex-shrink: 0;
    width: 250px;
}

body.single-lekarz .lekarz-single-photo {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 50%; 
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border: 4px solid #fff;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}

body.single-lekarz .lekarz-photo-placeholder {
    width: 100%;
    aspect-ratio: 1 / 1; 
    border-radius: 50%; 
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.single-lekarz .lekarz-photo-placeholder .fas {
    font-size: 80px; 
    color: #e2e8f0; 
}

body.single-lekarz .lekarz-header-info {
    min-width: 0; 
}

body.single-lekarz .lekarz-single-name {
    margin: 0;
    font-size: 2.5rem;
    font-weight: 800;
    color: #1e293b;
    line-height: 1.2;
}

body.single-lekarz .lekarz-single-title {
    font-size: 1.25rem;
    color: var(--primary-red);
    font-weight: 600;
    margin: 0;
}

body.single-lekarz .lekarz-single-content {
    padding-top: 2rem;
    border-top: 1px solid #e2e8f0;
}

body.single-lekarz .lekarz-single-biogram {
    font-size: 1rem;
    line-height: 1.7;
    color: #334155;
}

body.single-lekarz .lekarz-single-biogram p {
    margin-bottom: 1.5em;
}

body.single-lekarz .lekarz-specializations-list {
    margin-top: 2.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e2e8f0;
}

body.single-lekarz .lekarz-specializations-list h3 {
    font-size: 1rem;
    font-weight: 700;
    color: #334155;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

body.single-lekarz .lekarz-specializations-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

body.single-lekarz .lekarz-specializations-list li {
    background-color: var(--primary-red-lightest-bg);
    color: var(--primary-red);
    padding: 0.5rem 1rem;
    border-radius: 9999px;
    font-size: 0.9rem;
    font-weight: 500;
}


/* === Ustawienia responsywne === */

/* Zmiana na 2 kolumny na tabletach */
@media (min-width: 640px) {
    .lekarze-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lekarze-main-title {
        font-size: 3rem;
    }
}

/* Zmiana na 3 kolumny na desktopach */
@media (min-width: 1024px) {
    .lekarze-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
     .lekarze-main-title {
        font-size: 3.75rem;
    }
}

/* Dla strony pojedynczego lekarza */
@media (max-width: 768px) {
    body.single-lekarz .lekarz-single-header {
        gap: 1.5rem;
        align-items: flex-start; 
    }

    body.single-lekarz .lekarz-photo-column {
        width: 100px; 
    }
    
    body.single-lekarz .lekarz-photo-placeholder .fas {
        font-size: 40px;
    }

    body.single-lekarz .lekarz-single-name {
        font-size: 1.75rem;
    }
    body.single-lekarz .lekarz-single-title {
        font-size: 1.1rem;
    }
}

.specialty-jumper-container {
            display: flex;
            justify-content: center;
            margin: 2rem auto 3rem auto;
            padding: 0 15px;
        }
        .specialty-jumper-select {
            font-family: inherit;
            font-size: 16px;
            color: #333;
            background-color: #ffffff;
            padding: 12px 40px 12px 20px;
            min-width: 300px;
            max-width: 100%;
            border: 1px solid #ccc;
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23333333' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 15px center;
            background-size: 16px;
            transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
            cursor: pointer;
        }
        .specialty-jumper-select:hover {
            border-color: #0056a8;
        }
        .specialty-jumper-select:focus {
            outline: none;
            border-color: #007bff;
            box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.2);
        }
        /* Dodatkowe style dla prezentacji */
        .preview-container {
            border: 1px dashed #ddd;
            padding: 2rem;
            background-color: #fff;
            border-radius: 8px;
        }
        .preview-title {
            text-align: center;
            color: #555;
            margin-bottom: 2rem;
            font-weight: 500;
        }
.oxilab-flip-box-back div{
	background-color:#cb2524;
}


.kb-section--konsultacja ul, b-section--pierwsza-wizyta ul,kb-section--pamietaj ul,kb-section--zespol ul, kb-section--przyjecia ul,kb-section--objawy ul {margin-left:18px;}