.eepek-table-scroll {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.eepek-seminars-table-element table {
    min-width: 760px;
}

.eepek-seminars-table-element .eepek-col-code,
.eepek-seminars-table-element .eepek-col-seats,
.eepek-seminars-table-element .eepek-col-date,
.eepek-seminars-table-element .eepek-col-pdf,
.eepek-seminars-table-element .eepek-col-application {
    white-space: nowrap;
}

.eepek-seminars-table-element .eepek-col-title {
    min-width: 280px;
}

.eepek-seminars-table-element .eepek-col-location {
    min-width: 180px;
}

.eepek-pagination {
    margin-top: 24px;
}

.eepek-pagination .page-numbers.current {
    font-weight: 700;
}


/* EEPEK MOOC Grid */
.eepek-mooc-filter {
    margin-bottom: 28px;
    max-width: 520px;
}

.eepek-mooc-filter .uk-form-label {
    display: block;
    margin-bottom: 8px;
}

.eepek-mooc-image {
    width: 100%;
    overflow: hidden;
    background: #f6f6f6;
}

.eepek-mooc-ratio-16-9 {
    aspect-ratio: 16 / 9;
}

.eepek-mooc-ratio-4-3 {
    aspect-ratio: 4 / 3;
}

.eepek-mooc-ratio-1-1 {
    aspect-ratio: 1 / 1;
}

.eepek-mooc-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.eepek-mooc-card-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.eepek-mooc-title {
    margin: 0;
}

.eepek-mooc-title a {
    text-decoration: none;
}

.eepek-mooc-duration {
    margin-top: 2px;
}

.eepek-mooc-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 8px;
}

.eepek-mooc-pagination {
    margin-top: 30px;
}

.eepek-mooc-pagination .page-numbers.current {
    font-weight: 700;
}


/* v1.6 — MOOC Grid styled like a native YOOtheme panel/card */
.eepek-mooc-yootheme-card {
    overflow: hidden;
}

.eepek-mooc-yootheme-card .eepek-mooc-card-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.eepek-mooc-yootheme-card .uk-card-media-top {
    overflow: hidden;
}

.eepek-mooc-yootheme-card .el-image {
    display: block;
    width: 100%;
    height: auto;
}

.eepek-mooc-yootheme-card .eepek-mooc-card-inner {
    padding: 0;
}

.eepek-mooc-yootheme-card .el-title {
    color: inherit;
}

.eepek-mooc-yootheme-card .el-meta {
    color: inherit;
}

.eepek-mooc-yootheme-card .eepek-mooc-program-wrap {
    padding-top: 0;
}

/* Όταν το element χρησιμοποιεί YOOtheme card style, κρατάμε το body spacing
   από το uk-card-body που ήδη εφαρμόζεται στο article. */
.eepek-mooc-yootheme-card.uk-card-body .uk-card-media-top {
    margin-top: calc(var(--uk-card-body-padding, 0px) * -1);
    margin-left: calc(var(--uk-card-body-padding, 0px) * -1);
    margin-right: calc(var(--uk-card-body-padding, 0px) * -1);
}

/* Ασφαλές fallback για installations όπου δεν υπάρχει CSS variable. */
.eepek-mooc-yootheme-card.uk-card-body > .eepek-mooc-card-link > .uk-card-media-top {
    margin-left: -30px;
    margin-right: -30px;
    margin-top: -30px;
}

@media (max-width: 639px) {
    .eepek-mooc-yootheme-card.uk-card-body > .eepek-mooc-card-link > .uk-card-media-top {
        margin-left: -20px;
        margin-right: -20px;
        margin-top: -20px;
    }
}


/* v1.7 — exact MOOC card alignment requested */
.eepek-mooc-yootheme-card .uk-card-media-top {
    margin: 0 !important;
    padding: 0 !important;
}

.eepek-mooc-yootheme-card.uk-card-body > .eepek-mooc-card-link > .uk-card-media-top {
    margin: -30px -30px 0 -30px !important;
}

.eepek-mooc-yootheme-card .el-image {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
    object-position: center 25%;
}

.eepek-mooc-yootheme-card .eepek-mooc-card-inner {
    text-align: center;
}

.eepek-mooc-yootheme-card .el-title {
    margin-bottom: auto !important;
    color: inherit;
    text-align: center;
}

.eepek-mooc-yootheme-card .el-title a,
.eepek-mooc-yootheme-card .eepek-mooc-card-link .el-title {
    color: inherit;
}

.eepek-mooc-yootheme-card .el-meta {
    margin-bottom: auto !important;
    color: inherit;
    text-align: center;
}

@media (max-width: 639px) {
    .eepek-mooc-yootheme-card.uk-card-body > .eepek-mooc-card-link > .uk-card-media-top {
        margin: -20px -20px 0 -20px !important;
    }
}


/* v1.8 — stable edge-to-edge image at every breakpoint */
.eepek-mooc-yootheme-card {
    --eepek-card-pad-x: 30px;
    --eepek-card-pad-top: 30px;
}

/* UIkit/YOOtheme changes card-body padding at breakpoints.
   The media compensates for the actual card padding so it always reaches
   the left/right/top edges of the card. */
.eepek-mooc-yootheme-card.uk-card-body > .eepek-mooc-card-link > .uk-card-media-top {
    margin-top: calc(-1 * var(--eepek-card-pad-top)) !important;
    margin-left: calc(-1 * var(--eepek-card-pad-x)) !important;
    margin-right: calc(-1 * var(--eepek-card-pad-x)) !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    width: calc(100% + (2 * var(--eepek-card-pad-x))) !important;
    max-width: none !important;
}

.eepek-mooc-yootheme-card .uk-card-media-top .el-image {
    width: 100% !important;
    max-width: none !important;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
    object-position: center 25%;
    margin: 0 !important;
    padding: 0 !important;
}

/* YOOtheme / UIkit small-card-body spacing */
@media (max-width: 1199px) {
    .eepek-mooc-yootheme-card {
        --eepek-card-pad-x: 30px;
        --eepek-card-pad-top: 30px;
    }
}

@media (max-width: 959px) {
    .eepek-mooc-yootheme-card {
        --eepek-card-pad-x: 30px;
        --eepek-card-pad-top: 30px;
    }
}

@media (max-width: 639px) {
    .eepek-mooc-yootheme-card {
        --eepek-card-pad-x: 20px;
        --eepek-card-pad-top: 20px;
    }
}

/* Title: YOOtheme secondary text color, while keeping H6 typography */
.eepek-mooc-yootheme-card .el-title,
.eepek-mooc-yootheme-card .eepek-mooc-card-link .el-title {
    color: var(--uk-text-secondary-color, var(--uk-global-secondary-background)) !important;
    text-align: center;
    margin-bottom: auto !important;
}


/* v1.10 — Native YOOtheme card structure
   Image is outside uk-card-body; content is inside uk-card-body. */
.eepek-mooc-yootheme-card {
    overflow: hidden;
}

.eepek-mooc-yootheme-card > .eepek-mooc-card-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.eepek-mooc-yootheme-card > .eepek-mooc-card-link > .uk-card-media-top {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: none !important;
}

.eepek-mooc-yootheme-card > .eepek-mooc-card-link > .uk-card-media-top .el-image {
    width: 100% !important;
    max-width: none !important;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
    object-position: center 25%;
    margin: 0 !important;
    padding: 0 !important;
}

.eepek-mooc-yootheme-card .eepek-mooc-card-inner.uk-card-body {
    margin: 0 !important;
    text-align: center;
}

.eepek-mooc-yootheme-card .el-title {
    text-align: center;
    margin-bottom: auto !important;
}

.eepek-mooc-yootheme-card .el-meta {
    text-align: center;
    margin-bottom: auto !important;
}

/* Disable all previous edge-to-edge compensation rules. */
.eepek-mooc-yootheme-card.uk-card-body > .eepek-mooc-card-link > .uk-card-media-top,
.eepek-mooc-yootheme-card .uk-card-media-top {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    width: 100% !important;
}

/* Preserve YOOtheme hover behavior on the actual card. */
.eepek-mooc-yootheme-card.uk-card-hover {
    transition: box-shadow .2s ease-in-out, transform .2s ease-in-out;
}


/* v1.11 — extra breathing room below MOOC card meta */
.eepek-mooc-yootheme-card .eepek-mooc-card-inner.uk-card-body {
    padding-bottom: 40px !important;
}


/* v1.12 responsive visibility */
.eepek-visibility-desktop{display:none!important}
.eepek-visibility-tablet_down{display:block}
.eepek-visibility-tablet_only{display:none!important}
.eepek-visibility-mobile{display:block}
@media (min-width:960px){
  .eepek-visibility-desktop{display:block!important}
  .eepek-visibility-tablet_down,.eepek-visibility-tablet_only,.eepek-visibility-mobile{display:none!important}
}
@media (min-width:640px) and (max-width:959px){
  .eepek-visibility-tablet_only{display:block!important}
  .eepek-visibility-mobile{display:none!important}
}
@media (max-width:639px){
  .eepek-visibility-tablet_only{display:none!important}
}
.eepek-compact-code{width:70px;white-space:nowrap}
.eepek-compact-row{cursor:pointer}
.eepek-compact-row:hover{background:rgba(0,0,0,.03)}
.eepek-compact-table a{color:inherit;text-decoration:none;display:block}
.eepek-compact-pagination{margin-top:24px}
.eepek-seminars-compact-element .uk-modal-dialog{max-width:720px}


/* v1.12 — accessible contrast for seminar table headings */
.eepek-seminars-table-element .uk-table thead th,
.eepek-seminars-compact-element .uk-table thead th {
    color: #1f2933 !important;
}


/* v1.12.1 — force accessible header text contrast on both seminar table elements */
.eepek-seminars-table-element table.uk-table > thead > tr > th,
.eepek-seminars-table-element table.uk-table > thead > tr > th *,
.eepek-seminars-compact-element table.uk-table > thead > tr > th,
.eepek-seminars-compact-element table.uk-table > thead > tr > th * {
    color: #17202a !important;
    opacity: 1 !important;
}