@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.ewdlgswx1m.bundle.scp.css';

/* /Components/Pages/Blogs/BlogPage.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-xgjljr08bf] {
    overflow-y: auto;
}


/* Style the custom page links*/
.page-buttons[b-xgjljr08bf] {
    margin: 1rem 0;
    align-items: center;
}

    .page-buttons button[b-xgjljr08bf] {
        background: #d6d7d8;
        color: black;
        padding: 0.25rem 0.75rem;
        border-radius: 0.4rem;
        transition: transform 0.3s ease-out;
        margin: 0.25rem;
    }

        .page-buttons button:active[b-xgjljr08bf] {
            background: #a7c1ff !important;
            color: white;
            transform: scale(0.95) translateY(-0.15rem);
            transition-duration: 0.05s;
        }

        .page-buttons button:hover:not(.current)[b-xgjljr08bf] {
            background: #c0c9dc;
        }

        .page-buttons button.current[b-xgjljr08bf] {
            background: #3771f4;
            color: white;
        }
/* /Components/Pages/Gallery/GalleryPage.razor.rz.scp.css */
body[b-4y27o3kyvz] {
    font-family: "Segoe UI", sans-serif;
    margin: 0;
    background-color: #f5f5f5;
}

h2[b-4y27o3kyvz] {
    text-align: center;
    padding: 20px 0;
}

.gallery[b-4y27o3kyvz] {
    display: flex;
    flex-wrap: wrap; /* Перенос элементов */
    gap: 16px; /* Отступ между карточками */
    padding: 16px;
    justify-content: flex-start;
}

.card[b-4y27o3kyvz] {
    flex: 0 1 220px; /* базовая ширина карточки */
    background: white;
    border-radius: 12px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card:hover[b-4y27o3kyvz] {
    transform: translateY(-4px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.25);
}

.card img[b-4y27o3kyvz] {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.card-content[b-4y27o3kyvz] {
    padding: 10px 12px 14px 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.card-title[b-4y27o3kyvz] {
    font-weight: 600;
    font-size: 1rem;
    color: #333;
}

.card-desc[b-4y27o3kyvz] {
    font-size: 0.9rem;
    color: #666;
}

@media (max-width: 600px) {
    .card[b-4y27o3kyvz] {
        flex: 0 1 45%; /* На телефоне по две карточки в ряд */
    }
}
/* /Components/Pages/Hotel/CottagesPage.razor.rz.scp.css */
.auto-fit-grid table[b-23fqtdmgmz] {
     width: auto;
     table-layout: auto; /* <-- ключевой момент */
 }

.auto-fit-grid th[b-23fqtdmgmz],
.auto-fit-grid td[b-23fqtdmgmz] {
    white-space: nowrap;
}

[b-23fqtdmgmz](.fluent-data-grid table) {
    table-layout: auto !important;
}