/* =========================
PAGE DECOR
========================= */
.gallery-page-decor {
    position: relative;
    min-height: 100vh;
}

/* LEVÁ */
.gallery-page-decor::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50px;
    width: 220px;
    height: 100%;
    background: url("/themes/pohadka/images/decor-left.png") repeat-y left top;
    background-size: contain;
    opacity: .7;
    pointer-events: none;
    z-index: 0;
}

/* PRAVÁ */
.gallery-page-decor::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50px;
    width: 220px;
    height: 100%;
    background: url("/themes/pohadka/images/decor-right.png") repeat-y right top;
    background-size: contain;
    opacity: .7;
    pointer-events: none;
    z-index: 0;
}

/* zesvětlení */
.gallery-overlay {
    position: absolute;
    inset: 0;
    background: rgba(255, 245, 235, .55);
    z-index: 1;
}

/* obsah */
.gallery-page-decor .container {
    position: relative;
    z-index: 2;
}

/* wrapper */
.meal-table{
    border-collapse: separate;
    border-spacing: 0 12px;
}

/* řádky jako karty */
.meal-table tbody tr{
    background: rgba(255,255,255,.95);
    box-shadow: 0 8px 20px rgba(0,0,0,.05);
    border-radius:18px;
    overflow:hidden;
}

/* buňky */
.meal-table td,
.meal-table th{
    border:none !important;
    padding:16px 14px;
}

/* první sloupec (den) */
.meal-table tbody th{
    font-weight:700;
    color:#5e3d92;
    font-size:16px;
}

/* pondělí */
.meal-table tbody tr:nth-child(1){
    background:#fff3df;
}

/* úterý */
.meal-table tbody tr:nth-child(2){
    background:#e9f3f7;
}

/* středa */
.meal-table tbody tr:nth-child(3){
    background:#fde7ea;
}

/* čtvrtek */
.meal-table tbody tr:nth-child(4){
    background:#f3f7e8;
}

/* pátek */
.meal-table tbody tr:nth-child(5){
    background:#fff1e6;
}

.meal-table thead th{
    font-weight:700;
    color:var(--color-success);
    border:none !important;
    font-size:15px;
}

.meal-table td{
    font-size:14px;
    color:#5f5f6b;
    line-height:1.5;
}

.meal-table tbody tr:hover{
    transform:scale(1.01);
    transition:.2s;
}

.meal-table tbody th::before{
    content:"🍽️ ";
}