.aradahan_mag_cta {
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    z-index: 9;
}

.aradahan_mag_cta::before {
    position: absolute;
    content: "";
    top: -12px;
    left: 5%;
    width: 90%;
    height: 12px;
    z-index: -99999;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: inherit;
    opacity: 0.1;
}

.aradahan_mag_cta::after {
    position: absolute;
    content: "";
    bottom: -13px;
    left: 5%;
    width: 90%;
    height: 12px;
    z-index: -99999;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: inherit;
    opacity: 0.1;
}

.aradahan_mag_cta .aradahan_mag_action_cta_right span.cta {
    font-weight: 900;
}

.aradahan_mag_cta .aradahan_mag_action_cta_right span.subject {
    display: block;
    font-weight: 700;
}

.aradahan_mag_cta .aradahan_mag_action_cta_left a {
    padding: 10px 20px;
    display: block;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
}

table.custom-table {
    text-align: center;
}

/* ---------------------------------------
   Custom RTL horizontal scroll for tables
   - Native scrollbar is hidden (no double scrollbar)
   - Custom bar always visible
---------------------------------------- */
.custom-table-shell {
    width: 100%;
    max-width: 100%;
    margin: 12px 0;
    direction: rtl; /* RTL container */
}

.custom-table-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable both-edges;

    /* Hide native scrollbar (avoid double scrollbar) */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge legacy */
    direction: rtl; /* make scroll start from right */
}

/* Chrome/Safari/Edge */
.custom-table-scroll::-webkit-scrollbar {
    height: 0 !important;
}
.custom-table-scroll::-webkit-scrollbar-thumb {
    background: transparent !important;
}
.custom-table-scroll::-webkit-scrollbar-track {
    background: transparent !important;
}

/* Ensure table can exceed width to enable horizontal scroll */
.custom-table-scroll > table.custom-table {
    width: max-content;
    min-width: 100%;
    border-collapse: collapse;
}

/* Always-visible custom scrollbar (RTL) */
.custom-table-bar {
    position: relative;
    height: 10px;
    margin-top: -10px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.10);
    user-select: none;
    touch-action: none;
}

.custom-table-thumb {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: 999px;
    background: var(--e-global-color-primary);
    cursor: grab;
}

.custom-table-thumb:active {
    cursor: grabbing;
}

@media (hover: hover) and (pointer: fine) {
    .custom-table-bar:hover .custom-table-thumb {
        background: rgba(0, 0, 0, 0.42);
    }
}

@media (max-width: 768px) {
    .aradahan_mag_cta {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .aradahan_mag_cta .aradahan_mag_action_cta_left {
        margin-top: 15px;
    }
    table.custom-table {
        font-size: 70%;
    }
}