/* MDRK Hero Carousel – style bazowe. Parametry (rozmiary, kolory) ustawia blok
   jako zmienne CSS (--shc-*); kroje dziedziczone są z motywu MDRK (--mdrk-font-*). */
.mdrk-hc-wrap { margin: 0 !important; }
.mdrk-hc { position: relative; overflow: hidden; width: 100%; display: block; margin: 0 !important; background: #2a2f36; user-select: none; }
.mdrk-hc .shc-slide { position: absolute; inset: 0; }
.mdrk-hc .shc-picture, .mdrk-hc .shc-picture img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; border: 0; max-width: none; }
.mdrk-hc .shc-noimg { position: absolute; inset: 0; background: linear-gradient(135deg, var(--mdrk-primary, #22313f), #4a6684); }
.mdrk-hc .shc-overlay { position: absolute; inset: 0; z-index: 1; }

/* Układ „caption” – podpis w ramce na dole (projekt MDRK) */
.mdrk-hc .shc-caption-wrap { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; display: flex; justify-content: center; pointer-events: none; }
.mdrk-hc .shc-caption {
	pointer-events: auto; display: block; width: var(--shc-cap-w); max-width: calc(100% - 32px);
	background: var(--shc-cap-bg); color: var(--shc-cap-color); text-decoration: none; text-align: center;
	font-family: var(--shc-font); font-weight: var(--mdrk-weight-card, 700); font-size: var(--shc-cap-size); line-height: 1.25;
	padding: .55em 1.2em .6em; margin: 0 auto; border-radius: 0;
}
.mdrk-hc a.shc-caption:hover { color: var(--mdrk-link-hover, #c62828); }
.mdrk-hc--caption .shc-dots--bottom { bottom: auto; top: 14px; }

/* Układ „corners” – tytuł lewa góra, hasło prawa dół (jak w wersji Stenos) */
.mdrk-hc .shc-content { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: var(--shc-pad-top) 40px 30px 40px; }
.mdrk-hc .shc-title, .mdrk-hc .shc-slogan { color: var(--shc-text); font-family: var(--shc-font); font-weight: 700; text-shadow: 1px 2px 6px rgba(0,0,0,.5); white-space: var(--shc-ws); margin: 0; }
.mdrk-hc .shc-title { font-size: var(--shc-t-size) !important; max-width: var(--shc-t-w) !important; line-height: 1.2; font-style: var(--shc-t-style); margin-bottom: auto; }
.mdrk-hc .shc-slogan { font-size: var(--shc-s-size) !important; max-width: var(--shc-s-w) !important; line-height: 1.35; font-style: var(--shc-s-style); align-self: flex-end; text-align: right; }
@media (max-width: 899px) { .mdrk-hc .shc-content { padding: var(--shc-pad-top) 20px 20px 20px; } }

/* Kropki */
.mdrk-hc .shc-dots { position: absolute; left: 50%; transform: translateX(-50%); display: flex; gap: 9px; z-index: 10; }
.mdrk-hc .shc-dots--bottom { bottom: 16px; }
.mdrk-hc .shc-dots--top { top: 16px; }
.mdrk-hc .shc-dot { width: 12px; height: 12px; border-radius: 50%; border: 2px solid rgba(255,255,255,.9); background: transparent; padding: 0; cursor: pointer; box-shadow: 0 0 3px rgba(0,0,0,.35); -webkit-appearance: none; appearance: none; }
.mdrk-hc .shc-dot.shc-dot-active { background: rgba(255,255,255,.95); }
.mdrk-hc .shc-dot:focus-visible, .mdrk-hc .shc-arrow:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

/* Strzałki */
.mdrk-hc .shc-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 40px; height: 56px; display: grid; place-items: center; border: 0; background: rgba(255,255,255,.55); color: #222; cursor: pointer; }
.mdrk-hc .shc-arrow:hover { background: rgba(255,255,255,.9); }
.mdrk-hc .shc-prev { left: 0; }
.mdrk-hc .shc-next { right: 0; }
@media (pointer: coarse) { .mdrk-hc .shc-arrow { width: 34px; height: 48px; background: rgba(255,255,255,.4); } }

/* Przyciski pod karuzelą */
.shc-actions { display: flex; justify-content: center; gap: 12px; margin: 12px 0 4px; flex-wrap: wrap; }
.shc-btn:not(.mdrk-btn) { display: inline-block; padding: 6px 20px; border: 1px solid #555; background: #fff; color: #333; font: 13px/1.4 system-ui, sans-serif; text-transform: uppercase; letter-spacing: .05em; text-decoration: none; }
.shc-actions .shc-btn { min-width: 150px; }
@media (max-width: 480px) { .shc-actions .shc-btn { min-width: 0; flex: 1 1 120px; max-width: 170px; } }