/* Bootstrap fixes

For some reason "end" is not "end" but "right". These fixes can be in general css file,
as nothing breaks or changes; but the issue is only appear for RTL so lets keep it here.
Also notice we don't use "html[dir='rtl']" so yeah, we are pretty much use it always.
*/

.text-start {
    text-align: start !important;
}

.text-end {
    text-align: end !important;
}

/* #site-navbar */

html[dir='rtl'] #site-navbar {
    direction: ltr;
}

html[dir='rtl'] #site-navbar ul.menu ul.sub-menu {
    text-align: right;
}

html[dir='rtl'] #site-navbar .main-menu .menu-item.menu-item-card a {
    direction: rtl;
}

html[dir='rtl'] #primary-mobile-menu li.menu-item {
    direction: rtl;
}

html[dir='rtl'] .mobile-menu-popup .icon-links-bar {
    flex-direction: row-reverse;
}

html[dir='rtl'] #searchbar form {
    direction: rtl;
}

/* #site-footer */

html[dir='rtl'] #site-footer {
    direction: ltr;
}

/* .front-banner */

html[dir='rtl'] .front-banner .front-post {
    order: 1 !important;
}

/* .box-post-event */

@media (min-width: 992px) {
    html[dir='rtl'] .box-post-event.is-wide .info .event-live-status {
        margin: 0 1.4em 1.4em 0;
    }
}

@media (min-width: 1400px) {
    html[dir='rtl'] .box-post-event.is-brief .info {
        flex-direction: row-reverse;
    }
}

/* .post-list.is-simple */

@media (max-width: 575px) {
    html[dir='rtl'] .post-list.is-simple .simple-post-card {
        left: auto;
        right: calc(-1 * var(--bs-gutter-x, .75rem));
    }
}

/* .event-live-status */

html[dir='rtl'] .event-live-status .status-countdown {
    direction: ltr;
}

/* .athlete-banner */

html[dir='rtl'] .athlete-banner .social-links {
    right: auto;
    left: 1rem;
}

@media (min-width: 1400px) {
    html[dir='rtl'] .athlete-banner .social-links {
        left: 2rem;
    }
}

/* table.simple-table */

html[dir='rtl'] table.simple-table tr > *:not(.image):not(.is-center) {
    padding-left: 0;
    padding-right: 1rem;
}

html[dir='rtl'] table.simple-table tr > *:first-child:not(.is-center) {
    padding-right: 1rem;
}

html[dir='rtl'] table.simple-table:not(.is-flat) tr > *:last-child:not(.is-center) {
    padding-left: 1rem;
}

/* .athlete-event-results */

html[dir='rtl'] .athlete-event-results table.simple-table tr > *.result {
    padding-left: 1rem;
    padding-right: 0;
}

/* .article */

html[dir='rtl'] .article .article-meta > *:not(:first-child):not(:empty):not(button.share-button)::before {
    padding-left: .3em;
    padding-right: 0;
}

/* .how-to-watch-bout-cards */

@media(min-width: 768px) {
    html[dir='rtl'] .how-to-watch-bout-cards > *:not(:last-child) {
        margin-left: 2rem;
        padding-left: 2rem;
        border-left: 1px solid #eee;
        margin-right: 0;
        padding-right: 0;
        border-right: none;
    }
}