/* Basic styling for Xservices IT */
body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.hero {
    padding: 6rem 0 4rem 0;
}

.hero-gradient {
    background: radial-gradient(circle at top left, #0d6efd33, transparent 55%),
                radial-gradient(circle at bottom right, #19875433, transparent 55%);
}

.navbar-brand span {
    font-weight: 700;
}

.feature-icon {
    width: 3rem;
    height: 3rem;
    border-radius: 0.75rem;
}

.card-glass {
    backdrop-filter: blur(16px);
    background-color: rgba(255, 255, 255, 0.85);
}

footer {
    margin-top: 4rem;
}

.badge-pill {
    border-radius: 999px;
}

/* Ikony v Rychlm pehledu slueb */
.service-item-icon {
    width: 48px;
    height: 48px;
    display: block;
    transition: transform .2s ease, filter .2s ease;
}

.service-item {
    transition: background-color .15s ease;
    border-radius: .75rem;
    padding: .25rem .4rem;
    margin-left: -.4rem;
    margin-right: -.4rem;
}

.service-item:hover {
    background-color: rgba(13,110,253,0.03); /* jemn zvraznn dku */
}

.service-item:hover .service-item-icon {
    transform: translateY(-2px) scale(1.05);
    filter: drop-shadow(0 .35rem .75rem rgba(15,23,42,0.18));
}

.service-card-icon {
    width: 48px;
    height: 48px;
    display: block;
    object-fit: contain;
    transition: transform .2s ease, filter .2s ease;
}

.card:hover .service-card-icon {
    transform: translateY(-2px) scale(1.04);
    filter: drop-shadow(0 .35rem .8rem rgba(15,23,42,.18));
}

/* Stavová tečka pro indikaci stavu CHR serveru */
.status-dot {
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 50%;
    display: inline-block;
}