/* ============ azdziebko.pl — PODSTRONA O MNIE (about) ============ */

/* Hovery (bazowe wartości inline → !important) */
.az-crumb:hover { color: #FF6400 !important; }
.az-underline-light:hover { border-bottom-color: #FF6400 !important; }

/* --- Galeria „poza pracą" (przewijana w bok) --- */
.az-gallery .grail {
	display: flex;
	gap: clamp(14px, 1.4vw, 20px);
	overflow-x: auto;
	padding-bottom: 10px;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
}
.az-gallery .gitem {
	flex: 0 0 clamp(190px, 24vw, 262px);
	scroll-snap-align: start;
	display: flex;
	flex-direction: column;
	gap: 10px;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	font-family: inherit;
	text-align: left;
}
.az-gallery .gshot { overflow: hidden; transition: transform .3s ease; }
.az-gallery .gshot img { transition: transform .35s ease; }
.az-gallery .gitem:hover .gshot { transform: translateY(-4px); }
.az-gallery .gitem:hover .gshot img { transform: scale(1.04); }
.az-gallery .gitem:focus-visible { outline: 2px solid #FF6400; outline-offset: 3px; }

/* --- Kadr LinkedIn (hover) --- */
.az-linkedin .gshot { transition: border-color .2s ease, transform .3s ease; }
.az-linkedin .gshot:hover { border-color: #FF6400 !important; transform: translateY(-3px); }

/* --- Lightbox galerii (budowany w theme.js) --- */
.az-lbox {
	position: fixed; inset: 0; z-index: 200;
	background: rgba(10,10,10,.93);
	display: flex; align-items: center; justify-content: center;
	padding: clamp(16px, 4vw, 48px);
	animation: revU .25s ease both;
}
.az-lbox .lb-fig { margin: 0; display: flex; flex-direction: column; gap: 14px; align-items: center; max-width: min(920px, 100%); }
.az-lbox .lb-img { width: min(70vh, 100%); aspect-ratio: 4/5; max-height: 78vh; background: #0A0A0A; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.az-lbox .lb-img img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; }
.az-lbox .lb-empty { color: #6b6862; font-size: 14px; letter-spacing: .04em; }
.az-lbox figcaption { font-size: 14px; color: #c9c6c1; text-align: center; }
.az-lbox button { position: absolute; background: transparent; border: 1px solid rgba(243,242,239,.3); color: #F3F2EF; cursor: pointer; line-height: 1; }
.az-lbox button:hover { border-color: #FF6400; color: #FF6400; }
.az-lb-close { top: clamp(14px,2vw,28px); right: clamp(14px,2vw,28px); width: 44px; height: 44px; font-size: 22px; }
.az-lb-prev { left: clamp(8px,2vw,28px); top: 50%; transform: translateY(-50%); width: 46px; height: 46px; font-size: 18px; }
.az-lb-next { right: clamp(8px,2vw,28px); top: 50%; transform: translateY(-50%); width: 46px; height: 46px; font-size: 18px; }