/*
 * gk/addimg/addimg.css — βελάκια στην κύρια φωτογραφία της σελίδας προϊόντος (profitstore)
 * 2026-10-04 · session «JOOMLA ADDITIONAL FOTOS» · το φορτώνει μόνο το plugins/system/ak_hooks/68-addimg.php
 * Όλες οι κλάσεις ξεκινούν με ak-ai- → δεν αγγίζουν τίποτα άλλο στη σελίδα.
 * ΑΝΑΙΡΕΣΗ: touch plugins/system/ak_hooks/DISABLED_ADDIMG
 */
.ak-ai-wrap { position: relative; }
.ak-ai-btn {
    position: absolute; top: 50%; z-index: 5;
    width: 36px; height: 36px; margin-top: -18px; padding: 0;
    border: 0; border-radius: 50%;
    background: rgba(255, 255, 255, 0.92); color: #0f172a;
    box-shadow: 0 1px 5px rgba(15, 23, 42, 0.28);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; opacity: 0.88; line-height: 0;
    -webkit-tap-highlight-color: transparent;
}
.ak-ai-btn:hover, .ak-ai-btn:focus-visible { opacity: 1; }
.ak-ai-btn svg { display: block; }
.ak-ai-prev { left: 6px; }
.ak-ai-next { right: 6px; }
/* υπολογιστής: η φωτογραφία είναι μικρή (200px) — μικρότερα βελάκια */
.v2dfp-img-wrap .ak-ai-btn { width: 30px; height: 30px; margin-top: -15px; }
.v2dfp-img-wrap .ak-ai-prev { left: 4px; }
.v2dfp-img-wrap .ak-ai-next { right: 4px; }
/* όσο φορτώνει η επόμενη φωτογραφία */
img.ak-ai-loading { opacity: 0.55; transition: opacity 0.15s; }

/* ===== ΜΕΓΑΛΗ ΠΡΟΒΟΛΗ: σειρά μικρογραφιών ΑΠΟ ΚΑΤΩ (04/10/2026, αίτημα gkouz «όπως στο cscart») =====
   Το fancyBox 3.1.24 τις βάζει ΔΕΞΙΑ (στήλη 220px) και τις κρύβει κάτω από 800px.
   Μόνο για τη δική μας γκαλερί (baseClass ak-ai-fb) — οι άλλες γκαλερί του site μένουν ως έχουν. */
.ak-ai-fb.fancybox-show-thumbs .fancybox-inner { right: 0; bottom: 92px; }
.ak-ai-fb.fancybox-show-thumbs .fancybox-thumbs {
    /* 04/10 διόρθωση κινητού: το fancyBox δίνει position/z-index ΜΟΝΟ πάνω από 800px → στο κινητό η σειρά
       έμενε «στατική» και πήγαινε ΠΑΝΩ, κάτω από τη γραμμή κουμπιών (αναφορά gkouz «στο κινητό δεν εμφανίζει μικρογραφίες») */
    position: absolute; z-index: 99995; box-sizing: border-box; margin: 0;
    display: block; top: auto; right: 0; bottom: 0; left: 0;
    width: auto; height: 92px; padding: 8px 8px 0;
    background: rgba(0, 0, 0, 0.55);
}
.ak-ai-fb .fancybox-thumbs > ul {
    overflow-x: auto; overflow-y: hidden; white-space: nowrap; text-align: center;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;   /* 04/10: το δάχτυλο κυλάει τη σειρά οριζόντια (κινητό) */
}
.ak-ai-fb .fancybox-thumbs > ul > li {
    float: none; display: inline-block; vertical-align: top;
    max-width: none; width: 84px; height: 76px;
    border-width: 0 4px; background: #fff; background-clip: padding-box;
}
.ak-ai-fb .fancybox-thumbs > ul > li.fancybox-thumbs-loading { background: rgba(255, 255, 255, 0.35); }
.ak-ai-fb .fancybox-button--thumbs { display: none !important; }   /* σειρά πάντα ανοιχτή — όχι κουμπί εναλλαγής */
@media (max-width: 800px) {
    .ak-ai-fb.fancybox-show-thumbs .fancybox-inner { bottom: 74px; }
    .ak-ai-fb.fancybox-show-thumbs .fancybox-thumbs { height: 74px; padding: 6px 6px 0; }
    .ak-ai-fb .fancybox-thumbs > ul > li { width: 64px; height: 62px; border-width: 0 3px; }
}