/**
 * LTR layout overrides - applied when html[dir="ltr"] (English locale).
 * Flips RTL-specific floats and alignment for proper left-to-right layout.
 */

/* Main navigation - menu items flow left to right */
html[dir="ltr"] .nav ul li {
    float: left;
    margin-left: 0;
    margin-right: 1px;
}

/* Registration bar (Login, Register, etc.) */
html[dir="ltr"] .registration-ul li {
    float: left;
}

html[dir="ltr"] .registration-ul li.register,
html[dir="ltr"] .registration-ul li.logout {
    float: right;
}

/* Search box in nav - position on right side for LTR */
html[dir="ltr"] .nav .header-search {
    float: right;
    margin: 1px 0 0 5px;
}

/* Modern desktop nav overrides */
html[dir="ltr"] .mainnav .nav .header-search {
    float: none;
    margin: 0;
}

html[dir="ltr"] .mainnav .nav-links li {
    float: none;
    margin-right: 0;
}

/* Language switch tooltip - right-align in LTR so it doesn't overlap the search field */
html[dir="ltr"] .lang-switch-link::after {
    left: auto;
    right: 0;
    transform: none;
}

html[dir="ltr"] .lang-switch-link::before {
    left: auto;
    right: 12px;
    margin-left: 0;
}

/* Grid columns - flow left to right */
html[dir="ltr"] .grid .column,
html[dir="ltr"] .column.c-one-fourth,
html[dir="ltr"] .column.c-one-fifth,
html[dir="ltr"] .column.c-three-fourth,
html[dir="ltr"] .column.c-two-fourth {
    float: left;
}

/* Horizontal tabs */
html[dir="ltr"] #horizontal-tabs ul.tabs li {
    float: left;
    margin-right: 2px;
    margin-left: 0;
}

/* Vertical tabs - tabs left, content right for LTR */
html[dir="ltr"] #vertical-tabs .contents {
    float: right;
}

html[dir="ltr"] #vertical-tabs ul.tabs {
    float: left;
}

/* Toggle view - position link on left */
html[dir="ltr"] #toggle-view span.link {
    right: auto;
    left: 10px;
}

/* Alert close button - keep on right for LTR */
html[dir="ltr"] .alert {
    padding: 12px 60px 12px 53px;
}

html[dir="ltr"] .close {
    left: auto;
    right: 15px;
}

html[dir="ltr"] .error,
html[dir="ltr"] .success,
html[dir="ltr"] .info,
html[dir="ltr"] .notice {
    background-position: 2% 50%;
}

/* Blockquote - background image on left for LTR */
html[dir="ltr"] blockquote {
    background-position: left 20px;
    padding: 15px 15px 15px 35px;
    text-align: left;
}

/* Ul list styles - bullet on left */
html[dir="ltr"] .ulstyel02 {
    padding-left: 0px;
    padding-right: 0;
    text-align: left;
}

/* Star-list and icon lists - icon on left for LTR (RTL has icon on right) */
html[dir="ltr"] .star-list li,
html[dir="ltr"] .square-list li,
html[dir="ltr"] .check-list li,
html[dir="ltr"] .plus-list li,
html[dir="ltr"] .arrow-list li,
html[dir="ltr"] .cross-list li,
html[dir="ltr"] .minus-list li,
html[dir="ltr"] .arrow2-list li,
html[dir="ltr"] .circle-list li {
    background-position: left 50%;
    padding: 5px 5px 5px 15px;
}

/* Login form - contain floated submit button and prevent star-list from wrapping next to it */
html[dir="ltr"] form .ulstyle05 {
    overflow: hidden;
}

html[dir="ltr"] .ulstyle05+div {
    clear: both;
    display: block;
    margin-top: 15px;
}

/* Submit button in forms - block display for proper stacking in LTR */
html[dir="ltr"] .ulstyle05 li .sumitbtn {
    float: none;
    display: block;
}

/* Accordion plus/minus icons - right side for LTR */
html[dir="ltr"] .accordion .plus,
html[dir="ltr"] .accordion .minus {
    float: right;
}

/* Shortcode dropcap */
html[dir="ltr"] .dropcap {
    float: left;
    margin: 5px 5px 0 0;
}

/* Home page icons and labels */
html[dir="ltr"] .home-icon-label,
html[dir="ltr"] .home-random-label {
    float: left;
}

/* Read more / Browse more buttons */
html[dir="ltr"] .readmorebtn {
    float: left;
}

/* Newsletter section */
html[dir="ltr"] .newslettertext,
html[dir="ltr"] .newslettercon,
html[dir="ltr"] .newslettercon .news-letter {
    float: left;
}

/* Footer social links and sitemap */
html[dir="ltr"] .socialnetcon li,
html[dir="ltr"] .site-map li {
    float: left;
}

/* Testimonial author */
html[dir="ltr"] .t-author {
    float: left;
}

/* Image details / portfolio */
html[dir="ltr"] .img-det {
    float: left;
}

/* Portfolio links */
html[dir="ltr"] .portfolio ul li a {
    float: left;
}

/* Left/right nav layout - swap for LTR */
html[dir="ltr"] .leftnavrside {
    float: left;
}

html[dir="ltr"] .leftnavside {
    float: right;
}

/* Author tabbed panel */
html[dir="ltr"] .authortabbedpanel {
    float: left;
}

/* Chapter list and playlist */
html[dir="ltr"] .chapter-list {
    float: none;
    width: auto;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

html[dir="ltr"] .chapter-playlist {
    float: left;
}

html[dir="ltr"] #playlist-target li {
    float: left;
}

/* Playlist action buttons */
html[dir="ltr"] .playlist-listen,
html[dir="ltr"] .playlist-edit,
html[dir="ltr"] .playlist-delete,
html[dir="ltr"] .playlist-delete-item {
    float: left;
}

html[dir="ltr"] .playlist-listen,
html[dir="ltr"] .playlist-edit,
html[dir="ltr"] .playlist-delete {
    background-position: 0 0;
    padding-left: 20px;
    padding-right: 10px;
}

/* Share buttons */
html[dir="ltr"] .sharrre {
    float: left;
}

/* Elements that are float: left in RTL (at end of line) - need float: right in LTR (at end of line) */
html[dir="ltr"] .more-btn {
    float: right;
}

/* "Browse more": right in EN, left in AR — handled by margin-inline-start: auto in all.css */

html[dir="ltr"] .listen-all,
html[dir="ltr"] .listen-all:hover {
    float: right;
}

html[dir="ltr"] .create-playlist,
html[dir="ltr"] .create-playlist:hover {
    float: right;
}

html[dir="ltr"] .back-to-playlist,
html[dir="ltr"] .back-to-playlist:hover {
    float: right;
}

html[dir="ltr"] .share-box {
    float: right;
    clear: right;
}

html[dir="ltr"] #social-share {
    float: right;
    clear: right;
}


/* Language switch tooltip - right-align in LTR so it doesn't overlap the search field */
html[dir="ltr"] .lang-switch-link::after {
    left: auto;
    right: 0;
    transform: none;
}

html[dir="ltr"] .lang-switch-link::before {
    left: auto;
    right: 12px;
    margin-left: 0;
}

html[dir="ltr"] #componentWrapper .playlistSelected,
html[dir="ltr"] #componentWrapper .playlistNonSelected {
    float: left;
}