/* ADITIVNI.cz: original hero image and logo in a blue, fully linked tile. */
.sponsor-card { --accent: #80cfff; container-type: inline-size; }
.sponsor-ad { --ad-pad: clamp(16px, 4.5cqw, 28px); background: #0b1c30; border-color: #284e70; }
.ad-photo { position: absolute; inset: 0 0 0 auto; width: 82%; height: 100%; object-fit: cover; object-position: 58% center; transition: transform .5s ease; }
.sponsor-ad::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #0b1c30 0%, #0b1c30f0 29%, #102e4f9c 49%, #08437f20 78%), linear-gradient(0deg, #07182cb8, #08437f10 36%, #08437f10 72%, #0b284170); pointer-events: none; }
.ad-topline { position: absolute; top: var(--ad-pad); left: var(--ad-pad); right: var(--ad-pad); z-index: 1; display: block; pointer-events: none; }
.ad-logo { width: 33%; height: auto; object-fit: contain; }
.ad-label { position: absolute; top: 18px; right: 18px; z-index: 1; font-size: clamp(7px, 1.45cqw, 9px); font-weight: 600; letter-spacing: 1.1px; color: #fff; padding: 6px 8px; border: 1px solid #9bcfff35; border-radius: 3px; background: #0b2841bf; white-space: nowrap; }
.ad-copy { position: absolute; top: 34%; left: var(--ad-pad); z-index: 1; display: grid; gap: clamp(7px, 2cqw, 12px); }
.ad-title { color: #fff; font-size: clamp(23px, 6.6cqw, 42px); font-weight: 750; line-height: 1.07; letter-spacing: -.045em; }
.ad-title em { color: #80cfff; font-style: normal; }
.ad-subtitle { font-size: clamp(8px, 1.8cqw, 11px); line-height: 1.5; color: #c7dbee; }
.sponsor-card .sponsor-thanks .icon { color: #80cfff; }
.sponsor-ad:focus-visible { outline-offset: 4px; }
.sponsor-card a:focus-visible { outline-color: var(--accent); }
@media (hover: hover) { .sponsor-ad:hover { border-color: #80cfff; } .sponsor-ad:hover .ad-photo { transform: scale(1.035); } }
@container (max-width: 340px) { .ad-copy { gap: 5px; } .ad-title { font-size: 22px; } .ad-subtitle { display: none; } .ad-label { font-size: 6px; padding: 5px; letter-spacing: .6px; } }
@media (max-width: 760px) { .ad-label { top: 10px; right: 10px; } }
@media (max-width: 580px) { .ad-label { top: 16px; right: 15px; } }
@media (forced-colors: active) { .sponsor-ad::after { display: none; } .ad-copy, .ad-topline { background: Canvas; color: CanvasText; } .ad-title, .ad-title em, .ad-subtitle, .ad-label { color: CanvasText; } }