/*
 * RTL (Right-to-Left) Support for Finanzfuchs Theme
 * Used for Arabic language on waseetcompare.com
 * All rules scoped to [dir="rtl"] so they only apply when WP sets the document direction
 */

/* =============================================
   GLOBAL / BASE
   ============================================= */

/* Arrow animation for RTL - pulse left instead of right */
@keyframes arrow-pulse-rtl {
    0%, 100% {
        transform: translateX(0) scaleX(-1);
    }
    50% {
        transform: translateX(-3px) scaleX(-1);
    }
}

/* =============================================
   LISTS - Checkmark & Crossmark
   ============================================= */
[dir="rtl"] ul.is-style-orange_checkmark_list > li,
[dir="rtl"] ul.is-style-green_checkmark_list > li,
[dir="rtl"] ul.is-style-crossmark_list > li {
    padding-left: 0;
    padding-right: 1.8rem;
}

[dir="rtl"] ul.is-style-orange_checkmark_list > li::before,
[dir="rtl"] ul.is-style-green_checkmark_list > li::before,
[dir="rtl"] ul.is-style-crossmark_list > li::before {
    left: auto;
    right: 0;
}

/* =============================================
   BUTTONS - Arrow icon after text
   ============================================= */
[dir="rtl"] .wp-block-button .wp-block-button__link::after,
[dir="rtl"] .comparetable > tbody > tr.permalink_row > td > a::after {
    margin-left: 0;
    margin-right: 0.75em;
    transform: scaleX(-1);
}

[dir="rtl"] .wp-block-button .wp-block-button__link:hover::after,
[dir="rtl"] .comparetable > tbody > tr.permalink_row > td > a:hover::after {
    animation: arrow-pulse-rtl 0.8s ease-in-out infinite;
}

/* Vergleich teaser arrow */
[dir="rtl"] .wp-block-query:has(.vergleich) > ul > .vergleich > a > .acf-innerblocks-container > .wp-block-group > p::after {
    margin-left: 0;
    margin-right: 0.75em;
    transform: scaleX(-1);
}
[dir="rtl"] .wp-block-query:has(.vergleich) > ul > .vergleich > a:hover > .acf-innerblocks-container > .wp-block-group > p::after {
    animation: arrow-pulse-rtl 0.8s ease-in-out infinite;
}

/* Rechner teaser arrow */
[dir="rtl"] .wp-block-query:has(.rechner) > ul > .rechner > a > .acf-innerblocks-container > .wp-block-group > p::after {
    margin-left: 0;
    margin-right: 0.75em;
    transform: scaleX(-1);
}
[dir="rtl"] .wp-block-query:has(.rechner) > ul > .rechner > a:hover > .acf-innerblocks-container > .wp-block-group > p::after {
    animation: arrow-pulse-rtl 0.8s ease-in-out infinite;
}

/* =============================================
   HEADER
   ============================================= */
[dir="rtl"] .head-logo img {
    margin: 5px 0 5px 10px;
}

/* Search block positioning */
[dir="rtl"] header .wp-block-search {
    right: auto;
    left: 40px;
}

/* Search field padding */
[dir="rtl"] .wp-block-search:not(.wp-block-search__searchfield-hidden) .wp-element-button {
    padding-right: unset;
    padding-left: 0;
}

/* =============================================
   BURGER BUTTON / MOBILE MENU
   ============================================= */
[dir="rtl"] .burgerbutton-button {
    padding: 20px 20px 19px 5vw;
}

[dir="rtl"] .burgerbutton-linie {
    left: auto;
    right: 0;
}

[dir="rtl"] .burgerbutton-button.active .burgerbutton-linie:nth-child(2) {
    left: auto;
    right: 50%;
    transform: rotatez(-45deg) translateX(50%);
}

[dir="rtl"] .burgerbutton-menu {
    left: auto;
    right: 0;
}

/* =============================================
   MAIN MENU
   ============================================= */

/* Submenu icon - flip margin */
[dir="rtl"] .wp-block-navigation .wp-block-navigation__submenu-icon {
    margin-left: 0;
    margin-right: 0.5rem;
}

/* Button group margin */
[dir="rtl"] .wp-block-navigation .wp-block-buttons {
    margin-left: 0;
    margin-right: 5vw;
}

/* Nested submenu padding */
[dir="rtl"] .wp-block-navigation .wp-block-navigation__submenu-container:has(> li) {
    padding: 0 1.5rem 0 0;
}

/* Back arrow icon */
[dir="rtl"] .icon_arrow_back::before {
    transform: scaleX(-1);
}

/* =============================================
   MAIN MENU - DESKTOP (990px+)
   ============================================= */
@media only screen and (min-width: 990px) {
    [dir="rtl"] .burgerbutton-menu {
        margin-right: 0 !important;
        margin-left: 1.5rem !important;
    }

    [dir="rtl"] .wp-block-navigation .wp-block-buttons {
        margin-left: 0;
        margin-right: 0;
    }

    [dir="rtl"] header .wp-block-search {
        right: unset;
        left: unset;
        padding-right: 0;
        padding-left: 10px;
    }

    /* Submenu dropdown positioning */
    [dir="rtl"] .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation__submenu-container {
        transform: translate(15%);
    }

    /* Desktop submenu link padding */
    [dir="rtl"] .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation__submenu-container .menulink .menulink_item a,
    [dir="rtl"] .wp-block-navigation ul.wp-block-navigation__submenu-container > li > a,
    [dir="rtl"] .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation__submenu-container:not(:has(ul)) > .wp-block-navigation-item > .wp-block-navigation-item__content {
        padding: 0.125rem 0 0.125rem 0.5rem;
    }

    /* Navigation label padding */
    [dir="rtl"] .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation__submenu-container:not(:has(ul)) > .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation-item__label {
        padding-left: 0;
        padding-right: 0.5rem;
    }

    /* Flex alignment for RTL */
    [dir="rtl"] .burgerbutton-menu .wp-block-navigation {
        justify-content: start;
    }

    [dir="rtl"] .burgerbutton-menu .wp-block-navigation ul:not(.wp-block-navigation__submenu-container) {
        justify-content: start;
    }

    [dir="rtl"] .wp-block-navigation ul.wp-block-navigation__submenu-container .menulink {
        align-items: flex-end !important;
    }

    [dir="rtl"] .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation__submenu-container > li {
        align-items: end;
    }
}

/* =============================================
   HEADER HERO BANNER (Homepage)
   ============================================= */
[dir="rtl"] .header_hero_banner::before {
    right: auto;
    left: 30%;
    transform-origin: 0% 50%;
    transform: translateY(-53%) rotate(16deg);
    background-position: left;
}

[dir="rtl"] .header_hero_banner > .wp-block-columns > .wp-block-column:nth-of-type(2) > .wp-block-columns > .wp-block-column:nth-of-type(2) {
    transform-origin: right;
}

[dir="rtl"] .header_hero_banner > .wp-block-columns > .wp-block-column:nth-of-type(2) > .wp-block-columns > .wp-block-column:nth-of-type(1) > figure {
    margin-left: 0;
    margin-right: -43%;
}

/* RTL hero phone animation */
@keyframes hero_phone_rtl {
    0% {
        transform: perspective(180px) rotateY(-30deg) rotateZ(-5deg) scale(86%) translateX(-30%) translateY(100%);
        opacity: 0;
    }
    80% {
        transform: perspective(290px) rotateY(14deg) rotateZ(-4deg) scale(86%) translateX(30%) translateY(-5);
    }
    100% {
        transform: perspective(270px) rotateY(14deg) rotateZ(-4deg) scale(86%) translateX(30%) translateY(0);
        opacity: 1;
    }
}

@keyframes phone_loop_rtl {
    0% {
        transform: perspective(270px) rotateY(14deg) rotateZ(-4deg) scale(86%) translateX(30%) translateY(0);
    }
    50% {
        transform: perspective(280px) rotateY(15deg) rotateZ(-4deg) scale(88%) translateX(30%) translateY(0);
    }
    100% {
        transform: perspective(270px) rotateY(14deg) rotateZ(-4deg) scale(86%) translateX(30%) translateY(0);
    }
}

[dir="rtl"] .header_hero_banner > .wp-block-columns > .wp-block-column:nth-of-type(2) > .wp-block-columns > .wp-block-column:nth-of-type(2) > figure {
    animation: hero_phone_rtl 0.6s ease, phone_loop_rtl 1.2s ease-in-out 0.6s infinite;
}

/* =============================================
   HERO SECTION BLOCK
   ============================================= */

/* Hero section: keep text on right (reading start) for RTL */

/* Keep original column order for header styles — RTL text stays on the right naturally */

/* Flip triangle_image_right background image position to left */
[dir="rtl"] .wp-block-cover.is-style-header_triangle_image_right > .wp-block-cover__image-background,
[dir="rtl"] .wp-block-cover.is-style-header_triangle_image_right > img {
    transform: scaleX(-1);
}

/* Flip the triangle mask for RTL */
[dir="rtl"] .wp-block-cover.is-style-header_triangle_image_right::before,
[dir="rtl"] .wp-block-group.is-style-header_triangle_image_right::before {
    transform: scaleX(-1);
}
[dir="rtl"] .wp-block-acf-hero-section .acf-innerblocks-container > .wp-block-columns > .wp-block-column > .wp-block-image:only-child img,
[dir="rtl"] .wp-block-acf-hero-section .acf-innerblocks-container > .wp-block-columns > .wp-block-column > .wp-block-post-featured-image:only-child img {
    object-position: right;
}

[dir="rtl"] .wp-block-acf-hero-section .acf-innerblocks-container > .wp-block-columns > .wp-block-column:last-child > .wp-block-image:only-child img,
[dir="rtl"] .wp-block-acf-hero-section .acf-innerblocks-container > .wp-block-columns > .wp-block-column:last-child > .wp-block-post-featured-image:only-child img {
    object-position: left;
}

/* Hero triangle pseudo-element - flip for RTL */
[dir="rtl"] .wp-block-acf-hero-section .acf-innerblocks-container > .wp-block-columns > .wp-block-column:has(>.wp-block-heading)::after,
[dir="rtl"] .wp-block-acf-hero-section .acf-innerblocks-container > .wp-block-columns > .wp-block-column:has(>.wp-block-post-title)::after {
    left: auto;
    right: 0;
    transform: translateY(calc(-100% + 2px)) translateX(2px);
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 300 32.5'%3E%3Cpolygon class='st0' points='300 0 0 32.5 0 28.7 300 32.5 300 0'/%3E%3C/svg%3E");
}

@media screen and (min-width: 782px) {
    [dir="rtl"] .wp-block-acf-hero-section .acf-innerblocks-container > .wp-block-columns > .wp-block-column:has(>.wp-block-heading)::after,
    [dir="rtl"] .wp-block-acf-hero-section .acf-innerblocks-container > .wp-block-columns > .wp-block-column:has(>.wp-block-post-title)::after {
        top: 0;
        right: auto;
        left: 0;
        transform: translateX(calc(-100% + 2px)) translateY(-2px);
    }

    [dir="rtl"] .wp-block-acf-hero-section .acf-innerblocks-container > .wp-block-columns > .wp-block-column:last-child:has(>.wp-block-heading)::after,
    [dir="rtl"] .wp-block-acf-hero-section .acf-innerblocks-container > .wp-block-columns > .wp-block-column:last-child:has(>.wp-block-post-title)::after {
        left: auto;
        right: 0;
        transform: translateX(calc(100% - 2px)) translateY(-2px);
    }

    /* Triangle style - flip mask images */
    [dir="rtl"] .wp-block-acf-hero-section.is-style-triangle .acf-innerblocks-container > .wp-block-columns > .wp-block-column:first-child:has(>.wp-block-heading)::after,
    [dir="rtl"] .wp-block-acf-hero-section.is-style-triangle .acf-innerblocks-container > .wp-block-columns > .wp-block-column:first-child:has(>.wp-block-post-title)::after {
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 591.81 818.64'%3E%3Cpath d='M35.7,309.38l490.66,509.26h65.45S591.81,0,591.81,0L88.24,126.12l.03-.11C6.19,146.62-23.02,248.51,35.7,309.38Z'/%3E%3C/svg%3E");
    }

    [dir="rtl"] .wp-block-acf-hero-section.is-style-triangle .acf-innerblocks-container > .wp-block-columns > .wp-block-column:last-child:has(>.wp-block-heading)::after,
    [dir="rtl"] .wp-block-acf-hero-section.is-style-triangle .acf-innerblocks-container > .wp-block-columns > .wp-block-column:last-child:has(>.wp-block-post-title)::after {
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 591.81 818.64'%3E%3Cpath d='M556.11,309.38L65.45,818.64H0V0l503.57,126.12-.03-.11c82.08,20.61,111.3,122.5,52.58,183.37Z'/%3E%3C/svg%3E");
    }

    /* Padding swap for triangle style */
    [dir="rtl"] .wp-block-acf-hero-section.is-style-triangle .acf-innerblocks-container > .wp-block-columns > .wp-block-column:first-child:has(>.wp-block-heading),
    [dir="rtl"] .wp-block-acf-hero-section.is-style-triangle .acf-innerblocks-container > .wp-block-columns > .wp-block-column:first-child:has(>.wp-block-post-title) {
        padding-right: 0 !important;
        padding-left: unset;
    }

    [dir="rtl"] .wp-block-acf-hero-section.is-style-triangle .acf-innerblocks-container > .wp-block-columns > .wp-block-column:last-child:has(>.wp-block-heading),
    [dir="rtl"] .wp-block-acf-hero-section.is-style-triangle .acf-innerblocks-container > .wp-block-columns > .wp-block-column:last-child:has(>.wp-block-post-title) {
        padding-left: 0 !important;
        padding-right: unset;
    }
}

@media screen and (min-width: calc(1200px + 10vw)) {
    [dir="rtl"] .wp-block-acf-hero-section .acf-innerblocks-container > .wp-block-columns > .wp-block-column:first-child:not(:has(> .wp-block-image:only-child)):not(:has(> .wp-block-post-featured-image:only-child)) {
        padding-left: 5rem;
        padding-right: calc((100vw - 1200px) / 2);
    }
    [dir="rtl"] .wp-block-acf-hero-section .acf-innerblocks-container > .wp-block-columns > .wp-block-column:last-child:not(:has(> .wp-block-image:only-child)):not(:has(> .wp-block-post-featured-image:only-child)) {
        padding-right: unset;
        padding-left: calc((100vw - 1200px) / 2);
    }
}

@media screen and (min-width: 1600px) {
    [dir="rtl"] .wp-block-acf-hero-section .acf-innerblocks-container > .wp-block-columns > .wp-block-column:first-child:not(:has(> .wp-block-image:only-child)):not(:has(> .wp-block-post-featured-image:only-child)) {
        padding-left: 5rem;
        padding-right: calc((1600px - 1200px) / 2);
    }
    [dir="rtl"] .wp-block-acf-hero-section .acf-innerblocks-container > .wp-block-columns > .wp-block-column:last-child:not(:has(> .wp-block-image:only-child)):not(:has(> .wp-block-post-featured-image:only-child)) {
        padding-right: unset;
        padding-left: calc((1600px - 1200px) / 2);
    }
}

/* =============================================
   HEADER COLUMNS STYLES - Triangle decorations
   ============================================= */

/* Flip triangle masks for RTL */
[dir="rtl"] .wp-block-cover.is-style-header_white_triangle_left::before,
[dir="rtl"] .wp-block-cover.is-style-header_violet_triangle_left::before,
[dir="rtl"] .wp-block-group.is-style-header_white_triangle_left::before,
[dir="rtl"] .wp-block-group.is-style-header_violet_triangle_left::before {
    transform: scaleX(-1);
}

[dir="rtl"] .wp-block-cover.is-style-header_white_triangle_right::before,
[dir="rtl"] .wp-block-cover.is-style-header_violet_triangle_right::before,
[dir="rtl"] .wp-block-group.is-style-header_white_triangle_right::before,
[dir="rtl"] .wp-block-group.is-style-header_violet_triangle_right::before {
    transform: scaleX(-1);
}

/* Checkmark position flip */
[dir="rtl"] *.is-style-header_violet_checkmark_left::before {
    left: auto;
    right: 0;
}

[dir="rtl"] *.is-style-header_violet_checkmark_right::before {
    left: auto;
    right: 0;
}

@media only screen and (min-width: 900px) {
    [dir="rtl"] *.is-style-header_violet_checkmark_left::before {
        -webkit-mask-position: calc(75vw - 300px) 100%;
        mask-position: calc(75vw - 300px) 100%;
    }
    [dir="rtl"] *.is-style-header_violet_checkmark_right::before {
        -webkit-mask-position: calc(25vw - 300px) 100%;
        mask-position: calc(25vw - 300px) 100%;
    }
}

/* =============================================
   SUBMENU
   ============================================= */

/* Hide submenus by default - shown via JS on click */
[dir="rtl"] header .burgerbutton-menu .submenu {
    display: none;
}

/* Submenu padding and alignment */
[dir="rtl"] .submenu .icon_arrow_back {
    direction: rtl;
}

/* =============================================
   FOOTER
   ============================================= */
[dir="rtl"] footer .has-text-align-right {
    text-align: left !important;
}

[dir="rtl"] footer .has-text-align-left {
    text-align: right !important;
}

/* =============================================
   SINGLE PROVIDER - table alignment
   ============================================= */
[dir="rtl"] .single-anbieter .wp-block-columns:has(.tabledata) .tabledata > .acf-innerblocks-container:has(> figure) {
    text-align: left;
}

/* =============================================
   BREADCRUMBS
   ============================================= */
[dir="rtl"] .breadcrumbs .breadcrumb-separator {
    transform: scaleX(-1);
}

/* =============================================
   WORDPRESS CORE - text alignment overrides
   ============================================= */
[dir="rtl"] .has-text-align-left {
    text-align: right !important;
}

[dir="rtl"] .has-text-align-right {
    text-align: left !important;
}

/* =============================================
   THREE BOXES
   ============================================= */
[dir="rtl"] .three-boxes .label,
.rtl .three-boxes .label {
    right: unset;
    border-radius: 8px 8px 0 0 !important;
}

[dir="rtl"] .three-boxes .rating .score-box span::before {
    margin-right: 0;
    margin-left: 0.25rem;
}

/* Detail box CTA margin flip */
[dir="rtl"] .fifu-detail-box > .acf-innerblocks-container > p {
    margin-left: 0;
    margin-right: 1.5rem;
}

/* Detail box placement number - move to right, flip only the arrow background */
[dir="rtl"] .fifu-detail-box .detail-box-placement {
    left: auto;
    right: 0;
    transform: scaleX(-1);
}

[dir="rtl"] .fifu-detail-box .detail-box-placement > * {
    transform: scaleX(-1);
}

/* =============================================
   ACCORDION
   ============================================= */
[dir="rtl"] .akkordeon-title::after {
    right: auto;
    left: 1em;
}

/* =============================================
   COMPARISON TABLE
   ============================================= */
[dir="rtl"] .comparetable td:first-child,
[dir="rtl"] .comparetable th:first-child {
    position: sticky;
    left: auto;
    right: 0;
}

[dir="rtl"] .comparetable {
    direction: rtl;
}

[dir="rtl"] .comparetable td {
    text-align: right;
}

/* Scroll buttons flip */
[dir="rtl"] .comparetable-scroll-left {
    right: auto;
    left: 0;
    transform: rotate(90deg);
}

[dir="rtl"] .comparetable-scroll-right {
    left: auto;
    right: 0;
    transform: rotate(-90deg);
}

/* =============================================
   GENERAL TYPOGRAPHY
   ============================================= */
[dir="rtl"] body {
    text-align: right;
    font-family: "Cairo", "Open Sans", sans-serif;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6,
[dir="rtl"] .wp-block-heading {
    font-family: "Cairo", "Proxima Nova", sans-serif;
}

[dir="rtl"] h1 {
    hyphens: none;
}

[dir="rtl"] .wp-block-button .wp-block-button__link,
[dir="rtl"] .wp-block-navigation a,
[dir="rtl"] .wp-block-navigation .wp-block-navigation-item__content {
    font-family: "Cairo", "Proxima Nova", sans-serif;
}