/*
 * IPA Nitra – správne zobrazovanie obrázkov podľa ich účelu.
 *
 * Zásada:
 * - fotografie v galérii = jednotné náhľady s jemným orezom,
 * - po kliknutí galéria ukáže celý originál,
 * - funkcionári = celá fotografia bez odrezanej hlavy/tela,
 * - logá = vždy celé bez orezu,
 * - titulné obrázky aktualít = celé bez orezu,
 * - fotografie v článku = celé bez deformácie.
 */

/* Všeobecná ochrana pred deformáciou */
img{
    max-width:100%;
}

/* =========================================================
   AKTUALITY – šablónové/titulné obrázky celé bez orezu
   ========================================================= */
.news-thumb,
.news-thumb-wrap .news-thumb,
.aktualita-thumb img{
    object-fit:contain !important;
    object-position:center center !important;
    background:#f8fafc !important;
}

/* =========================================================
   GALÉRIA – pekné jednotné náhľady, celý originál po kliknutí
   ========================================================= */
.gallery-grid{
    align-items:stretch;
}

.gallery-photo{
    aspect-ratio:4 / 3;
    overflow:hidden;
    border-radius:12px;
    background:#e5e7eb;
}

.gallery-photo img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    border-radius:12px !important;
    cursor:zoom-in !important;
    transition:transform .18s ease, opacity .18s ease !important;
}

.gallery-photo:hover img{
    transform:scale(1.025);
    opacity:.94;
}

/* Titulný obrázok galérie v zozname má fungovať ako obálka */
.card img.cover{
    display:block !important;
    width:100% !important;
    height:190px !important;
    padding:8px !important;
    box-sizing:border-box !important;
    object-fit:contain !important;
    object-position:center center !important;
    border-radius:14px !important;
    background:#f8fafc !important;
    border:1px solid #e4e7ec !important;
}

/* Veľký lightbox vždy zobrazí celý obrázok */
.lightbox-image{
    object-fit:contain !important;
    max-width:92vw !important;
    max-height:86vh !important;
}

/* =========================================================
   KONTAKT – celé portréty funkcionárov
   ========================================================= */
.official-card{
    overflow:hidden;
}

.official-photo{
    display:block !important;
    width:100% !important;
    height:330px !important;
    max-height:330px !important;
    object-fit:contain !important;
    object-position:center center !important;
    background:#f8fafc !important;
    padding:8px !important;
    box-sizing:border-box !important;
    margin:0 auto !important;
}

.official-placeholder{
    height:330px !important;
    min-height:330px !important;
}

/* =========================================================
   PARTNERI A ZĽAVY – logá musia byť vždy celé
   ========================================================= */
.partner-logo-box img,
.deal-logo,
.partner-mini img{
    object-fit:contain !important;
    object-position:center center !important;
    max-width:100% !important;
    height:auto !important;
}

.partner-logo-box,
.deal-logo-wrap{
    background:#f8fafc !important;
}

/* =========================================================
   ČLÁNOK – fotografie celé a bez deformácie
   ========================================================= */
.article-body img,
.article-photo-main img,
.article-cover-small{
    object-fit:contain !important;
    object-position:center center !important;
    max-width:100% !important;
}

/* Logo webu */
.brand img{
    object-fit:contain !important;
}

/* Domovská stránka – malé náhľady ostávajú kompaktné */
.home-thumb{
    object-fit:cover !important;
    object-position:center center !important;
}

/* Mobil */
@media (max-width:720px){
    .gallery-photo{
        aspect-ratio:4 / 3;
    }

    .card img.cover{
        height:220px !important;
    }

    .official-photo,
    .official-placeholder{
        height:300px !important;
        max-height:300px !important;
        min-height:300px !important;
    }
}


/* =========================================================
   GALÉRIA – spoľahlivé zatvorenie veľkého náhľadu
   ========================================================= */
body .lightbox{
    z-index:99999 !important;
}

body .lightbox .lightbox-close{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    position:fixed !important;
    top:18px !important;
    right:18px !important;
    left:auto !important;
    bottom:auto !important;
    transform:none !important;
    align-items:center !important;
    justify-content:center !important;
    width:48px !important;
    height:48px !important;
    padding:0 !important;
    margin:0 !important;
    border:2px solid rgba(255,255,255,.75) !important;
    border-radius:999px !important;
    background:#fff !important;
    color:#111 !important;
    box-shadow:0 8px 26px rgba(0,0,0,.35) !important;
    font-family:Arial,sans-serif !important;
    font-size:34px !important;
    font-weight:700 !important;
    line-height:1 !important;
    cursor:pointer !important;
    z-index:100001 !important;
}

body .lightbox .lightbox-close:hover{
    background:#f5c542 !important;
}

body .lightbox .lightbox-nav{
    z-index:100000 !important;
}

@media(max-width:700px){
    body .lightbox .lightbox-close{
        top:10px !important;
        right:10px !important;
        width:44px !important;
        height:44px !important;
        font-size:31px !important;
    }
}