/* --- BRUTÁLNÍ PŘEPSÁNÍ GALERIE DO JEDNÉ ŘADY --- */

/* 1. Vynucení jedné linie pro kontejner (zrušení sloupců šablony) */
.p-thumbnails-inner, 
.p-thumbnails-inner > div {
    display: flex !important;
    flex-direction: row !important; /* Vždy v řadě */
    flex-wrap: nowrap !important; /* Zákaz skákání pod sebe */
    justify-content: flex-start !important; /* Zarovnání od začátku (jako Alza) */
    align-items: center !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    gap: 8px !important; /* Fixní malá mezera mezi obrázky */
    float: none !important; /* Zrušení starých floatů */
}

/* 2. Fixace rozměrů náhledů - aby nebyly obrovské a nebraly místo */
.p-thumbnail {
    flex: 0 0 80px !important; /* Fixní šířka 80px, nebude se smršťovat ani natahovat */
    width: 80px !important;
    height: 80px !important;
    margin: 0 !important; /* Zrušení mezer šablony */
    padding: 2px !important;
    border: 1px solid #ddd !important;
    background: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Lehké zaoblení podle tvého přání */
    border-radius: 4px !important; 
    overflow: hidden !important;
}

/* 3. Obrázky uvnitř náhledů */
.p-thumbnail img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    border-radius: 6px !important; /* Ještě lehčí zaoblení samotné fotky */
    object-fit: contain !important;
}

/* 4. Aktivní zelený rámeček */
.p-thumbnail.highlighted {
    border: 3px solid #57c24e !important;
    box-shadow: none !important;
}

/* 5. Oprava hlavního obrázku (aby byl centrován a velký) */
.p-image {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    margin-bottom: 15px !important;
}

.p-main-image img {
    display: inline-block !important;
    max-width: 100% !important;
    height: auto !important;
    border-radius: 6px !important; /* Lehké zaoblení i pro hlavní fotku */
}

/* 6. Odstranění zbytečných prvků, co by to mohly rozhazovat */
.p-thumbnails-wrapper, .col-sm-12.p-thumbnails-wrapper {
    width: 100% !important;
    padding: 0 !important;
    overflow-x: auto !important; /* Pokud jich bude víc, půjde s nimi v řadě posouvat prstem */
}

.thumbnail-prev, .thumbnail-next {
    display: none !important;
}

/* 7. Odstranění bílého přechodu (šlemu) a aktivace scrollu */
.p-thumbnails.overflow-next::after, 
.p-thumbnails.overflow-prev::before,
.p-thumbnails-horizontal::after,
.p-thumbnails-horizontal::before {
    display: none !important; /* Úplně vypne ten bílý stín */
}

.p-thumbnails-inner {
    overflow-x: auto !important; /* Povolí vodorovný posun */
    scrollbar-width: none; /* Skryje ošklivý scrollbar ve Firefoxu */
    -ms-overflow-style: none; /* Skryje scrollbar v IE/Edge */
    -webkit-overflow-scrolling: touch; /* Zajistí plynulé scrollování prstem na iPhonech */
}

/* Skrytí scrollbaru pro Chrome, Safari a Operu, aby to vypadalo čistě */
.p-thumbnails-inner::-webkit-scrollbar {
    display: none !important;
}