/* =========================================
   RTL для сторінок сервісів / постів
   (одиночний продукт + списки категорій)
   ========================================= */

/* Базове вирівнювання тексту вправо */
html[dir="rtl"] .blog-posts .post-content,
html[dir="rtl"] .blog-posts .post-content h2,
html[dir="rtl"] .blog-posts .post-content p,
html[dir="rtl"] .blog-posts .links-line,
html[dir="rtl"] .blog-posts .category-line,
html[dir="rtl"] .blog-posts .lang-line,
html[dir="rtl"] .blog-posts.post p,
html[dir="rtl"] .blog-posts:not(.post) p,
html[dir="rtl"] .category-description {
    text-align: right;
}

/* Примітка про мову */
html[dir="rtl"] .lang-note {
    font-size: 13px;
    opacity: 0.7;
    text-align: right;
}

html[dir="rtl"] .blog-posts article > .row:first-of-type,
html[dir="rtl"] .blog-posts article > div.row:first-of-type {
    display: flex !important;

    align-items: flex-start;
}

/* Відключаємо bootstrap-флоати всередині цього блоку */
html[dir="rtl"] .blog-posts article > .row:first-of-type > [class*="col-"],
html[dir="rtl"] .blog-posts article > div.row:first-of-type > [class*="col-"] {
    float: none !important;
}

html[dir="rtl"] .blog-posts article > .row:first-of-type img,
html[dir="rtl"] .blog-posts article > div.row:first-of-type img {
    margin-left: 20px !important;
    margin-right: 0 !important;
}


html[dir="rtl"] .blog-posts article .post-content,
html[dir="rtl"] .blog-posts article .post-content h2,
html[dir="rtl"] .blog-posts article .post-content p {
    text-align: right;
}


html[dir="rtl"] .row.margin-bottom-15 {
    display: flex;

    align-items: flex-start;
}

html[dir="rtl"] .row.margin-bottom-15 > [class*="col-"] {
    float: none !important;
}

html[dir="rtl"] .row.margin-bottom-15 img {
    margin-left: 20px !important;
    margin-right: 0 !important;
}

html[dir="rtl"] .row.margin-bottom-15 .col-md-9,
html[dir="rtl"] .row.margin-bottom-15 .col-md-9 * {
    text-align: right !important;
}




html[dir="rtl"] #page-title h1.mainTitle {
    text-align: right;
}


html[dir="rtl"] .breadcrumb {
    text-align: right;
}

html[dir="rtl"] .breadcrumb li {
    float: right;
}

html[dir="rtl"] .breadcrumb li + li:before {
    content: "\\ ";
    padding: 0 5px;
}


html[dir="rtl"] .blog-posts.post h2,
html[dir="rtl"] .blog-posts.post .post-content {
    text-align: right;
}