/* ── Dycode Marquee ────────────────────────────────────────────────────────── */

/*
 * ΣΗΜΑΝΤΙΚΟ: overflow:visible cascade για να δουλεύει το transform/rotate
 * ΚΑΙ για να μην κόβονται τα modules που ακολουθούν.
 *
 * Το overflow:hidden εφαρμόζεται ΜΟΝΟ στο .dycode-marquee-wrapper
 * ώστε να κόβεται το scrolling track — τίποτα άλλο δεν κόβεται.
 */
.et_pb_section:has(.dycode_marquee),
.et_pb_row:has(.dycode_marquee),
.et_pb_column:has(.dycode_marquee) {
    overflow: visible !important;
}

/* Το module wrapper ΔΕΝ κάνει overflow:hidden — αφήνει τα siblings ορατά */
.dycode_marquee {
    overflow: visible !important;
    /* Χωρίς position:relative εδώ — αφήνουμε Divi να το χειριστεί */
}

/* Αποτρέπουμε horizontal scrollbar χωρίς να επηρεάζουμε άλλα modules */
body,
#page-container {
    overflow-x: clip !important;
}

/* ── Marquee wrapper ─────────────────────────────────────────────────────── */
.dycode-marquee-wrapper {
    position: relative;
    overflow: hidden !important;   /* clips the scrolling track only */
    white-space: nowrap;
    width: 100%;
    /* Απομόνωση: ο wrapper δεν δημιουργεί stacking context που να κρύβει siblings */
}

.dycode-marquee-wrapper.is-full-width {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
}

/* ── Track & items ───────────────────────────────────────────────────────── */
.dycode-marquee-inner {
    display: block;
    white-space: nowrap;
}

.dycode-marquee-track {
    display: inline-flex;
    align-items: center;
    transform: translateZ(0);
    backface-visibility: hidden;
}

.dycode-marquee-item {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

/* Reset default margins για text tags */
.dycode-marquee-item p,
.dycode-marquee-item h1,
.dycode-marquee-item h2,
.dycode-marquee-item h3,
.dycode-marquee-item h4,
.dycode-marquee-item h5,
.dycode-marquee-item h6 {
    margin: 0;
    display: inline;
    white-space: nowrap;
}

/* ── VB preview ──────────────────────────────────────────────────────────── */
.dycode-marquee-vb-preview {
    display: flex;
    align-items: center;
    gap: 16px;
    overflow: hidden;
    padding: 8px 0;
    opacity: 0.85;
}

.dycode-marquee-vb-arrow {
    opacity: 0.4;
    font-size: 0.9em;
    flex-shrink: 0;
}