/* ============ azdziebko.pl — PODSTRONY USŁUG (service) ============ */

/* Okruszki */
.az-crumb:hover { color: #FF6400 !important; }

/* --- Tabela porównawcza (.ctable) — grid 3-kolumnowy, hover kolumn ---
   Kolory sterowane zmiennymi inline: --cbord (obramowanie), --cfeat (wyróżniona kolumna), --chov (hover). */
.ctable { display: grid; grid-template-columns: 1.3fr 1fr 1fr; min-width: 600px; border: 1px solid var(--cbord); }
.ctable > .chead, .ctable .trow > div { padding: 15px clamp(16px,1.5vw,22px); font-size: clamp(14px,1vw,16px); line-height: 1.45; display: flex; align-items: center; }
.ctable > .chead { border-bottom: 1px solid var(--cbord); font-weight: 700; letter-spacing: -.01em; }
.ctable > .chead:nth-child(2), .ctable > .chead:nth-child(3) { border-left: 1px solid var(--cbord); }
.ctable > .trow { display: contents; }
.ctable .trow > div { border-bottom: 1px solid var(--cbord); transition: box-shadow .15s ease; }
.ctable > .chead { transition: box-shadow .15s ease; }
.ctable .trow > div:nth-child(2), .ctable .trow > div:nth-child(3) { border-left: 1px solid var(--cbord); }
.ctable .trow:last-of-type > div { border-bottom: none; }
.ctable:has(> .chead:nth-child(1):hover, .trow > div:nth-child(1):hover) > .chead:nth-child(1),
.ctable:has(> .chead:nth-child(1):hover, .trow > div:nth-child(1):hover) .trow > div:nth-child(1) { box-shadow: inset 0 0 0 999px var(--chov); }
.ctable:has(> .chead:nth-child(2):hover, .trow > div:nth-child(2):hover) > .chead:nth-child(2),
.ctable:has(> .chead:nth-child(2):hover, .trow > div:nth-child(2):hover) .trow > div:nth-child(2) { box-shadow: inset 0 0 0 999px var(--chov); }
.ctable:has(> .chead:nth-child(3):hover, .trow > div:nth-child(3):hover) > .chead:nth-child(3),
.ctable:has(> .chead:nth-child(3):hover, .trow > div:nth-child(3):hover) .trow > div:nth-child(3) { box-shadow: inset 0 0 0 999px var(--chov); }

/* --- Oś czasu (.tphase) — hover --- */
.tphase { transition: transform .25s ease; }
.tphase:hover { transform: translateY(-6px); }
.tphase h3 { transition: color .2s ease; }
.tphase:hover h3 { color: #FF6400; }

/* --- Galeria modułów CRM (.shot) — hover --- */
.az-modgallery .shot:hover { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(10,10,10,.1); }