@import '_content/Helpers/Helpers.84zu0uzgqk.bundle.scp.css';

/* _content/PenzionNaPalave/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-hs2yzttug3] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-hs2yzttug3] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* _content/PenzionNaPalave/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-nav[b-io9uoowndl] {
    text-align: center; /* Zarovná položky menu na mobilu */
}

.navbar-nav .nav-item[b-io9uoowndl] {
    padding: 5px 10px;
}

.navbar-toggler[b-io9uoowndl] {
    padding: 10px; /* Lepší klikatelnost tlačítka */
}

/* _content/PenzionNaPalave/Components/Pages/Home.razor.rz.scp.css */
/*/////////////////////////////////////////////////*/
/*Fotogalerie*/
/*/////////////////////////////////////////////////*/

/* Kontejner pro obrázky */
.image-container[b-9suqypya5m] {
    display: flex;
    flex-wrap: wrap; /* Obrázky se zalomí do další řady při nedostatku místa */
    justify-content: center; /* Obrázky centrované vodorovně */
    gap: 32px; /* Mezera mezi obrázky */
}

/* Obrázky */
.image-wrapper[b-9suqypya5m] {
    flex-basis: calc(25% - 10px); /* Každý obrázek zabere 25% šířky s mezerou */
    max-width: 25%; /* Zajištění maximální šířky na 25% */
    height: 292px; /* Pevná výška pro všechny obrázky */
}

.image-wrapper img[b-9suqypya5m] {
    width: 100%; /* Obrázek vyplní rodičovský element */
    height: 100%; /* Obrázek vyplní výšku rodiče */
    object-fit: cover; /* Oříznutí obrázku bez deformace */
    object-position: center; /* Zobrazení obrázku od středu */
}

/* Responzivní úprava pro mobilní zařízení (max-width: 768px) */
@media (max-width: 768px) {
    .image-wrapper[b-9suqypya5m] {
        flex-basis: calc(50% - 10px); /* Obrázky budou zabírat 50% šířky (2x2 na mobilu) */
        max-width: 50%; /* Přizpůsobení šířky pro menší obrazovky */
    }
}

/* Zajištění, že se kontejner bude přizpůsobovat velikosti obrazovky */
.image-wrapper[b-9suqypya5m] {
    flex: 1 1 200px; /* Obrázek zůstane v šířce max 200px a přizpůsobí se */
}

.block[b-9suqypya5m] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.block-1x1-1x1[b-9suqypya5m] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 200px);
    gap: 10px;
}

.block-2x2 .grid-item[b-9suqypya5m] {
    width: 410px;
    height: 410px;
}

.block-1x2 .grid-item[b-9suqypya5m] {
    width: 200px;
    height: 410px;
}

.grid-item[b-9suqypya5m] {
    background-color: #cccccc;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #333;
    border: 1px solid #999;
}

.item-1x1[b-9suqypya5m] {
    width: 200px;
    height: 200px;
}

/*/////////////////////////////////////////////////*/
/*Kalendar*/
/*/////////////////////////////////////////////////*/

.calendar[b-9suqypya5m] {
    display: grid;
    grid-template-columns: repeat(7, 1fr); /* 7 sloupců na všech zařízeních */
    gap: 16px; /* Menší mezery mezi buňkami */
    max-width: 100%; /* Šířka kalendáře se přizpůsobí obrazovce */
    margin: auto;
}

.calendar div[b-9suqypya5m] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background-color: #B8C1C3;
    font-size: 20px;
}

.header[b-9suqypya5m] {
    font-weight: bold;
    background-color: #ddd;
}

.disabled[b-9suqypya5m] {
    background-color: #E4EEF0 !important;
    color: #a0a0a0;
}

.disabled.bg-danger[b-9suqypya5m] {
    background-color: #ff774d !important;
    color: black;
}

.active[b-9suqypya5m] {
    background-color: #f0f0f0;
}

/* Responzivní úpravy pro menší obrazovky */
@media (max-width: 768px) {
    .calendar div[b-9suqypya5m] {
        font-size: 16px; /* Zmenšení velikosti písma */
        padding: 8px; /* Mírné zmenšení paddingu */
    }

    .calendar[b-9suqypya5m] {
        gap: 6px; /* Menší mezery mezi buňkami na menších obrazovkách */
    }
}

@media (max-width: 480px) {
    .calendar div[b-9suqypya5m] {
        font-size: 14px; /* Ještě menší písmo na velmi malých obrazovkách */
        padding: 5px; /* Menší padding pro kompaktnější zobrazení */
    }

    .calendar[b-9suqypya5m] {
        gap: 4px; /* Velmi malé mezery mezi buňkami */
    }
}

/*/////////////////////////////////////////////////*/
/* Výlety */
/*/////////////////////////////////////////////////*/

.card[b-9suqypya5m] {
    margin: 15px; /* Rovnoměrný vnější okraj */
    padding: 10px; /* Vnitřní odsazení uvnitř karty */
    border-radius: 10px; /* Zaoblené rohy pro lepší vzhled */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Jemný stín */
}

.image-container-vylety[b-9suqypya5m] {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 sloupce na velkých obrazovkách */
    gap: 40px;
    padding: clamp(20px, 5vw, 40px) clamp(40px, 10vw, 80px);
}

/* Obrázky */
.image-container-vylety .card-body[b-9suqypya5m] {
    height: 200px; /* Lepší výška pro správné zobrazení */
    overflow: hidden; /* Skryje přetékající části */
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-container-vylety .card-body img[b-9suqypya5m] {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ořízne obrázek tak, aby zaplnil prostor */
}

/* Přizpůsobení pro tablety */
@media (max-width: 992px) {
    .image-container-vylety[b-9suqypya5m] {
        grid-template-columns: repeat(2, 1fr); /* 2 sloupce na středně velkých obrazovkách */
        gap: 30px;
    }

    .image-container-vylety .card-body[b-9suqypya5m] {
        height: 180px;
    }
}

.row-cols-1 .card[b-9suqypya5m],
.row-cols-2 .card[b-9suqypya5m],
.row-cols-3 .card[b-9suqypya5m] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 320px; /* Zajistí, že všechny karty budou stejně vysoké */
}

.card-body[b-9suqypya5m] {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-body img[b-9suqypya5m] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 992px) {
    .row-cols-md-3[b-9suqypya5m] {
        gap: 20px; /* Zvýšíme mezeru mezi kartami */
    }
}

@media (max-width: 576px) {
    .row-cols-sm-2[b-9suqypya5m] {
        gap: 15px;
    }
}

/* Přizpůsobení pro mobilní zařízení */
@media (max-width: 576px) {
    .image-container-vylety[b-9suqypya5m] {
        grid-template-columns: 1fr; /* 1 sloupec na malých obrazovkách */
        gap: 20px;
    }

    .image-container-vylety .card-body[b-9suqypya5m] {
        height: 150px;
    }
}


/*/////////////////////////////////////////////////*/
/*Galerie*/
/*/////////////////////////////////////////////////*/

.image-container-galery[b-9suqypya5m] {
    display: flex;
    justify-content: space-around; /* Rovnoměrné rozložení obrázků */
    align-items: center;
    flex-wrap: wrap; /* Obrázky se mohou zalomit na další řádek */
    gap: 16px; /* Mezera mezi obrázky */
}

.image-container-galery img[b-9suqypya5m] {
    width: 100%; /* Obrázek vyplní rodiče */
    max-width: 300px; /* Maximální šířka obrázků */
    height: 400px; /* Nastavení stejné výšky pro všechny obrázky */
    object-fit: cover; /* Oříznutí obrázku bez deformace */
    object-position: center; /* Zobrazení obrázku od středu */
}

/* Responzivní zobrazení na mobilu */
@media (max-width: 768px) {
    .image-container-galery[b-9suqypya5m] {
        justify-content: center;
    }

    .image-container-galery img[b-9suqypya5m] {
        flex-basis: calc(50% - 16px); /* Dva obrázky nahoře, jeden dole */
        max-width: 100%; /* Aby se obrázky přizpůsobily šířce */
    }

    .image-container-galery img:nth-child(3)[b-9suqypya5m] {
        flex-basis: 100%; /* Třetí obrázek zabere celou šířku dole */
    }
}

/*/////////////////////////////////////////////////*/
/*O nas*/
/*/////////////////////////////////////////////////*/

#onas[b-9suqypya5m] {
    background-image: url('img/background.jfif');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 250px; /* Výchozí výška */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}

.overlay[b-9suqypya5m] {
    background: rgba(0, 0, 0, 0.5); /* Poloprůhledné pozadí pro lepší čitelnost */
    padding: 10px;
    width: 100%;
}

.heading[b-9suqypya5m] {
    color: white;
    font-size: 2.5rem; /* Výchozí velikost textu */
    font-weight: bold;
    margin: 0;
}

/* Mobilní verze - upraví velikost textu a výšku */
@media (max-width: 768px) {
    #onas[b-9suqypya5m] {
        height: 180px;
    }
    .heading[b-9suqypya5m] {
        font-size: 1.8rem; /* Menší písmo pro mobily */
        padding: 5px;
    }
}