.skip-link.screen-reader-text:focus {
    left: auto;
    right: 6px;
}

/* Scroll-to-top button — fixed to the physical right corner */
#scrollToTop {
    right: auto;
    left: 30px;
}

@media (max-width: 480px) {
    #scrollToTop {
        right: auto;
        left: 10px;
    }
}


/* ==========================================================================
   base/navigation.css
   ========================================================================== */

/* Search overlay close — pinned to the physical right */
.search-close {
    right: auto;
    left: 10vh;
}

/* Horizontal submenu — drops from the start edge (right in RTL) */
.aurora-lite-horizontal-menu .sub-menu {
    left: auto;
    right: 0;
}

/*
 * Submenu item that has children: the extra padding + negative margin
 * makes room for the nested submenu arrow. Both sides must swap together.
 */
.aurora-lite-horizontal-menu .sub-menu li.menu-item-has-children > a {
    padding-right: 0;
    margin-right: 0;
    padding-left: 40px;
    margin-left: -40px;
}

/* Nested submenu — opens to the left of its parent in RTL */
.aurora-lite-horizontal-menu .sub-menu .menu-item-has-children > .sub-menu {
    left: auto;
    right: calc(100% + 19.5px);
}

/*
 * Dropdown chevron — drawn with border-right + border-bottom rotated.
 * In RTL the chevron must mirror: use border-left + border-bottom.
 * margin-inline-start already handles the gap (fixed in source),
 * so only the border sides need swapping here.
 */
.aurora-lite-horizontal-menu .menu-item-has-children > a::after {
    border-right: none;
    border-left: 2px solid currentColor;
}

/* Submenu toggle chevron (mobile vertical menu) */
.aurora-lite-submenu-toggle::before {
    border-right: none;
    border-left: 2px solid currentColor;
}

/* Inline submenu toggle — pinned to the physical right */
.submenu-toggle {
    right: auto;
    left: 0;
}

/*
 * Mobile slide panel — panels slide in from the physical right in LTR.
 * In RTL they slide in from the physical left.
 * The open state resets transform to 0 — that is shared and needs no change.
 */
.aurora-lite-menu-panel {
    right: auto;
    left: 0;
    transform: translateX(-100%);
}

/* Panel close button — sits in the physical top-right corner */
.aurora-lite-panel-close {
    right: auto;
    left: 30px;
}


/* ==========================================================================
   base/comments.css
   ========================================================================== */

/* Reply link icon — offset to the physical right of the link text */
.comment-reply-link::after {
    right: auto;
    left: -4px;
}


/* ==========================================================================
   pages/single.css  — dropcap
   float: inline-start is not yet cross-browser supported, so RTL override
   is required for all three dropcap styles.
   ========================================================================== */

body.dropcase-pretty .aurora-lite-dropcap::first-letter,
body.dropcase-bold   .aurora-lite-dropcap::first-letter,
body.dropcase-casual .aurora-lite-dropcap::first-letter {
    float: right;
    margin-right: 0;
    margin-left: 10px;
}

@media (max-width: 480px) {
    body.dropcase-casual .aurora-lite-dropcap::first-letter {
        margin-left: 8px;
        margin-right: 0;
    }
}


/* ==========================================================================
   header_layout/default.css
   ========================================================================== */

/* Inline search form — pinned to the physical right edge of the header */
.default-header #site-header .search-form {
    right: auto;
    left: 10px;
}


.post-navigation div:nth-child(2) a {
    text-align: left;
}

.post-navigation div:nth-child(2) span {
    justify-content: flex-start;
}

@media (max-width: 480px) {
    .tail-div {
        margin-right: auto;
        margin-left: 0;
    }
}
.aurora-lite-comment-form label *:not(.required),
.aurora-lite-comment-form label {
    left: auto;
    right: 15px;
}

.aurora-lite-comment-form .comment-form-comment label .required {
    left: auto;
    right: 100px;
}
#tiled .card-embed .post-category,
.card-embed .post-category,
.card-poster .post-category {
    right: auto;
    left: 10px;
}

#hero-slider .card-embed .post-category {
    right: auto;
    left: 15px;
}

.genteel-section .aurora-lite-edit-section {
    left: auto;
    right: -30px;
}

nav.error-404-navigation ul {
    padding-left: 0;
    padding-right: 20px;
}

.search-layout-default .search-banner .search-wrapper::before {
    right: auto;
    left: 25px;
}

@media (max-width: 768px) {
    .search-layout-default .search-banner .search-wrapper::before {
        right: auto;
        left: 68px;
    }
}

@media (max-width: 480px) {
    .search-layout-default .search-banner .search-wrapper::before {
        right: auto;
        left: 69px;
    }
}
