.grid-sluzby {
	display:grid;
	grid-template-columns:1fr 1fr 1fr;   /* desktop: 3 sloupce */
	gap:32px;
	/* #32 (konsolidace krok 04, z audit-fixes) — vertikální padding sekce dle Figmy */
	padding-top:80px;
	padding-bottom:80px;
}

/* #31 (konsolidace krok 04, z audit-fixes) — karta má mít border + jemný stín (Figma) */
.grid-sluzby .service-card {
	border: 1px solid var(--tile-border, #EEF0F3);
	box-shadow: var(--tile-shadow, 0 2px 10px rgba(16, 24, 40, .06));
}

/* Responzivní sloupce — KONSOLIDACE (krok 04): sjednoceno sem z responsive.css
   (1fr 1fr / 1fr) a audit-fixes.css (repeat(2,…)). Pořadí base→921→768 určuje
   vítěze bez ohledu na pořadí souborů (order-independent).
   Computed baseline: >921 = 3 sl., 768–921 = 2 sl., ≤768 = 1 sl. */
@media (max-width: 921px) {
	.grid-sluzby {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.grid-sluzby {
		grid-template-columns: 1fr;
	}
}

/* Hlavní kontejner služeb */
.sluzby {
  padding: 2rem 0;
}

.sluzby .wp-block-group__inner-container {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0;
  /*padding: 0 1rem;*/
}

/* Stary rozcestnik card design (.sluzby .wp-block-*) SMAZAN 2026-09-08 — homepage rozcestnik je jediny zdroj v hp.css (grid design prebiji tyto pravidla). Servis .sluzby nema .wp-block-column. Zachovano: section padding (nahore) + inner-container + .service-card (nize). */

.service-card {
	background: #fff;
	border-radius: var(--radius-m); 
	padding: var(--padding-24); 
	height: 100%;
	transition: transform .2s ease, box-shadow .2s ease;
}

/* (mrtvé .service-card:hover odstraněno – konsolidace krok 04; vítězné
   pravidlo je níže: box-shadow 0 2px 6px…, 0 12px 28px…) */

.service-card__link {
	display:block; 
	color:inherit; 
	text-decoration:none;
}

.service-card__icon { 
	width:64px; 
	height:64px; 
	border-radius:12px; 
	background:rgba(14,172,186,.08);
	display:flex; 
	align-items:center; 
	justify-content:center; 
	margin-bottom:18px; 
}

.service-card__title { 
	display:flex; 
	align-items:center; 
	justify-content:space-between;
	font-size:1.25rem; 
	line-height:1.3; 
	margin:0 0 10px; 
	font-weight:700; 
}

.service-card__arrow { 
	display:inline-flex; 
	opacity:.7; 
}

.service-card__excerpt { 
	margin:0; 
	color:#424a57; 
}

.service-card:hover {
	box-shadow:0 2px 6px rgba(0,0,0,.06), 0 12px 28px rgba(0,0,0,.10); 
}

.service-card a:hover, 
.service-card a:focus {
  color: initial;
  text-decoration: none;
}

.sluzby-carousel .slider-controls { 
	display:flex; 
	align-items:center; 
	gap:12px; 
	justify-content:center; 
	margin-top:16px; 
}

.sluzby-carousel .swiper-button-prev,
.sluzby-carousel .swiper-button-next {
	width:44px; 
	height:44px; 
	border-radius:12px; 
	border:1px solid rgba(0,0,0,.08); 
	background:#fff;
}

.sluzby-carousel .owl-stage-outer {
	overflow-x: hidden !important;
	width: calc(100% + 48px);
}

.sluzby-carousel .owl-stage-outer::after {
	right: 0;
	background: linear-gradient(90deg, rgba(238, 238, 238, 0) 0%, #EEEEEF 100%);
}

/* Pro shortkod sluzby_grid */
.service-card__title {
    position: relative;    
    padding-right: 34px; 
}

.service-card__title::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    
    width: 24px;
    height: 24px;

    background-color: #008C9D;

    /* Tvar šipky definovaný maskou */
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5.50004 17.4166L17.4167 5.49996M17.4167 5.49996V16.94M17.4167 5.49996H5.97671' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5.50004 17.4166L17.4167 5.49996M17.4167 5.49996V16.94M17.4167 5.49996H5.97671' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;

    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.service-card:hover .service-card__title::after {
    background-color: #57fff8;
    transform: translateY(-50%) rotate(45deg);
}

/* ---------------------------------------------------------------------------
   Typografie karty — KONSOLIDACE (krok 02)
   Sjednoceno sem z audit-fixes.css (sekce 24). Dřív tyto overridy „vyhrávaly"
   jen tím, že se audit-fixes.css načítal později → rozbíjelo to CSS agregaci
   (přeskládání pořadí prohodilo vítěze). Teď je sluzby.css jediný zdroj.
   !important ponechán — přebíjí Astra/Gutenberg link/heading styly (ne pořadí).
   Computed baseline: title #022930/700/20px, excerpt #424a57/16px/1.6,
   link inherit(#393C40)/400/no-underline.
   --------------------------------------------------------------------------- */
.service-card .service-card__link,
.service-card .service-card__link:hover,
.service-card .service-card__link:focus,
.service-card .service-card__link:active {
    color: inherit !important;
    font-weight: 400 !important;
    text-decoration: none !important;
}

.service-card .service-card__title {
    color: #022930 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.service-card .service-card__excerpt {
    color: #424a57 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
}

.service-card .service-card__link:hover .service-card__title,
.service-card .service-card__link:focus .service-card__title,
.service-card .service-card__link:hover .service-card__excerpt,
.service-card .service-card__link:focus .service-card__excerpt {
    text-decoration: none !important;
}

/* Stary card responsive (@768 + @769-1024 .sluzby .wp-block-*) SMAZAN 2026-09-08 — dead (viz vyse). */


/* ---------------------------------------------------------------------------
   Servisní karusel — tablet (page-child podstránky /servis/*)
   KONSOLIDACE (krok 03): přesunuto z audit-fixes.css (sekce 24). Scope
   body.page-child + vysoká specificita → jediný zdroj, nezávislé na pořadí.
   Gutenberg/Astra přidávají na tabletu extra gutter kolem .sluzby-carousel.
   --------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 921.98px) {
    body.page-child .entry-content > .wp-block-group:has(.sluzby-carousel) {
        padding-right: 0 !important;
        padding-left: 0 !important;
        overflow: hidden !important;
    }

    body.page-child .entry-content > .wp-block-group:has(.sluzby-carousel) > .wp-block-group__inner-container {
        max-width: 704px !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    body.page-child .entry-content .gray-box:has(.sluzby-carousel) {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }

    body.page-child .entry-content .sluzby-carousel {
        width: 100% !important;
    }
}