/* ADITIVNI.cz: original hero image and logo in a blue, fully linked tile. */
.sponsor-card { --accent: #80cfff; container-type: inline-size; }
.aditivni-banner { --ad-pad: clamp(16px, 4.5cqw, 28px); background: #0b1c30; border-color: #284e70; }
.aditivni-photo { position: absolute; inset: 0 0 0 auto; width: 82%; height: 100%; object-fit: cover; object-position: 58% center; transition: transform .5s ease; }
.aditivni-banner::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; }
.aditivni-topline { position: absolute; top: var(--ad-pad); left: var(--ad-pad); right: var(--ad-pad); z-index: 1; display: block; pointer-events: none; }
.aditivni-logo { width: 33%; height: auto; object-fit: contain; }
.aditivni-label { position: absolute; top: 18px; right: 18px; z-index: 1; font-size: 9px; font-weight: 400; letter-spacing: 1.1px; color: #eef1ec; padding: 6px 8px; border: 0; border-radius: 4px; background: #080c10a8; white-space: nowrap; }
.sponsor-gamepad { font-size: 1.25em; line-height: 1; vertical-align: -.1em; }
.aditivni-copy { position: absolute; top: 34%; left: var(--ad-pad); z-index: 1; display: grid; gap: clamp(7px, 2cqw, 12px); }
.aditivni-heading { color: #fff; font-size: clamp(23px, 6.6cqw, 42px); font-weight: 750; line-height: 1.07; letter-spacing: -.045em; }
.aditivni-heading em { color: #80cfff; font-style: normal; }
.aditivni-subtitle { font-size: clamp(8px, 1.8cqw, 11px); line-height: 1.5; color: #c7dbee; }
.sponsor-card .sponsor-thanks .icon { color: #80cfff; }
.aditivni-banner:focus-visible { outline-offset: 4px; }
.sponsor-card a:focus-visible { outline-color: var(--accent); }
@media (hover: hover) { .aditivni-banner:hover { border-color: #80cfff; } .aditivni-banner:hover .aditivni-photo { transform: scale(1.035); } }
@container (max-width: 340px) { .aditivni-copy { gap: 5px; } .aditivni-heading { font-size: 22px; } .aditivni-subtitle { display: none; } }
@media (max-width: 760px) { .aditivni-label { top: 10px; right: 10px; } }
@media (max-width: 580px) { .aditivni-label { top: 16px; right: 15px; font-size: 8px; } }
@media (forced-colors: active) { .aditivni-banner::after { display: none; } .aditivni-copy, .aditivni-topline { background: Canvas; color: CanvasText; } .aditivni-heading, .aditivni-heading em, .aditivni-subtitle, .aditivni-label { color: CanvasText; } }