/*
Theme Name: Kolar Medical Appointment Child
Theme URI: https://kolar-praktik.cz/
Description: Jednoduchá child šablona pro Medical Appointment – vlastní hlavička inspirovaná Mavix Medical a mobilní menu.
Author: Kolar Praktik
Template: medical-appointment
Version: 1.1.0
Text Domain: kolar-medical-appointment
*/

/* =========================================================
   ZÁKLADNÍ PROMĚNNÉ
   ========================================================= */
:root {
    --kolar-teal: #008B8B;
    --kolar-turquoise: #40E0D0;
    --kolar-orange: #FF7A00;
    --kolar-dark: #173F4A;
    --kolar-text: #222222;
    --kolar-light: #F0FFFF;
    --kolar-menu-bg: #f3f4f4;
    --kolar-border: #e3e6e7;
    --kolar-white: #ffffff;
}

/* =========================================================
   VLASTNÍ HLAVIČKA
   ========================================================= */
.kolar-header {
    position: relative;
    z-index: 1000;
    width: 100%;
    background: var(--kolar-white);
    border-bottom: 1px solid var(--kolar-border);
}

.kolar-header__inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: 18px 24px 14px;
    display: flex;
    align-items: center;
    gap: 28px;
}

.kolar-brand {
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
    flex: 1 1 auto;
}

.kolar-brand__logo img,
.kolar-brand__logo .custom-logo {
    display: block;
    width: auto;
    max-width: 82px;
    max-height: 82px;
    height: auto;
}

.kolar-brand__text {
    min-width: 0;
}

.kolar-brand__title {
    margin: 0;
    color: var(--kolar-teal);
    font-size: clamp(26px, 3vw, 39px);
    line-height: 1.08;
    font-weight: 400;
    letter-spacing: .01em;
}

.kolar-brand__tagline {
    margin: 7px 0 0;
    color: #111;
    font-size: clamp(16px, 1.5vw, 21px);
    line-height: 1.2;
}

.kolar-contact {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 245px;
}

.kolar-contact__item {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--kolar-dark);
    font-size: 15px;
    line-height: 1.25;
    text-decoration: none;
}

.kolar-contact__item:hover,
.kolar-contact__item:focus {
    color: var(--kolar-orange);
}

.kolar-contact__icon {
    width: 21px;
    text-align: center;
    color: var(--kolar-teal);
    font-size: 17px;
    flex: 0 0 21px;
}

/* =========================================================
   MENU – DESKTOP
   ========================================================= */
.kolar-nav {
    background: var(--kolar-white);
    border-bottom: 1px solid var(--kolar-border);
}

.kolar-nav__inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 24px;
}

.kolar-menu,
.kolar-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.kolar-menu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 28px;
}

.kolar-menu > li {
    position: relative;
}

.kolar-menu > li > a {
    position: relative;
    display: block;
    padding: 15px 0 13px;
    color: var(--kolar-dark);
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
}

.kolar-menu > li > a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 7px;
    width: 0;
    height: 2px;
    background: var(--kolar-orange);
    transition: width .25s ease;
}

.kolar-menu > li:hover > a::after,
.kolar-menu > li:focus-within > a::after,
.kolar-menu > li.current-menu-item > a::after,
.kolar-menu > li.current-menu-ancestor > a::after {
    width: 100%;
}

/* Podmenu */
.kolar-menu .sub-menu {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 220px;
    background: #fff;
    border: 1px solid var(--kolar-border);
    box-shadow: 0 8px 25px rgba(0,0,0,.08);
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    transition: .18s ease;
    z-index: 1100;
}

.kolar-menu li:hover > .sub-menu,
.kolar-menu li:focus-within > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.kolar-menu .sub-menu a {
    display: block;
    padding: 11px 15px;
    color: var(--kolar-dark);
    text-decoration: none;
}

.kolar-menu .sub-menu a:hover,
.kolar-menu .sub-menu a:focus {
    background: var(--kolar-light);
    color: var(--kolar-orange);
}

/* =========================================================
   HAMBURGER – DESKTOP SKRYTÝ
   ========================================================= */
.kolar-menu-toggle {
    display: none;
    border: 0;
    background: transparent;
    color: var(--kolar-dark);
    width: 48px;
    height: 48px;
    padding: 8px;
    cursor: pointer;
}

.kolar-menu-toggle__bars,
.kolar-menu-toggle__bars::before,
.kolar-menu-toggle__bars::after {
    display: block;
    width: 30px;
    height: 3px;
    background: currentColor;
    border-radius: 2px;
}

.kolar-menu-toggle__bars {
    position: relative;
    margin: 0 auto;
}

.kolar-menu-toggle__bars::before,
.kolar-menu-toggle__bars::after {
    content: "";
    position: absolute;
    left: 0;
}

.kolar-menu-toggle__bars::before { top: -9px; }
.kolar-menu-toggle__bars::after { top: 9px; }

.kolar-menu-toggle[aria-expanded="true"] .kolar-menu-toggle__bars {
    background: transparent;
}

.kolar-menu-toggle[aria-expanded="true"] .kolar-menu-toggle__bars::before {
    top: 0;
    transform: rotate(45deg);
}

.kolar-menu-toggle[aria-expanded="true"] .kolar-menu-toggle__bars::after {
    top: 0;
    transform: rotate(-45deg);
}

/* =========================================================
   MOBILNÍ MENU
   ========================================================= */
.kolar-mobile-panel {
    display: none;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 800px) {
    .kolar-header__inner {
        padding: 14px 18px;
        gap: 10px;
    }

    .kolar-brand {
        gap: 12px;
        padding-right: 4px;
    }

    .kolar-brand__logo img,
    .kolar-brand__logo .custom-logo {
        max-width: 62px;
        max-height: 62px;
    }

    .kolar-brand__title {
        font-size: clamp(21px, 6vw, 30px);
    }

    .kolar-brand__tagline {
        margin-top: 4px;
        font-size: clamp(14px, 4vw, 18px);
    }

    .kolar-contact {
        display: none;
    }

    .kolar-menu-toggle {
        display: block;
        flex: 0 0 48px;
    }

    .kolar-nav {
        display: none;
    }

    .kolar-mobile-panel {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        background: var(--kolar-menu-bg);
        border-top: 1px solid #ddd;
        box-shadow: 0 8px 18px rgba(0,0,0,.08);
        opacity: 0;
        visibility: hidden;
        transform: translateY(-5px);
        transition: opacity .2s ease, transform .2s ease, visibility .2s;
        max-height: calc(100vh - 110px);
        overflow-y: auto;
    }

    .kolar-mobile-panel.is-open {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .kolar-mobile-menu,
    .kolar-mobile-menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .kolar-mobile-menu > li {
        border-bottom: 1px solid #ddd;
    }

    .kolar-mobile-menu a {
        display: block;
        padding: 17px 24px;
        color: #202020;
        font-size: 18px;
        font-weight: 500;
        text-decoration: none;
    }

    .kolar-mobile-menu a:hover,
    .kolar-mobile-menu a:focus {
        color: var(--kolar-orange);
        background: #eceeee;
    }

    .kolar-mobile-menu .sub-menu {
        background: #e9ebeb;
    }

    .kolar-mobile-menu .sub-menu a {
        padding-left: 42px;
        font-size: 16px;
    }

    .kolar-mobile-contact {
        padding: 15px 24px 18px;
        border-bottom: 1px solid #ddd;
        background: #eef0f0;
    }

    .kolar-mobile-contact .kolar-contact__item {
        padding: 5px 0;
        font-size: 15px;
    }
}

@media (min-width: 801px) {
    .kolar-mobile-panel {
        display: none !important;
    }
}

/* Přístupnost / redukce animací */
@media (prefers-reduced-motion: reduce) {
    .kolar-menu > li > a::after,
    .kolar-mobile-panel,
    .kolar-menu .sub-menu {
        transition: none;
    }
}


/* =========================================================
   VERZE 1.1 – OPRAVA MENU A MOBILNÍHO MENU
   ========================================================= */

/* Vynutíme viditelnost našeho desktopového menu nad styly parent theme. */
#kolar-desktop-nav {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
    background: #fff !important;
}

#kolar-desktop-nav .kolar-menu {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Skryjeme původní navigaci Medical Appointment, pokud ji parent theme
   vloží mimo naši vlastní hlavičku. */
body .main-navigation,
body #site-navigation,
body .site-navigation,
body .primary-navigation,
body .navigation-menu,
body .primary-menu-container,
body .menu-primary-menu-container {
    display: none !important;
}

.kolar-mobile-inline-contact {
    display: none;
}

@media (max-width: 800px) {
    .kolar-header__inner {
        flex-wrap: wrap;
        align-items: center;
    }

    .kolar-brand {
        flex: 1 1 calc(100% - 58px);
        min-width: 0;
    }

    /* Kontakty zůstávají přímo pod názvem ordinace. */
    .kolar-mobile-inline-contact {
        display: flex;
        flex-wrap: wrap;
        gap: 2px 16px;
        margin-top: 7px;
    }

    .kolar-mobile-inline-contact .kolar-contact__item {
        font-size: 13px;
        line-height: 1.25;
        gap: 5px;
    }

    .kolar-mobile-inline-contact .kolar-contact__icon {
        width: auto;
        flex: 0 0 auto;
        font-size: 14px;
    }

    /* Hamburger zůstává vpravo v hlavičce. */
    .kolar-menu-toggle {
        align-self: flex-start;
        margin-top: 2px;
    }

    /* Mobilní menu je vysouvací panel z levé strany, nikoliv přes celou šířku. */
    .kolar-mobile-panel {
        display: block;
        position: absolute;
        left: 0;
        right: auto;
        top: 100%;
        width: min(86vw, 390px);
        background: #f1f2f2;
        border-top: 1px solid #d9dddd;
        border-right: 1px solid #d9dddd;
        box-shadow: 8px 8px 22px rgba(0,0,0,.14);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateX(-105%);
        transition: transform .25s ease, opacity .2s ease, visibility .25s;
        max-height: calc(100vh - 80px);
        overflow-y: auto;
        z-index: 1200;
    }

    .kolar-mobile-panel.is-open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateX(0);
    }

    .kolar-mobile-menu,
    .kolar-mobile-menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .kolar-mobile-menu > li {
        border-bottom: 1px solid #d9dddd;
    }

    .kolar-mobile-menu a {
        display: block;
        padding: 17px 24px;
        color: #1f2527;
        font-size: 18px;
        font-weight: 500;
        text-decoration: none;
    }

    .kolar-mobile-menu a:hover,
    .kolar-mobile-menu a:focus {
        color: var(--kolar-orange);
        background: #e8eaea;
    }

    .kolar-mobile-menu .sub-menu {
        background: #e7e9e9;
    }

    .kolar-mobile-menu .sub-menu a {
        padding-left: 42px;
        font-size: 16px;
    }
}

@media (min-width: 801px) {
    .kolar-mobile-panel,
    .kolar-mobile-inline-contact {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .kolar-mobile-panel {
        transition: none;
    }
}
/* =========================================================
   MOBIL – POUZE HAMBURGER, KLASICKÉ MENU SKRYTÉ
   ========================================================= */

@media (max-width: 800px) {

    /* Klasické desktopové menu na mobilu úplně schovat */
    #kolar-desktop-nav,
    .kolar-nav,
    .kolar-nav__inner,
    #kolar-desktop-nav .kolar-menu {
        display: none !important;
    }

    /* Hamburger zůstává viditelný */
    .kolar-menu-toggle {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Mobilní vysouvací menu zůstává schované,
       dokud se neaktivuje hamburgerem */
    .kolar-mobile-panel {
        display: block !important;
    }
}
/* =========================================================
   AKTUALITY – MUDr. Kolář
   ========================================================= */

.kolar-aktuality {
    max-width: 900px;
    margin: 35px auto;
    padding: 0;
}

/* Nadpis Aktuality */
.kolar-aktuality__title {
    margin: 0 0 25px;
    color: #008B8B;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
}


/* =========================================================
   JEDNOTLIVÁ AKTUALITA
   ========================================================= */

.kolar-aktualita {
    position: relative;

    margin: 0 0 22px;
    padding: 20px 30px 22px;

    background: #ffffff;

    /* jemný rámeček */
    border: 1px solid #d9e3e5;

    /* oranžové levé a pravé okraje */
    border-left: 5px solid #FF7A00;
    border-right: 5px solid #FF7A00;

    /* zaoblené rohy */
    border-radius: 10px;

    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}


/* =========================================================
   NADPIS AKTUALITY
   ========================================================= */

.kolar-aktualita__title {
    margin: 0 0 5px;

    color: #173F4A;
    font-size: 21px;
    line-height: 1.35;
    font-weight: 600;
}

.kolar-aktualita__title a {
    color: #173F4A;
    text-decoration: none;
}

.kolar-aktualita__title a:hover {
    color: #008B8B;
}


/* =========================================================
   DATUM
   ========================================================= */

.kolar-aktualita__date {
    margin-bottom: 10px;

    color: #7b8a8d;
    font-size: 13px;
    line-height: 1.4;
}


/* =========================================================
   TEXT
   ========================================================= */

.kolar-aktualita__text {
    color: #444444;
    font-size: 16px;
    line-height: 1.6;
}


/* =========================================================
   STARŠÍ ZPRÁVY
   ========================================================= */

.kolar-aktuality__archive {
    display: inline-block;
    margin-top: 3px;

    color: #FF7A00;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

.kolar-aktuality__archive:hover {
    text-decoration: underline;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 600px) {

    .kolar-aktuality {
        margin: 25px auto;
    }

    .kolar-aktuality__title {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .kolar-aktualita {
        padding: 18px 22px 20px;

        margin-bottom: 20px;

        border-left-width: 4px;
        border-right-width: 4px;
        border-radius: 9px;
    }

    .kolar-aktualita__title {
        font-size: 19px;
    }

    .kolar-aktualita__text {
        font-size: 15px;
        line-height: 1.55;
    }
}
/* =========================================================
   TLAČÍTKO – STARŠÍ ZPRÁVY
   ========================================================= */

.kolar-aktuality__archive {
    display: block;
    width: fit-content;

    margin: 25px auto 5px;
    padding: 9px 28px;

    background: #e6fafa;
    border: 1px solid #8acccc;
    border-radius: 30px;

    color: #FF7A00;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;

    transition: background-color 0.2s ease,
                border-color 0.2s ease;
}

.kolar-aktuality__archive:hover {
    color: #FF7A00;
    text-decoration: none;

    background: #d9f5f5;
    border-color: #62b8b8;
}
/* =========================================================
   DŮLEŽITÁ AKTUALITA – VYKŘIČNÍK
   ========================================================= */

.kolar-aktualita--dulezita {
    display: grid;
    grid-template-columns: 55px minmax(0, 1fr);
    column-gap: 14px;
}

.kolar-aktualita--dulezita .kolar-aktualita__important {
    grid-column: 1;
    grid-row: 1 / -1;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #FF7A00;
    font-size: 70px;
    font-weight: 700;
    line-height: 1;
}

.kolar-aktualita--dulezita .kolar-aktualita__title,
.kolar-aktualita--dulezita .kolar-aktualita__date,
.kolar-aktualita--dulezita .kolar-aktualita__text {
    grid-column: 2;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 600px) {

    .kolar-aktualita--dulezita {
        grid-template-columns: 45px minmax(0, 1fr);
        column-gap: 8px;
    }

    .kolar-aktualita--dulezita .kolar-aktualita__important {
        grid-column: 1;
        grid-row: 1 / -1;

        display: flex;
        align-items: center;
        justify-content: center;

        color: #FF7A00;
        font-size: 52px;
        font-weight: 700;
        line-height: 1;
    }
}
/* =========================================================
   LÉKAŘ RADÍ + ČASTÉ DOTAZY
   ========================================================= */

.kolar-radi-box,
.kolar-faq-box {
    background: #ffffff;
    border: 1px solid #d8e2e2;
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(23, 63, 74, 0.08);
    padding: 24px 26px 26px;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}

/* Nadpis boxu */
.kolar-radi-box h2,
.kolar-faq-box h2 {
    margin: 0 0 18px;
    color: #008B8B;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
}

/* Nadpis konkrétního článku */
.kolar-radi-box h3,
.kolar-faq-box h3 {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
}

.kolar-radi-box h3 a,
.kolar-faq-box h3 a {
    color: #173F4A;
    text-decoration: none;
}

/* Text */
.kolar-radi-box__text,
.kolar-faq-box__text {
    color: #173F4A;
    font-size: 15px;
    line-height: 1.65;
    margin-bottom: 20px;
}

/* Tlačítko Číst více */
.kolar-radi-box__more,
.kolar-faq-box__more {
    display: block;
    width: fit-content;
    margin: 22px auto 0;

    padding: 8px 24px;

    background: #e6fafa;
    border: 1px solid #8acccc;
    border-radius: 30px;

    color: #FF7A00;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;

    transition: background-color 0.2s ease,
                border-color 0.2s ease;
}

.kolar-radi-box__more:hover,
.kolar-faq-box__more:hover {
    color: #FF7A00;
    text-decoration: none;
    background: #d9f5f5;
    border-color: #62b8b8;
}
/* =========================================================
   JEDNOTLIVÉ RADY V BOXU LÉKAŘ RADÍ
   ========================================================= */

.kolar-radi-box article {
    padding: 12px 0;
}

.kolar-radi-box article + article {
    border-top: 1px solid #e2eeee;
}

.kolar-radi-box h3 {
    margin: 0 0 6px;
    font-size: 17px;
    line-height: 1.4;
}

.kolar-radi-box h3 a {
    color: #173F4A;
    text-decoration: none;
}

.kolar-radi-box h3 a:hover {
    color: #008B8B;
}

.kolar-radi-box__text {
    margin: 0;
    color: #173F4A;
    font-size: 15px;
    line-height: 1.55;
}
/* =========================================================
   JEDNOTLIVÉ OTÁZKY V BOXU ČASTÉ DOTAZY
   ========================================================= */

.kolar-faq-box article {
    padding: 12px 0;
}

.kolar-faq-box article + article {
    border-top: 1px solid #e2eeee;
}

.kolar-faq-box h3 {
    margin: 0 0 6px;
    font-size: 17px;
    line-height: 1.4;
}

.kolar-faq-box h3 a {
    color: #173F4A;
    text-decoration: none;
}

.kolar-faq-box h3 a:hover {
    color: #008B8B;
}

.kolar-faq-box__text {
    margin: 0;
    color: #173F4A;
    font-size: 15px;
    line-height: 1.55;
}
/* =========================================
CENÍK VÝKONŮ – MUDr. Kolář
========================================= */

.kolar-cenik {
width: 100%;
max-width: 950px;
margin: 30px auto;
font-family: Arial, Helvetica, sans-serif;
}

/* Jednotlivý řádek */
.kolar-cenik .cenik-radek {
display: grid;
grid-template-columns: 1fr 150px;
align-items: center;
min-height: 58px;
margin-bottom: 8px;
padding: 12px 18px;
background: #f3f4f4;
border-left: 5px solid #cfd3d4;
border-radius: 4px;
box-sizing: border-box;
}

/* Střídání barev na počítači */
.kolar-cenik .cenik-radek:nth-child(even) {
background: #f0ffff;
border-left-color: #40E0D0;
}

/* Název výkonu */
.kolar-cenik .cenik-vykon {
padding-right: 20px;
color: #173F4A;
font-size: 16px;
line-height: 1.45;
}

/* Cena */
.kolar-cenik .cenik-cena {
color: #008B8B;
font-size: 17px;
font-weight: 700;
text-align: right;
white-space: nowrap;
}

/* Jemný efekt při najetí myší */
.kolar-cenik .cenik-radek:hover {
border-left-color: #FF7A00;
}

/* =========================================
MOBIL
========================================= */

@media (max-width: 700px) {

.kolar-cenik {
    width: 100%;
    margin: 25px auto;
}

.kolar-cenik .cenik-radek {
    display: block;
    min-height: auto;
    margin-bottom: 7px;
    padding: 13px 14px 13px 15px;
    border-left-width: 5px;
}

/* Střídavý levý barevný okraj */
.kolar-cenik .cenik-radek:nth-child(odd) {
    background: #f3f4f4;
    border-left-color: #FF7A00;
}

.kolar-cenik .cenik-radek:nth-child(even) {
    background: #f0ffff;
    border-left-color: #40E0D0;
}

/* Text výkonu */
.kolar-cenik .cenik-vykon {
    padding: 0;
    font-size: 15px;
    line-height: 1.45;
}

/* Cena pod názvem */
.kolar-cenik .cenik-cena {
    margin-top: 7px;
    font-size: 17px;
    text-align: left;
    color: #008B8B;
}

/* Na mobilu odstraníme hover efekt */
.kolar-cenik .cenik-radek:hover {
    border-left-color: inherit;
}

}
/* =========================================
ORDINAČNÍ DOBA – MUDr. Kolář
Kompletní styl PC + mobil
========================================= */

.kolar-ordinacni-doba {
width: 100%;
max-width: 950px;
margin: 30px auto;
font-family: Arial, Helvetica, sans-serif;
box-sizing: border-box;
}

/* =========================================
INFORMACE NAD ROZPISEM
========================================= */

.kolar-ordinacni-info {
margin-bottom: 30px;
text-align: center;
}

.kolar-odbery {
color: #008B8B;
font-size: 17px;
line-height: 1.6;
}

.kolar-odbery span {
display: inline-block;
margin: 0 5px;
padding: 2px 8px;
background: #40E0D0;
color: #173F4A;
border-radius: 3px;
font-weight: 700;
}

.kolar-objednani {
margin-top: 7px;
color: #173F4A;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
}

/* =========================================
JEDNOTLIVÉ DNY – SPOLEČNÝ BOX
========================================= */

.kolar-den {
margin-bottom: 25px;
padding: 18px;
background: #ffffff;
border: 1px solid #e0e4e5;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(23, 63, 74, 0.08);
box-sizing: border-box;
}

/* Název dne */

.kolar-den h3 {
margin: 0 0 14px 2px;
color: #000000;
font-size: 20px;
font-weight: 700;
line-height: 1.3;
}

/* =========================================
JEDNOTLIVÉ ČASOVÉ ŘÁDKY
========================================= */

.kolar-casovy-radek {
display: grid;
grid-template-columns: 155px 1fr;
align-items: center;
min-height: 52px;
margin-bottom: 7px;
padding: 10px 16px;
background: #f3f4f4;
border-left: 5px solid #bfc4c6;
border-radius: 4px;
box-sizing: border-box;
}

/* Střídání řádků */

.kolar-casovy-radek:nth-child(even) {
background: #f0ffff;
border-left-color: #40E0D0;
}

/* Poslední řádek dne */

.kolar-den .kolar-casovy-radek:last-child {
margin-bottom: 0;
}

/* =========================================
ČAS
========================================= */

.kolar-cas {
color: #008B8B;
font-size: 16px;
font-weight: 700;
white-space: nowrap;
}

/* =========================================
ČINNOST
========================================= */

.kolar-cinnost {
padding-left: 15px;
color: #173F4A;
font-size: 15px;
line-height: 1.45;
}

/* =========================================
EFEKT NAJÍŽDĚNÍ MYŠÍ
========================================= */

.kolar-casovy-radek:hover {
border-left-color: #FF7A00;
}

/* =========================================
MOBIL
========================================= */

@media (max-width: 700px) {

.kolar-ordinacni-doba {
    width: 100%;
    margin: 25px auto;
}


/* Informace nad rozpisem */

.kolar-ordinacni-info {
    margin-bottom: 25px;
}

.kolar-odbery {
    font-size: 16px;
    line-height: 1.5;
}

.kolar-odbery span {
    margin: 3px 3px;
}

.kolar-objednani {
    font-size: 14px;
    line-height: 1.4;
}


/* =====================================
   BOX JEDNOTLIVÉHO DNE
   ===================================== */

.kolar-den {
    margin-bottom: 20px;
    padding: 12px;
    border-radius: 7px;
    box-shadow: 0 2px 7px rgba(23, 63, 74, 0.08);
}


/* Název dne */

.kolar-den h3 {
    margin: 0 0 10px 2px;
    font-size: 18px;
    color: #000000;
}


/* =====================================
   ŘÁDKY NA MOBILU
   ===================================== */

.kolar-casovy-radek {
    display: block;
    min-height: auto;
    margin-bottom: 7px;
    padding: 12px 14px 13px 15px;
    border-left-width: 5px;
}


/* Střídavé barvy řádků */

.kolar-casovy-radek:nth-child(odd) {
    background: #f3f4f4;
    border-left-color: #bfc4c6;
}

.kolar-casovy-radek:nth-child(even) {
    background: #f0ffff;
    border-left-color: #40E0D0;
}


/* Čas */

.kolar-cas {
    margin-bottom: 5px;
    color: #008B8B;
    font-size: 15px;
    font-weight: 700;
    white-space: normal;
}


/* Činnost */

.kolar-cinnost {
    padding-left: 0;
    color: #173F4A;
    font-size: 15px;
    line-height: 1.45;
}


/* Na mobilu bez hover efektu */

.kolar-casovy-radek:hover {
    border-left-color: inherit;
}

}
/* =========================================
   NÁŠ TÝM – 2 KARTY VEDLE SEBE
   ========================================= */

.kolar-tym {
    width: 100% !important;
    max-width: none !important;
    margin: 30px 0 !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 25px !important;

    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}

/* =========================================
   JEDNOTLIVÁ KARTA
   ========================================= */

.kolar-osoba {
    position: relative;
    width: 100% !important;
    max-width: none !important;
    min-width: 0;

    padding: 25px;
    margin: 0 !important;

    background: #ffffff;
    border: 1px solid #e0e4e5;
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(23, 63, 74, 0.10);

    box-sizing: border-box;
    overflow: hidden;
}

/* =========================================
   KRUH PRO FOTOGRAFII
   ========================================= */

.kolar-foto-kruh {
    float: right;

    width: 150px;
    height: 150px;

    margin: 0 0 12px 18px;

    border: 2px solid #bfc4c6;
    border-radius: 50%;

    background: #ffffff;

    box-sizing: border-box;
}

/* =========================================
   JMÉNO
   ========================================= */

.kolar-osoba h3 {
    margin: 0 0 20px 0;

    color: #000000;
    font-size: 21px;
    line-height: 1.3;
}

/* =========================================
   ŽIVOTOPIS
   ========================================= */

.kolar-zivotopis {
    color: #173F4A;
    font-size: 15px;
    line-height: 1.5;
}

.kolar-zivotopis div {
    padding: 7px 9px;
    margin-bottom: 5px;

    background: #f3f4f4;

    border-left: 4px solid #bfc4c6;
    border-radius: 3px;
}

.kolar-zivotopis div:nth-child(even) {
    background: #f0ffff;
    border-left-color: #40E0D0;
}

.kolar-zivotopis strong {
    color: #008B8B;
}

/* =========================================
   POPIS SESTRY
   ========================================= */

.kolar-popis {
    margin: 0;

    color: #173F4A;
    font-size: 15px;
    line-height: 1.6;
}

/* ukončení obtékání */
.kolar-osoba::after {
    content: "";
    display: block;
    clear: both;
}


/* =========================================
   MOBIL – KARTY POD SEBOU
   ========================================= */

@media (max-width: 700px) {

    .kolar-tym {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 25px 0 !important;
    }

    .kolar-osoba {
        width: 100% !important;
        margin: 0 0 20px 0 !important;
        padding: 18px;

        border-radius: 8px;

        box-shadow: 0 2px 8px rgba(23, 63, 74, 0.09);
    }

    .kolar-foto-kruh {
        width: 50px;
        height: 50px;
        margin: 0 0 10px 15px;
    }

    .kolar-osoba h3 {
        margin: 0 0 18px 0;
        font-size: 19px;
    }

    .kolar-zivotopis {
        font-size: 15px;
    }

    .kolar-zivotopis div {
        padding: 7px 9px;
    }

    .kolar-popis {
        font-size: 15px;
        line-height: 1.55;
    }
}
/* =========================================
   KONTAKTNÍ FORMULÁŘ – MUDr. Kolář
   ========================================= */

.kolar-formular-info {
    width: 100%;
    max-width: 900px;
    margin: 30px auto 22px;
    padding: 20px 25px;

    background: #f0ffff;

    border: 1px solid #40E0D0;
    border-radius: 10px;

    box-shadow: 0 2px 8px rgba(23, 63, 74, 0.08);

    box-sizing: border-box;

    color: #173F4A;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.6;

    text-align: center;
}

.kolar-formular-info p {
    margin: 0 0 10px 0;
}

.kolar-formular-info p:last-of-type {
    margin-bottom: 0;
}

.kolar-formular-info strong {
    color: #008B8B;
}

.kolar-formular-upozorneni {
    font-weight: 600;
}

.kolar-formular-varovani {
    display: inline-block;

    margin-top: 8px;
    padding: 7px 14px;

    background: #FF7A00;
    color: #ffffff;

    border-radius: 5px;

    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}


/* =========================================
   WPForms – hlavní karta
   ========================================= */

.wpforms-container {
    max-width: 900px;
    margin: 0 auto 35px;
    padding: 25px;

    background: #ffffff;

    border: 1px solid #e0e4e5;
    border-radius: 10px;

    box-shadow: 0 3px 10px rgba(23, 63, 74, 0.10);

    box-sizing: border-box;
}


/* Popisky polí */

.wpforms-container .wpforms-field-label {
    color: #008B8B !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}


/* Všechna vstupní pole */

.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container input[type="tel"],
.wpforms-container input[type="number"],
.wpforms-container textarea,
.wpforms-container select {
    width: 100% !important;

    padding: 11px 13px !important;

    background: #ffffff !important;

    border: 1px solid #bfc4c6 !important;
    border-radius: 5px !important;

    color: #173F4A !important;

    box-sizing: border-box !important;

    font-size: 15px !important;
}


/* Aktivní pole */

.wpforms-container input:focus,
.wpforms-container textarea:focus,
.wpforms-container select:focus {
    border-color: #40E0D0 !important;

    outline: none !important;

    box-shadow: 0 0 0 2px rgba(64, 224, 208, 0.18) !important;
}


/* Textové pole */

.wpforms-container textarea {
    min-height: 130px;
    resize: vertical;
}


/* Odesílací tlačítko */

.wpforms-container button[type="submit"],
.wpforms-container input[type="submit"] {
    padding: 11px 28px !important;

    background: #40E0D0 !important;
    color: #173F4A !important;

    border: none !important;
    border-radius: 5px !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    cursor: pointer;

    transition: background-color 0.2s ease,
                color 0.2s ease;
}


/* Hover tlačítka */

.wpforms-container button[type="submit"]:hover,
.wpforms-container input[type="submit"]:hover {
    background: #FF7A00 !important;
    color: #ffffff !important;
}


/* =========================================
   MOBIL
   ========================================= */

@media (max-width: 700px) {

    .kolar-formular-info {
        margin: 25px auto 18px;
        padding: 17px 16px;

        font-size: 15px;
        line-height: 1.55;

        border-radius: 8px;
    }

    .kolar-formular-varovani {
        display: block;

        margin-top: 12px;
        padding: 8px 10px;

        font-size: 13px;
    }

    .wpforms-container {
        margin-bottom: 25px;
        padding: 18px;

        border-radius: 8px;

        box-shadow: 0 2px 8px rgba(23, 63, 74, 0.09);
    }

    .wpforms-container button[type="submit"],
    .wpforms-container input[type="submit"] {
        width: 100% !important;
        padding: 12px 20px !important;
    }
}
/* =========================================
   KONTAKT – MUDr. Kolář
   ========================================= */

.kolar-kontakt {
    width: 100%;
    max-width: 1000px;
    margin: 30px auto;

    font-family: Arial, Helvetica, sans-serif;
    color: #173F4A;
}


/* =========================================
   HLAVNÍ KONTAKTY
   ========================================= */

.kolar-kontakt-hlavni {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;

    margin-bottom: 25px;
}

.kolar-kontakt-item {
    display: flex;
    align-items: center;

    padding: 18px 22px;

    background: #f0ffff;

    border: 1px solid #40E0D0;
    border-radius: 8px;

    box-shadow: 0 2px 8px rgba(23, 63, 74, 0.08);

    box-sizing: border-box;
}

.kolar-kontakt-ikona {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    margin-right: 14px;

    background: #40E0D0;
    color: #173F4A;

    border-radius: 50%;

    font-size: 21px;
    flex-shrink: 0;
}

.kolar-kontakt-label {
    margin-bottom: 3px;

    color: #008B8B;

    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.kolar-kontakt-item a {
    color: #173F4A;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
}

.kolar-kontakt-item a:hover {
    color: #FF7A00;
}


/* =========================================
   INFORMAČNÍ BOXY
   ========================================= */

.kolar-kontakt-box {
    margin-bottom: 25px;
    padding: 22px 25px;

    background: #ffffff;

    border: 1px solid #e0e4e5;
    border-left: 5px solid #40E0D0;
    border-radius: 8px;

    box-shadow: 0 3px 10px rgba(23, 63, 74, 0.08);

    box-sizing: border-box;
}

.kolar-kontakt-box h3 {
    margin: 0 0 15px 0;

    color: #008B8B;

    font-size: 20px;
    line-height: 1.3;
}

.kolar-kontakt-box p {
    margin: 0 0 12px 0;

    font-size: 15px;
    line-height: 1.6;
}

.kolar-kontakt-box p:last-child {
    margin-bottom: 0;
}

.kolar-kontakt-box a {
    color: #008B8B;
    text-decoration: none;
}

.kolar-kontakt-box a:hover {
    color: #FF7A00;
    text-decoration: underline;
}

.kolar-kontakt-zaver {
    font-weight: 600;
}


/* =========================================
   E-RECEPT
   ========================================= */

.kolar-erecept {
    border-left-color: #FF7A00;
}

.kolar-erecept-upozorneni {
    margin-top: 18px;
    padding: 13px 15px;

    background: #f0ffff;

    border-radius: 5px;

    font-size: 15px;
    line-height: 1.55;
}

.kolar-erecept-upozorneni strong {
    color: #008B8B;
}

.kolar-erecept-varovani {
    display: inline-block;

    margin-top: 12px;
    padding: 7px 13px;

    background: #FF7A00;
    color: #ffffff;

    border-radius: 4px;

    font-size: 14px;
    font-weight: 700;
}


/* =========================================
   MOBIL
   ========================================= */

@media (max-width: 700px) {

    .kolar-kontakt {
        margin: 25px auto;
    }

    .kolar-kontakt-hlavni {
        display: block;
        margin-bottom: 20px;
    }

    .kolar-kontakt-item {
        margin-bottom: 12px;
        padding: 15px 17px;
        border-radius: 7px;
    }

    .kolar-kontakt-item:last-child {
        margin-bottom: 0;
    }

    .kolar-kontakt-ikona {
        width: 38px;
        height: 38px;
        margin-right: 12px;
        font-size: 19px;
    }

    .kolar-kontakt-item a {
        font-size: 16px;
    }

    .kolar-kontakt-box {
        margin-bottom: 20px;
        padding: 18px 17px;

        border-radius: 7px;
    }

    .kolar-kontakt-box h3 {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .kolar-kontakt-box p {
        font-size: 15px;
        line-height: 1.55;
    }

    .kolar-erecept-varovani {
        display: block;
        text-align: center;
    }
}
/* =========================================
   NAŠE SLUŽBY – MUDr. Kolář
   ========================================= */

.kolar-sluzby {
    width: 100%;
    max-width: 1000px;
    margin: 30px auto;

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;

    font-family: Arial, Helvetica, sans-serif;
    box-sizing: border-box;
}


/* =========================================
   JEDNOTLIVÁ KARTA
   ========================================= */

.kolar-sluzba {
    padding: 24px;

    background: #ffffff;

    border: 1px solid #e0e4e5;
    border-left: 5px solid #40E0D0;
    border-radius: 9px;

    box-shadow: 0 3px 10px rgba(23, 63, 74, 0.09);

    box-sizing: border-box;
}


/* Nadpis */

.kolar-sluzba h3 {
    margin: 0 0 17px 0;

    color: #008B8B;

    font-size: 20px;
    line-height: 1.35;
}


/* Podnadpis */

.kolar-sluzba h4 {
    margin: 20px 0 10px 0;

    color: #173F4A;

    font-size: 16px;
    line-height: 1.4;
}


/* Seznam */

.kolar-sluzba ul {
    margin: 0;
    padding-left: 22px;

    color: #173F4A;

    font-size: 15px;
    line-height: 1.55;
}


/* Jednotlivá položka */

.kolar-sluzba li {
    margin-bottom: 9px;
    padding-left: 3px;
}

.kolar-sluzba li:last-child {
    margin-bottom: 0;
}


/* Zvýraznění při najetí */

.kolar-sluzba:hover {
    border-left-color: #FF7A00;

    box-shadow: 0 4px 13px rgba(23, 63, 74, 0.12);
}


/* =========================================
   MOBIL
   ========================================= */

@media (max-width: 700px) {

    .kolar-sluzby {
        display: block;

        width: 100%;
        max-width: 100%;

        margin: 25px auto;
    }

    .kolar-sluzba {
        margin-bottom: 20px;
        padding: 18px;

        border-radius: 8px;

        box-shadow: 0 2px 8px rgba(23, 63, 74, 0.09);
    }

    .kolar-sluzba:last-child {
        margin-bottom: 0;
    }

    .kolar-sluzba h3 {
        font-size: 18px;
        margin-bottom: 14px;
    }

    .kolar-sluzba h4 {
        font-size: 16px;
    }

    .kolar-sluzba ul {
        font-size: 15px;
        line-height: 1.55;

        padding-left: 20px;
    }

    .kolar-sluzba li {
        margin-bottom: 9px;
    }
}
/* =========================================================
   DŮLEŽITÁ AKTUALITA – VYKŘIČNÍK
   ========================================================= */

.kolar-aktualita--dulezita {
    position: relative;
}

.kolar-aktualita--dulezita::before {
    content: "!";

    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);

    color: #FF7A00;
    font-size: 70px;
    font-weight: 700;
    line-height: 1;

    z-index: 2;
}

.kolar-aktualita--dulezita .kolar-aktualita__title,
.kolar-aktualita--dulezita .kolar-aktualita__date,
.kolar-aktualita--dulezita .kolar-aktualita__text {
    margin-left: 45px;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 600px) {

    .kolar-aktualita--dulezita::before {
        left: 8px;
        font-size: 52px;
    }

    .kolar-aktualita--dulezita .kolar-aktualita__title,
    .kolar-aktualita--dulezita .kolar-aktualita__date,
    .kolar-aktualita--dulezita .kolar-aktualita__text {
        margin-left: 32px;
    }
}
/* =========================================================
   DŮLEŽITÁ AKTUALITA – VYKŘIČNÍK
   ========================================================= */

.kolar-aktualita--dulezita {
    position: relative;
}

.kolar-vykricnik {
    position: absolute !important;
    left: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    color: #FF7A00 !important;
    font-size: 80px  !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    visibility: visible !important;
    opacity: 1 !important;
    z-index: 9999 !important;
}

/* text necháváme na původním místě */
.kolar-aktualita--dulezita .kolar-aktualita__title,
.kolar-aktualita--dulezita .kolar-aktualita__date,
.kolar-aktualita--dulezita .kolar-aktualita__text {
    margin-left: 0 !important;
}

/* MOBIL */
@media (max-width: 600px) {

    .kolar-vykricnik {
        left: 7px !important;
        font-size: 52px !important;
    }
}
/* =================================
   Kontakt na ordinaci – úvodní stránka
   ================================= */

.kolar-contact-box {
    background: #ffffff;
    border: 1px solid #dfe8e9;
    border-radius: 10px;
    padding: 22px 24px;
    margin: 20px 0;
    box-shadow: 0 3px 12px rgba(23, 63, 74, 0.08);
}

.kolar-contact-box h3 {
    margin: 0 0 16px 0;
    color: #008B8B;
    font-size: 21px;
    font-weight: 600;
}

.kolar-contact-box p {
    margin: 0 0 14px 0;
    line-height: 1.6;
}

.kolar-contact-box p:last-child {
    margin-bottom: 0;
}

.kolar-contact-links a {
    color: #008B8B;
    font-weight: 600;
    text-decoration: none;
}

.kolar-contact-links a:hover {
    text-decoration: underline;
}
/* =========================================================
   INFORMAČNÍ BLOK – ÚVOD
   MUDr. Róbert KOLÁŘ
   ========================================================= */

.kolar-info-banner {
    width: 100%;
    box-sizing: border-box;
    margin: 18px auto 28px;
    background: #f0ffff;
    border: 2px solid #40e0d0;
    border-radius: 18px;
    overflow: hidden;
    color: #173f4a;
    font-family: Arial, Helvetica, sans-serif;
}

/* =========================================================
   HORNÍ UPOZORNĚNÍ
   ========================================================= */

.kolar-info-main {
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 22px 28px;
    border-bottom: 1px solid #8ee8e1;
    text-align: center;
}

.kolar-info-main-icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 3px solid #008b8b;
    border-radius: 50%;
    color: #008b8b;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
}

.kolar-info-main-text {
    flex: 1;
    font-size: 19px;
    line-height: 1.4;
}

.kolar-info-main-text strong {
    color: #008b8b;
    font-size: 21px;
}

.kolar-info-main-text span {
    margin-left: 8px;
    color: #173f4a;
}

/* =========================================================
   SPODNÍ ČÁST
   ========================================================= */

.kolar-info-bottom {
    display: grid;
    grid-template-columns: 1.5fr 1fr 0.75fr;
    align-items: center;
    padding: 24px 28px;
}

/* =========================================================
   OBJEDNÁNÍ
   ========================================================= */

.kolar-info-appointment {
    display: flex;
    align-items: center;
    gap: 18px;
    padding-right: 28px;
    border-right: 1px solid #8ee8e1;
}

.kolar-info-calendar {
    width: 62px;
    height: 62px;
    min-width: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kolar-info-calendar svg {
    width: 62px;
    height: 62px;
    display: block;
}

.kolar-info-appointment-text {
    min-width: 0;
}

.kolar-info-appointment-text strong {
    display: block;
    color: #008b8b;
    font-size: 21px;
    line-height: 1.3;
}

.kolar-info-appointment-text em {
    display: block;
    margin-top: 5px;
    color: #ff7a00;
    font-size: 17px;
    font-style: italic;
    line-height: 1.3;
}

/* =========================================================
   ODBĚRY KRVE
   ========================================================= */

.kolar-info-blood {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 0 25px;
    border-right: 1px solid #8ee8e1;
}

.kolar-info-drop {
    width: 55px;
    height: 62px;
    min-width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kolar-info-drop svg {
    width: 55px;
    height: 62px;
    display: block;
}

.kolar-info-blood-text {
    min-width: 0;
}

.kolar-info-blood-text strong {
    display: block;
    color: #ff7a00;
    font-size: 22px;
    line-height: 1.3;
}

.kolar-info-blood-text span {
    display: block;
    margin-top: 3px;
    color: #173f4a;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
}

.kolar-info-blood-text .kolar-info-blood-note {
    margin-top: 1px;
    color: #173f4a;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.3;
}

/* =========================================================
   DNES ORDINUJEME
   ========================================================= */

.kolar-info-time {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 25px;
    text-align: center;
}

.kolar-info-today {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    line-height: 1.3;
}

.kolar-info-today strong {
    display: block;
    color: #008b8b;
    font-size: 18px;
    line-height: 1.3;
    white-space: nowrap;
}

.kolar-info-today span {
    display: block;
    margin-top: 5px;
    color: #173f4a;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3;
    white-space: nowrap;
}

/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 700px) {

    .kolar-info-banner {
        margin: 14px 0 22px;
        border-radius: 14px;
    }

    .kolar-info-main {
        flex-direction: column;
        gap: 10px;
        padding: 18px 14px;
    }

    .kolar-info-main-icon {
        width: 42px;
        height: 42px;
        min-width: 42px;
        font-size: 25px;
    }

    .kolar-info-main-text {
        font-size: 16px;
        line-height: 1.4;
    }

    .kolar-info-main-text strong {
        font-size: 17px;
    }

    .kolar-info-main-text span {
        display: block;
        margin: 4px 0 0;
    }

    .kolar-info-bottom {
        display: block;
        padding: 0 14px;
    }

    .kolar-info-appointment {
        padding: 18px 0;
        border-right: none;
        border-bottom: 1px solid #8ee8e1;
    }

    .kolar-info-calendar {
        width: 50px;
        height: 50px;
        min-width: 50px;
    }

    .kolar-info-calendar svg {
        width: 50px;
        height: 50px;
    }

    .kolar-info-appointment-text strong {
        font-size: 18px;
    }

    .kolar-info-appointment-text em {
        font-size: 16px;
    }

    .kolar-info-blood {
        padding: 18px 0;
        border-right: none;
        border-bottom: 1px solid #8ee8e1;
        gap: 14px;
    }

    .kolar-info-drop {
        width: 46px;
        height: 52px;
        min-width: 46px;
    }

    .kolar-info-drop svg {
        width: 46px;
        height: 52px;
    }

    .kolar-info-blood-text strong {
        font-size: 19px;
    }

    .kolar-info-blood-text span {
        font-size: 16px;
    }

    .kolar-info-blood-text .kolar-info-blood-note {
        font-size: 15px;
    }

    .kolar-info-time {
        width: 100%;
        padding: 18px 0 20px;
        border-bottom: 0;
        box-sizing: border-box;
        text-align: center;
    }

    .kolar-info-today {
        width: 100%;
        align-items: center;
    }

    .kolar-info-today strong {
        font-size: 17px;
        white-space: nowrap;
    }

    .kolar-info-today span {
        margin-top: 4px;
        font-size: 18px;
        white-space: normal;
    }
}
/* =========================================================
   VLASTNÍ PATIČKA – MUDr. Róbert KOLÁŘ
   ========================================================= */

.kolar-custom-footer {
    width: 100%;
    box-sizing: border-box;
    margin-top: 40px;
    padding: 0;
    background: #40e0d0;
    color: #ffffff;
    text-align: center;
}

/* Prostor pro budoucí odkazy */
.kolar-footer-links {
    min-height: 85px;
    padding: 25px 20px;
    box-sizing: border-box;
}

/* Bílá vodorovná čára */
.kolar-footer-line {
    height: 1px;
    margin: 0 7%;
    background: rgba(255, 255, 255, 0.85);
}

/* Copyright */
.kolar-footer-copyright {
    padding: 22px 15px 24px;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.4;
    font-weight: normal;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 700px) {

    .kolar-custom-footer {
        margin-top: 30px;
    }

    .kolar-footer-links {
        min-height: 65px;
        padding: 20px 15px;
    }

    .kolar-footer-line {
        margin: 0 5%;
    }

    .kolar-footer-copyright {
        padding: 18px 10px 20px;
        font-size: 14px;
    }
}
/* =========================================================
   SKRYTÍ PŮVODNÍ PATIČKY MEDICAL APPOINTMENT
   ========================================================= */

.site-footer {
    display: none !important;
}
/* =========================================================
   ODKAZY V PATIČCE
   ========================================================= */

.kolar-footer-links {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.4;
    font-weight: normal;
    color: #ffffff;
}

.kolar-footer-links a {
    color: #ffffff;
    text-decoration: none;
    font: inherit;
}

.kolar-footer-links a:hover {
    color: #ffffff;
    text-decoration: underline;
}

/* Copyright – stejné písmo jako odkazy */
.kolar-footer-copyright {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.4;
    font-weight: normal;
}
/* =====================================================
   REHABILITAČNÍ CVIKY – ROZCESTNÍK
   MUDr. Róbert Kolář
   ===================================================== */

.kolar-rehab {
    max-width: 1100px;
    margin: 25px auto;
    color: #173F4A;
}

.kolar-rehab-uvod {
    background: #F0FFFF;
    border-left: 4px solid #40E0D0;
    padding: 22px 25px;
    margin-bottom: 25px;
    border-radius: 8px;
}

.kolar-rehab-uvod h2 {
    margin: 0 0 10px;
    color: #173F4A;
    font-size: 28px;
}

.kolar-rehab-uvod p {
    margin: 0;
    line-height: 1.7;
}

.kolar-rehab-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.kolar-rehab-karta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    box-sizing: border-box;
    padding: 24px;
    background: #FFFFFF;
    border: 1px solid #E3E6E7;
    border-left: 4px solid #40E0D0;
    border-radius: 9px;
    box-shadow: 0 3px 12px rgba(23, 63, 74, 0.06);
    text-decoration: none !important;
    color: #173F4A !important;
    transition: border-color 0.2s ease,
                box-shadow 0.2s ease,
                transform 0.2s ease;
}

.kolar-rehab-karta:hover {
    border-left-color: #FF7A00;
    box-shadow: 0 6px 18px rgba(23, 63, 74, 0.12);
    transform: translateY(-2px);
}

.kolar-rehab-karta h3 {
    margin: 0 0 12px;
    color: #008B8B;
    font-size: 21px;
    line-height: 1.4;
}

.kolar-rehab-karta p {
    margin: 0 0 18px;
    color: #40565B;
    font-size: 15px;
    line-height: 1.7;
}

.kolar-rehab-karta span {
    margin-top: auto;
    color: #FF7A00;
    font-weight: 600;
    font-size: 15px;
}

@media (max-width: 650px) {
    .kolar-rehab {
        margin: 15px auto;
    }

    .kolar-rehab-uvod {
        padding: 18px;
        margin-bottom: 18px;
    }

    .kolar-rehab-uvod h2 {
        font-size: 24px;
    }

    .kolar-rehab-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .kolar-rehab-karta {
        padding: 20px;
    }
}