/* AppleTips Article Media 1.0.6 – galéria. Všetky selektory sú pod .at-gallery / .at-gallery-dialog. Farby z premenných témy (svetlá/tmavá). */
.at-gallery{--atg-bg:var(--papier,#f5f5f7);--atg-fg:var(--atrament,#15171c);--atg-muted:var(--atrament-tlmeny,#5b616e);--atg-line:var(--linka,#e3e5ea);--atg-accent:var(--modra,#2150d0);--atg-surface:var(--plocha,#fff);margin:2em 0;color:var(--atg-fg)}
.at-gallery .at-gallery__title{margin:0 0 .2em;font-weight:700;font-size:1rem}
.at-gallery .at-gallery__hint{margin:0 0 .75em;text-align:start;font-size:.875rem;color:var(--atg-muted)}
.at-gallery .at-gallery__viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border-radius:18px;background:var(--atg-bg);scrollbar-width:thin}
.at-gallery .at-gallery__viewport:focus-visible,.at-gallery-dialog .at-gallery__viewport:focus-visible{outline:3px solid var(--atg-accent,#8fb0ff);outline-offset:3px}
.at-gallery .at-gallery__track,.at-gallery-dialog .at-gallery__track{display:flex;margin:0;padding:0;list-style:none}
.at-gallery .at-gallery__slide,.at-gallery-dialog .at-gallery__slide{flex:0 0 100%;min-width:0;margin:0;padding:0;scroll-snap-align:start;scroll-snap-stop:always}
.at-gallery .at-gallery__figure,.at-gallery-dialog .at-gallery__figure{margin:0}
.at-gallery .at-gallery__img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:var(--atg-bg);border-radius:0}
.at-gallery.at-gallery--js .at-gallery__img{cursor:zoom-in}
.at-gallery .at-gallery__caption{margin:0;text-align:start;padding:.6em 1em .9em;font-size:.875rem;line-height:1.45;color:var(--atg-muted)}
.at-gallery .at-gallery__caption a{color:var(--atg-accent)}
.at-gallery .at-gallery__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:.6em}
.at-gallery .at-gallery__btn,.at-gallery-dialog .at-gallery__btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 14px;border:1px solid var(--atg-line);border-radius:999px;background:var(--atg-surface);color:var(--atg-fg);font:inherit;font-size:.875rem;line-height:1;cursor:pointer}
.at-gallery .at-gallery__btn:focus-visible,.at-gallery-dialog .at-gallery__btn:focus-visible{outline:3px solid var(--atg-accent);outline-offset:2px}
.at-gallery .at-gallery__btn[disabled],.at-gallery-dialog .at-gallery__btn[disabled]{opacity:.4;cursor:default}
.at-gallery .at-gallery__count,.at-gallery-dialog .at-gallery__count{min-width:4.5em;text-align:center;font-size:.875rem;font-variant-numeric:tabular-nums}
.at-gallery .at-gallery__thumbs{display:flex;gap:8px;margin:.75em 0 0;padding:4px;overflow-x:auto;list-style:none}
.at-gallery .at-gallery__thumbs>li{flex:0 0 auto;margin:0;padding:0}
.at-gallery .at-gallery__thumb{display:block;width:84px;overflow:hidden;border:2px solid transparent;border-radius:10px;background:var(--atg-bg)}
.at-gallery .at-gallery__thumb img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:0}
.at-gallery .at-gallery__thumb[aria-current="true"]{border-color:var(--atg-accent)}
.at-gallery .at-gallery__thumb:focus-visible{outline:3px solid var(--atg-accent);outline-offset:2px}
@media (max-width:599px){.at-gallery .at-gallery__thumbs{display:none}}
@media (prefers-reduced-motion:no-preference){.at-gallery .at-gallery__viewport,.at-gallery-dialog .at-gallery__viewport{scroll-behavior:smooth}}
.at-gallery-dialog{--atg-fg:#f5f5f7;--atg-line:#424245;--atg-surface:#1d1d1f;--atg-accent:#8fb0ff;position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;color:#f5f5f7;overflow:hidden}
.at-gallery-dialog::backdrop{background:#000}
.at-gallery-dialog .at-gallery-dialog__top{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:linear-gradient(#000c,#0000)}
.at-gallery-dialog .at-gallery__viewport{height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior:contain;background:#000}
.at-gallery-dialog .at-gallery__track,.at-gallery-dialog .at-gallery__slide,.at-gallery-dialog .at-gallery__figure{height:100%}
.at-gallery-dialog .at-gallery__figure{display:flex;flex-direction:column;justify-content:center;padding:64px 0 8px;box-sizing:border-box}
.at-gallery-dialog .at-gallery__img{display:block;flex:1 1 auto;width:100%;max-width:100%;min-height:0;height:auto;aspect-ratio:auto;object-fit:contain;background:#000;border-radius:0;cursor:auto}
.at-gallery-dialog .at-gallery__caption{flex:0 0 auto;margin:0 auto;max-width:60rem;padding:.6em 16px 64px;text-align:center;font-size:.875rem;color:#d2d2d7}
.at-gallery-dialog .at-gallery__caption a{color:#a8c4ff}
.at-gallery-dialog .at-gallery-dialog__nav{position:absolute;left:0;right:0;bottom:12px;z-index:2;display:flex;justify-content:center;gap:12px;pointer-events:none}
.at-gallery-dialog .at-gallery-dialog__nav>.at-gallery__btn{pointer-events:auto}
:root:has(.at-gallery-dialog[open]){overflow:hidden}
@media (forced-colors:active){.at-gallery .at-gallery__thumb[aria-current="true"]{border-color:Highlight}}
