/**************************************************************************************/
/*
/*		Designed by 'AS Designing'
/*		Web: http://www.asdesigning.com
/*		Web: http://www.astemplates.com
/*		License: GNU/GPL
/*
/**************************************************************************************/

/* ==========================================================
   PRZEJĘCIE FABRYCZNEGO EFEKTU HOVER DLA JO IMAGE GALLERY
   ========================================================== */

/* 1. Całkowite rozbicie blokad i okienek ucinających w sekcji tekstowej */
body .site .tekst-zoom,
body .site .tekst-zoom div,
body .site .tekst-zoom a,
body .site .tekst-zoom span,
body .site .tekst-zoom .row,
body .site .tekst-zoom [class*="col"] {
    overflow: visible !important;
    clip: auto !important; /* Likwiduje ukryte maskowanie ramek */
}

/* 2. Zdjęcie barier oraz nadanie płynności dla samego pliku graficznego */
body .site .tekst-zoom .jo-gallery-item img,
body .site .tekst-zoom [class*="jo-gallery"] img,
body .site .tekst-zoom a[data-fancybox] img,
body .site .tekst-zoom a img {
    transition: transform 0.25s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.25s ease !important;
    position: relative !important;
    z-index: 1 !important;
}

/* 3. PODBICIE ZOOMU DO 260%: Przechwytujemy standardowy hover szablonu */
/* Dodanie klas strukturalnych siatki (.row i col) gwarantuje, że kod przebije priorytety AS Templates */
body .site .tekst-zoom .row [class*="col"] .jo-gallery-item:hover img,
body .site .tekst-zoom .row [class*="col"] a:hover img,
body .site .tekst-zoom .jo-gallery-item:hover img,
body .site .tekst-zoom [class*="jo-gallery"] a:hover img {
    transform: scale(2.6) !important; /* Zamieniamy małe 5% na potężne 260% */
    z-index: 999999 !important; /* Wyrzuca zdjęcie wysoko ponad tekst artykułu i inne miniaturki */
    box-shadow: 0 15px 45px rgba(0,0,0,0.6) !important; /* Głęboki, elegancki cień pod dużym obrazem */
}