.services-page{
    padding-bottom:60px;
}

.services-page .page-header{
    display:flex;
    align-items:flex-start;
    gap:20px;
    margin-bottom:32px;
}

.services-page .page-header-icon{
    display:inline-flex;

    width:64px;
    height:64px;

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

    flex:0 0 64px;

    border-radius:16px;

    background:#eef5fb;
    color:var(--primary);

    font-size:1.8rem;
}

.services-page h1{
    margin:0 0 6px;
    color:var(--primary);
}

.services-page .page-header p{
    margin:0;
    color:#52606d;
}


/* Hlavná karta */

.services-card{
    max-width:720px;
    margin:0 auto;
    padding:26px;
}

.services-card h2{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    margin:0 0 20px;

    color:var(--primary);
    text-align:center;
}

.services-card h2 i{
    color:var(--secondary);
}


/* Zoznam bohoslužieb */

.services-list{
    list-style:none;
    margin:0;
    padding:0;
}

.services-item{
    display:grid;
    grid-template-columns:90px 90px 1fr;
    align-items:center;
    gap:18px;

    padding:14px 4px;

    border-bottom:1px solid var(--gray);
}

.services-item:last-child{
    border-bottom:0;
}

.services-item time{
    color:#667085;
    font-weight:600;
}

.services-time{
    color:var(--primary);
    font-size:1rem;
}

.services-location{
    font-weight:700;
}


/* Farby obcí */

.services-location.location-kurima{
    color:var(--secondary);
}

.services-location.location-kucin{
    color:var(--primary);
}

.services-location.location-dubinne{
    color:#b86a00;
}


/* PDF */

.services-actions{
    display:flex;
    justify-content:center;

    margin-top:26px;
}

.services-actions .more-button{
    display:inline-flex;
    align-items:center;
    gap:8px;
}


/* Prázdny stav */

.services-empty{
    margin:20px 0;
    text-align:center;
    color:#667085;
}


/* Mobil */

@media (max-width:600px){

    .services-card{
        padding:20px;
    }

    .services-item{
        grid-template-columns:70px 70px 1fr;
        gap:10px;
    }

}

@media (max-width:420px){

    .services-item{
        grid-template-columns:65px 1fr;
    }

    .services-location{
        grid-column:2;
    }

}
.services-days{
    display:flex;
    flex-direction:column;
    gap:22px;
}

.services-day{
    padding-bottom:4px;
	margin-bottom:18px;
}

.services-day:last-child{
    margin-bottom:0;
}

.services-day-title{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    margin:0 0 10px;
    padding:8px 0;

    color:var(--primary);
    font-size:1rem;
    text-align:center;
}

.services-day-title::before,
.services-day-title::after{
    content:"";
    flex:1;
    height:1px;
    background:var(--gray);
}

.services-day-title i{
    color:var(--secondary);
}

.services-day .services-list{
    padding-left:28px;
}

.services-day .services-item{
    grid-template-columns:90px 1fr;
}
.services-actions{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;

    margin-top:26px;
}

.services-actions button{
    border:0;
    cursor:pointer;
}
@media print{

    .topbar,
    .site-header,
    .main-navigation,
    .breadcrumb,
    .site-footer,
    .services-actions{
        display:none !important;
    }

    body{
        background:#fff;
        color:#000;
    }

    .services-card{
        max-width:none;
        box-shadow:none;
        border:0;
    }

}

/* =========================================================
   CELÝ PROGRAM BOHOSLUŽIEB – PDF
   ========================================================= */

.services-pdf-card{
    width:100%;
    max-width:1100px;
}

.services-pdf-viewer{
    width:100%;
    height:80vh !important;
    min-height:800px !important;
    overflow:hidden;
    border:1px solid var(--gray);
    border-radius:12px;
    background:#f5f7f9;
}

.services-pdf-viewer iframe{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:800px !important;
    max-width:none !important;
    border:0 !important;
}

@media (max-width:768px){

    .services-pdf-card{
        padding:16px;
    }

    .services-pdf-viewer{
        height:72vh !important;
        min-height:600px !important;
        border-radius:8px;
    }

    .services-pdf-viewer iframe{
        min-height:600px !important;
    }
}

@media (max-width:480px){

    .services-pdf-viewer{
        height:68vh !important;
        min-height:520px !important;
    }

    .services-pdf-viewer iframe{
        min-height:520px !important;
    }
}