/* =====================================================================
   GALERIE DIVSE – vzhled okna s velkou fotkou (patří ke galerie.js)
   ===================================================================== */

/* Celé okno přes obrazovku */
.galerie-okno {
    width: 100vw;
    height: 100vh;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    overflow: hidden;
}

/* Ztmavení stránky pod oknem */
.galerie-okno::backdrop {
    background: rgba(0, 0, 0, 0.88);
}

/* Fotka s popiskem uprostřed */
.galerie-okno figure {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

/* Rámeček kolem fotky – podle něj se umisťují šipky a křížek */
.galerie-okno .ramecek {
    position: relative;
    line-height: 0;          /* žádná mezera pod fotkou */
}

.galerie-okno img {
    max-width: 94vw;
    max-height: 86vh;
    object-fit: contain;
    border: 3px solid white;   /* bílý rámeček jako dřív u Highslide */
    border-radius: 4px;
    background: white;
}

.galerie-okno figcaption {
    color: white;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 0.95rem;
    text-align: center;
    padding: 0 3rem;
}

.galerie-okno .pocitadlo {
    color: #aaa;
    margin-left: 0.5em;
}

/* Tlačítka na fotce: tmavé kolečko s bílou ikonkou uprostřed */
.galerie-okno button {
    position: absolute;
    display: flex;               /* ikonka přesně doprostřed kolečka */
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 2.6rem;
    height: 2.6rem;
    border: none;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.55);   /* tmavé, aby bylo vidět i na světlé fotce */
    color: white;
    cursor: pointer;
}

.galerie-okno button:hover {
    background: rgba(0, 0, 0, 0.85);
}

/* Ikonka (SVG) – bílá čára o tloušťce 2.5 */
.galerie-okno button svg {
    width: 60%;
    height: 60%;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Šipky svisle uprostřed fotky, u levého a pravého okraje */
.galerie-okno .predchozi,
.galerie-okno .dalsi {
    top: 50%;
    transform: translateY(-50%);
}

.galerie-okno .predchozi { left: 10px; }
.galerie-okno .dalsi     { right: 10px; }

/* Zavírací křížek v pravém horním rohu fotky */
.galerie-okno .zavrit {
    top: 10px;
    right: 10px;
}

/* Jen jedna fotka -> šipky nejsou potřeba */
.galerie-okno.jedna .predchozi,
.galerie-okno.jedna .dalsi {
    display: none;
}