/**
 * RTL (Right-to-Left) Styles for Arabic Language
 * Applies when html[dir="rtl"] is set
 */

/* Base RTL direction */
html[dir="rtl"],
html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
}

/* Header */
html[dir="rtl"] .header_main .container {
    flex-direction: row-reverse;
}

html[dir="rtl"] .header_menu ul {
    flex-direction: row-reverse;
}

html[dir="rtl"] .header_info {
    flex-direction: row-reverse;
}

html[dir="rtl"] .header_contact__btn {
    flex-direction: row-reverse;
    padding: 0.295rem 1.4rem 0.295rem 0.295rem;
}

html[dir="rtl"] .header_contact__btn__icon svg {
    transform: scaleX(-1);
}

html[dir="rtl"] .header_lang__view {
    background-position: calc(100% - 0.825rem) 50%;
    padding-left: 2rem;
    padding-right: 2.785rem;
}

html[dir="rtl"] .header_lang__view:after {
    right: auto;
    left: 1.3rem;
}

html[dir="rtl"] .header_lang__list {
    right: auto;
    left: 0;
}

html[dir="rtl"] .header_lang__list a {
    flex-direction: row-reverse;
}

html[dir="rtl"] .header_lang__list a:before {
    margin-left: 0.5rem;
    margin-right: 0;
}

html[dir="rtl"] .header_lang__list a.active:after {
    left: auto;
    right: 1rem;
    transform: translate(50%, -50%);
}

/* Hero section */
html[dir="rtl"] .home__hero .container {
    flex-direction: row-reverse;
}

html[dir="rtl"] .home__hero_main {
    text-align: center;
}

/* Store buttons */
html[dir="rtl"] .home__hero_main__store {
    flex-direction: row-reverse;
}

/* Labels */
html[dir="rtl"] .home__hero_main__label {
    flex-direction: row-reverse;
}

html[dir="rtl"] .home__hero_main__label__text svg {
    margin-left: 0;
    margin-right: 0.5rem;
    transform: scaleX(-1);
}

/* Download block */
html[dir="rtl"] .home__download__block {
    justify-content: flex-start;
    padding-left: 6.3rem;
    padding-right: 28rem; /* Space for phone image on right */
}

html[dir="rtl"] .home__download__block__decore {
    left: auto;
    right: -1rem;
    transform: scaleX(-1);
}

html[dir="rtl"] .home__download__block__list {
    flex-direction: row-reverse;
    margin-right: 0;
    margin-left: auto;
}

html[dir="rtl"] .home__download__block__item__qr {
    justify-content: flex-start;
    text-align: left;
}

html[dir="rtl"] .home__download__block__item__link {
    flex-direction: row-reverse;
}

/* Dermatolog section */
html[dir="rtl"] .home__dermatolog__list {
    flex-direction: row-reverse;
}

/* Keep original position for item_full - animation left, text right */

/* Review section */
html[dir="rtl"] .home__review__item__quote {
    left: auto;
    right: 3rem;
}

html[dir="rtl"] .home__review__item:before {
    right: auto;
    left: 0;
}

html[dir="rtl"] .home__review__item__content {
    background-image: url("data:image/svg+xml,%3Csvg width='325' height='319' viewBox='0 0 325 319' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M325 25C325 11.1929 313.807 0 300 0H86.464C75.489 0 65.798 7.15806 62.57 17.6479L55.976 39.0786C53.495 47.1412 47.116 53.409 39.01 55.747L18.071 61.7872C7.369 64.8744 0 74.6693 0 85.8078V294C0 307.807 11.193 319 25 319H300C313.807 319 325 307.807 325 294V25Z' fill='%23F5F7F9'/%3E%3C/svg%3E%0A");
    background-position: 0 0;
    padding: 6.5rem 2.5rem 7.25rem;
}

/* Footer */
html[dir="rtl"] .footer__main_section {
    flex-direction: row-reverse;
}

html[dir="rtl"] .footer__menus {
    flex-direction: row-reverse;
}

html[dir="rtl"] .footer__menu__list {
    align-items: flex-end;
}

html[dir="rtl"] .footer__subscribe__field input {
    text-align: right;
    padding-right: 1.55rem;
    padding-left: 9rem;
}

html[dir="rtl"] .footer__subscribe__btn {
    right: auto;
    left: 0.15rem;
}

html[dir="rtl"] .footer__subscribe__btn button {
    flex-direction: row-reverse;
}

html[dir="rtl"] .footer__subscribe__btn__icon svg {
    transform: scaleX(-1);
}

html[dir="rtl"] .footer__bottom {
    flex-direction: row-reverse;
}

html[dir="rtl"] .footer__bottom__info {
    flex-direction: row-reverse;
}

html[dir="rtl"] .footer__bottom__menu ul {
    flex-direction: row-reverse;
}

html[dir="rtl"] .footer__store {
    flex-direction: row-reverse;
}

/* Buttons with arrows */
html[dir="rtl"] .btn_single_post__back {
    flex-direction: row-reverse;
    padding: 0.875rem 0.9rem 0.875rem 1.8rem;
}

html[dir="rtl"] .btn_single_post__back__icon svg {
    transform: scaleX(-1);
}

html[dir="rtl"] .btn_blog__list__more {
    flex-direction: row-reverse;
}

html[dir="rtl"] .btn_blog__item__main__more {
    flex-direction: row-reverse;
}

html[dir="rtl"] .btn_blog__item__main__more__icon svg {
    transform: scaleX(-1);
}

/* Blog */
html[dir="rtl"] .blog__list {
    flex-direction: row-reverse;
}

html[dir="rtl"] .blog__item__bottom {
    left: auto;
    right: 2.5rem;
    flex-direction: row-reverse;
}

html[dir="rtl"] .blog__item__more {
    flex-direction: row-reverse;
}

html[dir="rtl"] .blog__item__more__icon svg {
    transform: scaleX(-1);
}

html[dir="rtl"] .blog__item__main__content {
    direction: ltr; /* Reset direction for flex container */
    justify-content: flex-end; /* Push content to right */
}

html[dir="rtl"] .blog__item__main__info {
    direction: rtl; /* Restore RTL for text */
    text-align: right;
    max-width: 27rem;
}

html[dir="rtl"] .blog__item__main__image {
    right: auto;
    left: 4.7rem;
}

/* Atlas */
html[dir="rtl"] .atlas__list {
    flex-direction: row-reverse;
}

html[dir="rtl"] .atlas__item__link {
    right: auto;
    left: 0.9rem;
}

html[dir="rtl"] .atlas__item__link svg {
    transform: scaleX(-1);
}

html[dir="rtl"] .dermatological_atlas li {
    padding-left: 0;
    padding-right: 2.75rem;
}

html[dir="rtl"] .dermatological_atlas li:before {
    left: auto;
    right: 0;
}

html[dir="rtl"] .dermatological_atlas__anotation__item:before {
    margin-right: 0;
    margin-left: 0.75rem;
}

html[dir="rtl"] .dermatological_atlas__anotation__item {
    margin-right: 0;
    margin-left: 1.375rem;
}

/* Single post */
html[dir="rtl"] .single_post__top__content {
    direction: ltr; /* Reset direction for flex container */
    justify-content: flex-end; /* Push content to right */
}

html[dir="rtl"] .single_post__top__content__info {
    direction: rtl; /* Restore RTL for text */
    text-align: right;
    max-width: 25rem;
}

html[dir="rtl"] .single_post__top__content__image {
    right: auto;
    left: 4.7rem;
}

/* Lists */
html[dir="rtl"] .default__text ul,
html[dir="rtl"] .default__text ol {
    padding-left: 0;
    padding-right: 1.3rem;
}

/* Coming soon badge */
html[dir="rtl"] .coming_soon {
    margin-left: 0;
    margin-right: 0.2rem;
}

/* Gallery */
html[dir="rtl"] .single_atlas__gallery {
    flex-direction: row-reverse;
}

/* Tablet adjustments */
@media screen and (max-width: 1024px) {
    /* Blog main item - tablet */
    html[dir="rtl"] .blog__item__main__info {
        max-width: 100%;
        width: 100%;
        padding-left: 20rem;
        padding-right: 0;
    }
    
    html[dir="rtl"] .blog__item__main__image {
        right: auto;
        left: 2rem;
    }
    
    /* Single post - tablet */
    html[dir="rtl"] .single_post__top__content__info {
        max-width: 100%;
        width: 100%;
        padding-left: 20rem;
        padding-right: 0;
    }
    
    html[dir="rtl"] .single_post__top__content__image {
        right: auto;
        left: 35px;
    }
    
    /* Download block - tablet */
    html[dir="rtl"] .home__download__block {
        padding-right: 22rem;
        padding-left: 35px;
    }
}

/* Mobile menu */
@media screen and (max-width: 700px) {
    html[dir="rtl"] .header_menu ul {
        align-items: flex-end;
    }
    
    html[dir="rtl"] .header_menu a {
        text-align: right;
    }
    
    html[dir="rtl"] .btn_menu {
        margin-left: 5px;
        margin-right: 0;
    }
    
    html[dir="rtl"] .btn_menu span {
        left: auto;
        right: 0;
    }
    
    html[dir="rtl"] .header_menu {
        left: auto;
        right: 0;
    }
    
    /* Blog - reset on mobile (image becomes static, column layout) */
    html[dir="rtl"] .blog__item__main__info {
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
    }
    
    html[dir="rtl"] .blog__item__main__content {
        flex-direction: column;
    }
    
    /* Single post - reset on mobile */
    html[dir="rtl"] .single_post__top__content__info {
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
    }
    
    html[dir="rtl"] .single_post__top__content {
        flex-direction: column;
    }
    
    /* Download block - mobile (image becomes static, column layout) */
    html[dir="rtl"] .home__download__block {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    html[dir="rtl"] .home__download__block__decore {
        transform: none; /* Reset flip on mobile */
    }
}

/* Slick slider RTL */
html[dir="rtl"] .slick-slider {
    direction: ltr;
}

html[dir="rtl"] .slick-slide {
    direction: rtl;
}

/* Fix text alignment in specific sections */
html[dir="rtl"] .home__hero_main__title,
html[dir="rtl"] .home__hero_main__text,
html[dir="rtl"] .home__download__title,
html[dir="rtl"] .title_home__dermatolog,
html[dir="rtl"] .home_trusted__title,
html[dir="rtl"] .home_trusted__text,
html[dir="rtl"] .home__review__title {
    text-align: center;
}

html[dir="rtl"] .home__dermatolog__item_big__title,
html[dir="rtl"] .home__dermatolog__item_big__text,
html[dir="rtl"] .home__dermatolog__small_item__title,
html[dir="rtl"] .home__dermatolog__small_item__text,
html[dir="rtl"] .home__dermatolog__item_full__title,
html[dir="rtl"] .home__dermatolog__item_full__text {
    text-align: right;
}