/*----------------------------------------Global Css-------------------------------------------*/

body #wfob_wrap * {
    text-align: right;

}

body #wfob_wrap .wfob_skin_description ul,
body #wfob_wrap .wfob_skin_description ol {
    padding-left: 0;
    padding-right: 16px;
}


body #wfob_wrap .wfob_wrapper .wfob_bump_section .bwf_display_flex .wfob_skin_description ul li,
body #wfob_wrap .wfob_wrapper .wfob_bump_section .bwf_display_flex .wfob_skin_description ul,
body #wfob_wrap .wfob_wrapper .wfob_bump_section .bwf_display_flex .wfob_skin_description ol li,
body #wfob_wrap .wfob_wrapper .wfob_bump_section .bwf_display_flex .wfob_skin_description ol {
    text-align: right !important;
}

/*----------------------------------------Toggle Switch-----------------------------------------*/

body #wfob_wrap .wfob_wrapper .bwf_bump_toggle_checkout .wfob-switch + label {
    right: auto;
    left: -50px;
}

body #wfob_wrap .wfob_wrapper .bwf_bump_toggle_checkout .wfob-switch + label + span.sw {
    float: left;
}


body #wfob_wrap .wfob_wrapper .bwf_bump_toggle_checkout .wfob-switch + label .sw {
    float: left;
}

body #wfob_wrap .wfob_wrapper .bwf_bump_toggle_checkout .wfob-switch + label .sw:before {
    right: auto;
    left: auto;

}

body #wfob_wrap .wfob_wrapper .bwf_bump_toggle_checkout .wfob-switch:checked + label .sw:before {
    margin-left: 0;
    margin-right: 14px;
}


body #wfob_wrap .wfob_wrapper .bwf_bump_toggle_checkout:not(.wfob_enable_image) .bwf_display_col_flex.wfob_pro_txt_wrap .bwf_display_col_flex {
    padding-left: 50px;
    padding-right: 0;
}

/*----------------------------------------Typography-----------------------------------------*/

body #wfob_wrap .wfob_wrapper .bump_skin_type_2.wfob_img_position_left .bwf_display_col_flex.wfob_add_to_cart_button .wfob_price_container *,
body #wfob_wrap .wfob_wrapper .bump_skin_type_2.wfob_img_position_left .bwf_display_col_flex.wfob_add_to_cart_button .wfob_price_container + .wfob_l3_s_btn,
body #wfob_wrap .wfob_wrapper .bump_skin_type_2.wfob_img_position_left .bwf_display_col_flex.wfob_add_to_cart_button {
    text-align: left;
}


body #wfob_wrap .wfob_wrapper .bump_skin_type_2.wfob_img_position_left .bwf_display_col_flex.wfob_add_to_cart_button .wfob_price del,
body #wfob_wrap .wfob_wrapper .bump_skin_type_2.wfob_img_position_left .bwf_display_col_flex.wfob_add_to_cart_button .wfob_price ins {

    margin-left: 0;
}

/*---------------------------------------------Global------------------------------------------------ */

body #wfob_wrap .wfob_wrapper .wfob_checkbox {
    margin: 0 0 0 10px;
}


body #wfob_wrap .wfob_wrapper .wfob_enable_image .bwf_display_col_flex.wfob_pro_txt_wrap {
    margin-left: 0;
    margin-right: 16px;
}

body #wfob_wrap .wfob_checkbox_input_wrap {
    margin-right: auto;
    margin-left: 0;

}


/*--------------------------------------------Pointer-------------------------------------------------*/

body #wfob_wrap .wfob_check_wrap.wfob_arrow_true {
    margin-right: 0;
    margin-left: 5px;
}


body #wfob_wrap .wfob_bump.wfob_header_enable_pointing_arrow .wfob_display_pointer .wfob_label_wrap {
    padding-left: 0px;
    padding-right: 50px;
}


body #wfob_wrap .wfob_bump:not(.wfob_header_enable_pointing_arrow) span.wfob_bump_checkbox {

    padding-right: 0;
}

body #wfob_wrap .wfob_bump:not(.wfob_header_enable_pointing_arrow) .wfob_label_wrap {
    padding-right: 26px;
}

body #wfob_wrap .wfob_wrapper .wfob_title_wrap:not(.wfob_display_pointer) .wfob_label_wrap {
    padding-left: 0;
    padding-right: 26px;

}

body #wfob_wrap .wfob_wrapper .wfob_header_enable_pointing_arrow .wfob_title_wrap .wfob_label_wrap {
    padding-left: 0;
    padding-right: 53px;
}


body #wfob_wrap .wfob_wrapper .wfob_bump.wfob_header_enable_pointing_arrow .wfob_display_pointer .wfob_checkbox_input_wrap span.wfob_blink_img_wrap {
    margin-right: 2px;
    margin-left: 2px;
    transform: rotate(180deg) !important;
    display: inline-block;
}

/*----------------------------------------Image Top Alignment------------------------*/


body #wfob_wrap .wfob_wrapper .wfob_bump.wfob_img_position_top .wfob-switch + label {
    left: auto;
    right: 0;
}

/*-------------------------------------------Price ------------------------------------------- */

body #wfob_wrap .wfob_wrapper .wfob_bump .wfob_price_container .wfob_price del {
    margin-right: 0;
    margin-left: 4px;

}

/*-------------------------------------------------Layout 5-----------------------------------------------------*/

body #wfob_wrap .wfob_wrapper .wfob_bump.bump_skin_type_3 .wfob_error_message {
    text-align: right;
}


/*-----------------------------When image Position is right align---------------------------------- */
body #wfob_wrap .wfob_wrapper .wfob_bump.wfob_img_position_right > .bwf_display_flex {
    flex-direction: row-reverse;
}

body #wfob_wrap .wfob_wrapper .wfob_bump.wfob_img_position_right .wfob_sec_start .bwf_display_flex {
    flex-direction: row-reverse;
}

body #wfob_wrap .wfob_wrapper .wfob_bump.wfob_img_position_right .wfob-switch + label {
    left: auto;
    right: -50px;
    padding: 0;
}


body #wfob_wrap .wfob_wrapper .wfob_bump.wfob_layout_6.wfob_enable_image.wfob_img_position_top .wfob_title {
    padding-left: 50px;
    padding-right: 0;
}


body #wfob_wrap .wfob_wrapper .wfob_bump.wfob_layout_6.wfob_enable_image.wfob_img_position_top .wfob-switch + label {
    right: auto;
    left: 0;
}

body #wfob_wrap .wfob_wrapper .wfob_bump.wfob_img_position_right.wfob_layout_6 .wfob_title {
    text-align: right;
}

body #wfob_wrap .wfob_wrapper .wfob_bump:not(.wfob_enable_image) .wfob-switch + label {
    right: 6px;
    left: auto;
}

body #wfob_wrap .wfob_wrapper .wfob_bump.wfob_layout_6:not(.wfob_enable_image) .wfob-switch + label {
    left: 0;
    right: auto;
}


body #wfob_wrap .wfob_wrapper .wfob_img_position_right .bwf_display_col_flex.wfob_pro_txt_wrap {
    margin-left: 16px;
    margin-right: 0;
}


/*---------------------------------------Skin type 2----------------------------------------*/


body #wfob_wrap .wfob_wrapper .bump_skin_type_2.wfob_enable_image.wfob_img_position_left .bwf_display_col_flex:last-child {
    margin-left: 0;
    margin-right: 16px;
}

body #wfob_wrap .wfob_wrapper .bump_skin_type_2.wfob_img_position_right .bwf_display_flex {
    flex-direction: row-reverse;
}

body #wfob_wrap .bump_skin_type_2 .wfob_content_sec {
    padding-right: 0;
}


/*-----------------------------------------Layout 6 ---------------------------------------- */

body #wfob_wrap .wfob_wrapper .wfob_bump.wfob_layout_6.wfob_img_position_right .bwf_display_col_flex.wfob_pro_txt_wrap {
    margin-right: 0px;
    margin-left: 0px;
}

/* -----------------------------------Error-----------------------------------------------*/

body #wfob_wrap .wfob_wrapper .bump_skin_type_2 .wfob_error_message {
    text-align: right;
}

/*-----------------------------------------------Layout 1----------------------------------------*/


body #wfob_wrap .wfob_wrapper .wfob_bump.wfob_img_position_top.wfob_layout_1 .wfob_label_wrap {
    text-align: right;
}


body #wfob_wrap .wfob_wrapper .wfob_bump.bump_skin_type_1 .wfob_price_container,
body #wfob_wrap .wfob_wrapper .wfob_bump.bump_skin_type_4 .wfob_price_container {
    text-align: left;
    padding-right: 10px;
    padding-left: 0px;
}

body #wfob_wrap .wfob_wrapper .wfob_bump.bump_skin_type_1 .wfob_price_container *,
body #wfob_wrap .wfob_wrapper .wfob_bump.bump_skin_type_1 .wfob_price,
body #wfob_wrap .wfob_wrapper .wfob_bump.bump_skin_type_1:not(.wfob_img_position_top) .wfob_price_container .wfob_price,
body #wfob_wrap .wfob_wrapper .wfob_bump.bump_skin_type_4 .wfob_price_container *,
body #wfob_wrap .wfob_wrapper .wfob_bump.bump_skin_type_4 .wfob_price,
body #wfob_wrap .wfob_wrapper .wfob_bump.bump_skin_type_4:not(.wfob_img_position_top) .wfob_price_container .wfob_price {
    text-align: left;
}

body #wfob_wrap .wfob_wrapper .wfob_bump.bump_skin_type_1.wfob_enable_price .wfob_bump_title_start,
body #wfob_wrap .wfob_wrapper .wfob_bump.bump_skin_type_4.wfob_enable_price .wfob_bump_title_start {
    padding-left: 8px;
    padding-right: 0;
}

body #wfob_wrap .wfob_wrapper .wfob_bump.bump_skin_type_1 .wfob_price_container,
body #wfob_wrap .wfob_wrapper .wfob_bump.bump_skin_type_4 .wfob_price_container {
    text-align: left;
    padding-right: 8px;
    padding-left: 0;
}

body #wfob_wrap .wfob_wrapper .wfob_bump.wfob_img_position_right .wfob_text_inner .bwf_display_flex {
    flex-direction: row-reverse;
}

/* -------------------------------------------Layout 7 ---------------------------------------------*/


body #wfob_wrap .wfob_bump_section.wfob_layout_7 .wfob_content_sec {
    padding-right: 0;
}


body #wfob_wrap .wfob_wrapper .wfob_bump.wfob_img_position_right.wfob_layout_7 .wfob_title {
    text-align: right;
}

/*----------------------------Increment/Decrement---------------------------------------------  */


body .wfob_bump_wrapper .wfob_wrap_start .wfob_qty_wrap .value-button.wfob_increase_item {
    left: 0;
    right: auto !important;
}

body #wfob_wrap .wfob_quantity .wfob_qty_wrap .value-button.wfob_decrease_item {

    border-top-left-radius: 0;
    border-bottom-left-radius: 0;

    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

body #wfob_wrap .wfob_quantity .wfob_qty_wrap .value-button.wfob_increase_item {

    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;

    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/*------------------------------Variation styling----------------------------------------------*/

body .wfob_selected_attributes .wfob_pro_attr_single {

    float: right;
    padding-left: 12px;
    padding-right: 0;
    margin-left: 6px;
    margin-right: 0;
}


body .wfob_selected_attributes .wfob_pro_attr_single span:last-child {
    right: 0;
    left: 0;
}

/*--------------------------------------Below Mini Cart-----------------------------------------------*/

body #wfob_wrap.wfacp_below_mini_cart_items .wfob_bump:not(.bump_skin_type_2) .wfob_price_container .wfob_price del span {
    margin-left: 0;
}

body #wfob_wrap.wfacp_below_mini_cart_items .wfob_wrapper .wfob_bump.wfob_layout_10 .bwf_display_flex .bwf_display_col_flex {
    text-align: right;
}

body #wfob_wrap.wfacp_below_mini_cart_items .wfob_wrapper .wfob_bump.wfob_layout_10 .bwf_display_flex .bwf_display_col_flex .bwf_display_col_flex.wfob_add_to_cart_button {

    text-align: right;
}

body #wfob_wrap.wfacp_below_mini_cart_items .wfob_wrapper .wfob_bump.wfob_layout_10 .bwf_display_col_flex.wfob_add_to_cart_button .wfob_price_container * {
    text-align: right;
}

body #wfob_wrap .wfob_wrapper .wfob_checkbox_input_wrap .wfob_checkbox {
    right: auto;
}


body #wfob_wrap .wfob_wrapper input[type=checkbox]:after {
    left: auto;
    right: 50%;
    margin-left: 0;
    margin-right: -5px;
}

/*-------------------------------------------Media Query--------------------------------------------*/


@media (max-width: 767px) {

    /*-------------------------------------------Skin Type 1--------------------------------------------*/
    body #wfob_wrap .wfob_wrapper .wfob_bump.bump_skin_type_1 del span.amount {
        margin-left: 0;
    }

    body #wfob_wrap .wfob_wrapper .wfob_bump.wfob_layout_10 .bwf_display_flex .bwf_display_col_flex {
        text-align: right;
    }

    body #wfob_wrap .wfob_wrapper .wfob_bump.wfob_layout_10 .bwf_display_flex .bwf_display_col_flex .bwf_display_col_flex.wfob_add_to_cart_button {
        text-align: right;
    }

    body #wfob_wrap .wfob_wrapper .wfob_bump.wfob_layout_10 .bwf_display_col_flex.wfob_add_to_cart_button .wfob_price_container * {
        text-align: right;
    }

    /*----------------------Full Width screen------------------------------------*/
    body #wfob_wrap .wfob_wrapper .bump_skin_type_2.wfob_img_position_left .bwf_display_col_flex.wfob_add_to_cart_button,
    body #wfob_wrap .wfob_wrapper .bump_skin_type_2.wfob_img_position_left .bwf_display_col_flex.wfob_add_to_cart_button .wfob_price_container *,
    body #wfob_wrap .wfob_wrapper .bump_skin_type_2.wfob_img_position_left .bwf_display_col_flex.wfob_add_to_cart_button .wfob_price_container + .wfob_l3_s_btn {
        text-align: right;
    }

    body #wfob_wrap .wfob_layout_5 .wfob_title_wrap * {
        text-align: right !important;
    }


}

/*-------------------------------------------- Skin 12 (Join Flow 2026 card) RTL --------------------------------------------*/
body #wfob_wrap .wfob_wrapper .wfob_bump.wfob_layout_12 .wfob_l12_card,
body #wfob_wrap .wfob_wrapper .wfob_bump.wfob_layout_12 .wfob_title_wrap_center,
body #wfob_wrap .wfob_wrapper .wfob_bump.wfob_layout_12 .wfob_skin_description,
body #wfob_wrap .wfob_wrapper .wfob_bump.wfob_layout_12 .wfob_exclusive_content.wfob_exclusive_above_title {
    text-align: center;
}

/* Skin 12's social-proof tooltip is a symmetric full-width popover anchored above the price/ADD
   row (LTR wfob-public.css:2430). It needs NO directional mirroring — only its TEXT must read RTL,
   which the direction:rtl on .wfob_l12_action_row (below) already provides. The old caret-era RTL
   override (left:50% + translateX(-50%) translateY(-100%)) fought the LTR bottom:calc(100%+8px) and
   shoved the popover off its anchor, hiding the copy on the frontend and misplacing it in the editor
   preview. Re-assert the LTR full-width geometry so the popover sits correctly under RTL too. */
body #wfob_wrap .wfob_wrapper .wfob_bump.wfob_layout_12 .wfob_add_to_cart_button .wfob-social-proof-tooltip {
    top: auto;
    bottom: calc(100% + 8px);
    left: 0;
    right: 0;
    transform: none;
    width: auto;
    max-width: none;
    margin: 0;
}

/* Keep the Skin 12 card a centered vertical column for every image position under RTL.
   .wfob_l12_card also carries .bwf_display_flex, which the generic img-position-right rule
   (L155-161) flips to row-reverse; this layout_12-scoped override out-ranks that leak by
   specificity and keeps the card from collapsing into a reversed horizontal row. */
body #wfob_wrap .wfob_wrapper .wfob_bump.wfob_layout_12.wfob_img_position_left .wfob_l12_card,
body #wfob_wrap .wfob_wrapper .wfob_bump.wfob_layout_12.wfob_img_position_center .wfob_l12_card,
body #wfob_wrap .wfob_wrapper .wfob_bump.wfob_layout_12.wfob_img_position_top .wfob_l12_card,
body #wfob_wrap .wfob_wrapper .wfob_bump.wfob_layout_12.wfob_img_position_right .wfob_l12_card {
    flex-direction: column;
}

/* The backend checkout-builder preview renders inline with no dir="rtl" on #wfob_wrap, so
   Skin 12's direction-relative flex keywords (align-self/justify-content: flex-start/flex-end)
   don't resolve RTL there. Scope direction:rtl onto the card subtree so the image tile and the
   price/add-to-cart row mirror in the editor; on the frontend html[dir=rtl] already cascades,
   so this is redundant-but-harmless (it must not re-flip, hence no row-reverse override). */
body #wfob_wrap .wfob_wrapper .wfob_bump.wfob_layout_12 .wfob_l12_card,
body #wfob_wrap .wfob_wrapper .wfob_bump.wfob_layout_12 .wfob_l12_action_row {
    direction: rtl;
}

/* Skin 12 also carries .bump_skin_type_4, so it inherits that skin's price-container
   padding-right (L243/L265) which nudges the centered price off-center under RTL. Zero it
   out — the LTR sheet already does the mirror of this with padding-left:0. */
body #wfob_wrap .wfob_wrapper .wfob_bump.wfob_layout_12 .wfob_l12_price .wfob_price_container {
    padding-right: 0;
    padding-left: 0;
}

/* Same trap one element up. The shared skin-type-1/4 rule above pads the title 8px clear of the
   price, mirroring the LTR sheet for the horizontal skins where the two share a table row. Skin 12
   is a centered column and its LTR counterpart already cancels that padding — but only on the
   physical side LTR uses (`padding-right:0`, wfob-public.css), so the RTL `padding-left:8px`
   survives and shoves the whole centered stack 8px off-center: the title, and the variation link
   sitting under it. Cancel it on this side too. */
body #wfob_wrap .wfob_wrapper .wfob_bump.wfob_layout_12.bump_skin_type_4.wfob_enable_price .wfob_bump_title_start {
    padding-left: 0;
}

/*-------------------------------------------- Skin 12 — multi-product slider RTL --------------------------------------------*/
/* The drag-to-scroll track flips automatically with the page direction. The prev/next arrows are
   positioned with physical left/right, so swap sides and flip the chevrons: under RTL "prev"
   (toward the start of the track) is the RIGHT edge. public.js flips the scroll direction. */
body #wfob_wrap .wfob_l12_slider .wfob_l12_nav_prev {
    left: auto;
    right: 2px;
}

body #wfob_wrap .wfob_l12_slider .wfob_l12_nav_next {
    right: auto;
    left: 2px;
}

body #wfob_wrap .wfob_l12_slider .wfob_l12_nav svg {
    transform: scaleX(-1);
}

/* The edge-fade scrims sit under the chevrons and fade out with them (.wfob_l12_at_start hides
   ::before, .wfob_l12_at_end hides ::after), so they have to swap sides with the arrows above or
   the wrong edge goes dim: ::before marks the START of the track, which under RTL is the right
   edge. The gradients are directional too, so flip those with the sides — each one must still
   fade away FROM its own edge, not toward it. */
body #wfob_wrap .wfob_l12_slider::before {
    left: auto;
    right: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0.6) 16%, rgba(255, 255, 255, 0));
}

body #wfob_wrap .wfob_l12_slider::after {
    right: auto;
    left: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.6) 16%, rgba(255, 255, 255, 0));
}

/* The two "Outside - Top" product-tag positions are placed with text-align plus a PHYSICAL margin
   (LTR sheet L1537-1556), neither of which mirrors, so under RTL both tags pile up on the right:
   "Top Left" inherits the global text-align:right and lands flush against the edge because its
   margin-left:16px is now on the far side, and "Top Right" never crosses over to the left at all.
   Swap the side each one hangs from and move the 16px inset with it, so the pair mirrors the same
   way the rest of the card already does (image tile, price/ADD row).
   The `:not()` chain is copied from the LTR rules on purpose: it is what gives those rules their
   specificity, so the override has to carry it (plus .wfob_layout_12) to win on merit instead of
   leaning on !important. Scoped to Skin 12 — the other skins share this LTR quirk and want the
   same treatment, but each needs its own visual check first. */
body #wfob_wrap .wfob_bump.wfob_layout_12.wfob_bump_section.wfob_exclusive_outside_top_left:not(.wfob_layout_7):not(.wfob_layout_11):not(.wfob_layout_5):not(.wfob_layout_10):not(.wfob_layout_9):not(.wfob_layout_6) .wfob_exclusive_outside_top_left {
    text-align: right;
    margin-left: 0;
    margin-right: 16px;
}

body #wfob_wrap .wfob_bump.wfob_layout_12.wfob_bump_section.wfob_exclusive_outside_top_right:not(.wfob_layout_7):not(.wfob_layout_11):not(.wfob_layout_5):not(.wfob_layout_10):not(.wfob_layout_9):not(.wfob_layout_6) .wfob_exclusive_outside_top_right {
    text-align: left;
    margin-right: 0;
    margin-left: 16px;
}