/* ==========================================================
   Motive Media — Kashier UI (Classic + Blocks, LTR + RTL)
   ========================================================== */

:root {
    --motive-kashier-accent:      #4fbd38;
    --motive-kashier-heading:     #072945;
    --motive-kashier-border:      #d9e2ec;
    --motive-kashier-border-soft: #e2e8f0;
    --motive-kashier-bg:          #ffffff;
    --motive-kashier-bg-soft:     #f8fafc;
    --motive-kashier-selected-bg: #f0fdf4;
    --motive-kashier-text-soft:   #475569;
}

/* ============================================================
   1. NUKE ALL WOOCOMMERCE BLOCKS WRAPPER BORDERS / SHADOWS
   ============================================================ */
.wc-block-components-radio-control-accordion-option,
.wc-block-components-radio-control-accordion-option:first-child,
.wc-block-components-radio-control-accordion-option:last-child,
.wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option,
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--first-selected {
    border:     none !important;
    border-top: none !important;
    outline:    none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding:    0 !important;
    margin:     0 !important;
}

.wc-block-components-radio-control--highlight-checked:after,
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option:after,
.wc-block-components-radio-control--highlight-checked div.wc-block-components-radio-control-accordion-option:after,
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
    content: none !important;
    box-shadow: none !important;
}

/* Apply immediately on Kashier options to avoid flash before JS classing */
.wc-block-checkout__payment-method .wc-block-components-radio-control__option:has(input.wc-block-components-radio-control__input[value^="kashier_"]),
.wp-block-woocommerce-checkout .wc-block-components-radio-control__option:has(input.wc-block-components-radio-control__input[value^="kashier_"]),
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option:has(input.wc-block-components-radio-control__input[value^="kashier_"]),
.wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-option:has(input.wc-block-components-radio-control__input[value^="kashier_"]) {
    outline: none !important;
    box-shadow: none !important;
    transition: none !important;
}

.wc-block-checkout__payment-method .wc-block-components-radio-control__option:has(input.wc-block-components-radio-control__input[value^="kashier_"]):after,
.wp-block-woocommerce-checkout .wc-block-components-radio-control__option:has(input.wc-block-components-radio-control__input[value^="kashier_"]):after,
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option:has(input.wc-block-components-radio-control__input[value^="kashier_"]):after,
.wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-option:has(input.wc-block-components-radio-control__input[value^="kashier_"]):after,
.wc-block-checkout__payment-method .wc-block-components-radio-control__option--checked-option-highlighted:has(input.wc-block-components-radio-control__input[value^="kashier_"]),
.wp-block-woocommerce-checkout .wc-block-components-radio-control__option--checked-option-highlighted:has(input.wc-block-components-radio-control__input[value^="kashier_"]) {
    content: none !important;
    box-shadow: none !important;
}

.wc-block-checkout__payment-method .wc-block-components-radio-control--highlight-checked:has(input.wc-block-components-radio-control__input[value^="kashier_"]):after,
.wp-block-woocommerce-checkout .wc-block-components-radio-control--highlight-checked:has(input.wc-block-components-radio-control__input[value^="kashier_"]):after {
    content: none !important;
    box-shadow: none !important;
}

/* Kill WooCommerce focus rings on the label */
.wc-block-components-radio-control__option:focus,
.wc-block-components-radio-control__option:focus-visible {
    outline:    none !important;
    box-shadow: none !important;
}

/* ============================================================
   1.1 ALL PAYMENT GATEWAYS — remove outer wrapper border
   Keep only inner .motive-kashier-option border (single border).
   ============================================================ */
.wp-block-woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option,
.wp-block-woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option:first-child,
.wp-block-woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option:last-child,
.wp-block-woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wp-block-woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option,
.wp-block-woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wp-block-woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--first-selected {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
}

.wp-block-woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control--highlight-checked:after,
.wp-block-woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control__option:after,
.wp-block-woocommerce-checkout .wc-block-checkout__payment-method div.wc-block-components-radio-control-accordion-option:after,
.wp-block-woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wp-block-woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
    content: none !important;
    box-shadow: none !important;
}

/* ============================================================
   2. OUR CARD — single source of truth for the border/bg
   ============================================================ */
.motive-kashier-option {
    display:         flex !important;
    align-items:     center !important;
    justify-content: space-between !important;
    gap:             10px !important;
    border:          1.5px solid var(--motive-kashier-border) !important;
    border-radius:   12px !important;
    background:      var(--motive-kashier-bg) !important;
    margin-bottom:   10px !important;
    padding:         12px 16px !important;
    box-shadow:      none !important;
    outline:         none !important;
    transition:      none !important;
    cursor:          pointer !important;
    width:           100% !important;
    box-sizing:      border-box !important;
}

.motive-kashier-option:hover {
    border-color: var(--motive-kashier-border) !important;
    background:   var(--motive-kashier-bg-soft) !important;
}

.motive-kashier-option.motive-kashier-selected,
.motive-kashier-option.wc-block-components-radio-control__option--checked,
.motive-kashier-option:has(input[type="radio"]:checked) {
    border-color: var(--motive-kashier-accent) !important;
    background:   var(--motive-kashier-selected-bg) !important;
    box-shadow:   none !important;
}

/* Selected block payment option should connect with its details content */
.wp-block-woocommerce-checkout .wc-block-checkout__payment-method .motive-kashier-option:has(input[type="radio"]:checked),
.wp-block-woocommerce-checkout .wc-block-checkout__payment-method .motive-kashier-option.wc-block-components-radio-control__option--checked,
.wp-block-woocommerce-checkout .wc-block-checkout__payment-method .motive-kashier-option.motive-kashier-selected {
    margin-bottom: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.motive-kashier-option.motive-kashier-selected:hover,
.motive-kashier-option.wc-block-components-radio-control__option--checked:hover,
.motive-kashier-option:has(input[type="radio"]:checked):hover {
    border-color: var(--motive-kashier-accent) !important;
    background:   var(--motive-kashier-selected-bg) !important;
}

/* ============================================================
   3. RADIO BUTTON — green, white inset dot via box-shadow
   ============================================================ */
.motive-kashier-option .wc-block-components-radio-control__input {
    -webkit-appearance: none !important;
    appearance:         none !important;
    width:              18px !important;
    height:             18px !important;
    min-width:          18px !important;
    border-radius:      50% !important;
    border:             2px solid #cbd5e1 !important;
    background:         #fff !important;
    box-shadow:         none !important;
    outline:            none !important;
    cursor:             pointer !important;
    flex-shrink:        0 !important;
    align-self:         center !important;
    transition:         border-color 0.15s, background-color 0.15s, box-shadow 0.15s !important;
    margin:             0 !important;
    padding:            0 !important;
    position:           relative !important;
    top:                auto !important;
    left:               auto !important;
    right:              auto !important;
    transform:          none !important;
    z-index:            2 !important;
}

.wc-block-checkout__payment-method .motive-kashier-option .wc-block-components-radio-control__input,
.wc-block-components-radio-control .motive-kashier-option .wc-block-components-radio-control__input {
    border: 2px solid #4fbd38 !important;
    background: #fff !important;
    box-shadow: none !important;
}

.wc-block-checkout__payment-method .wc-block-components-radio-control .motive-kashier-option .wc-block-components-radio-control__input,
.wp-block-woocommerce-checkout .wc-block-components-radio-control .motive-kashier-option .wc-block-components-radio-control__input {
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    position: relative !important;
}

.motive-kashier-option .wc-block-components-radio-control__input:hover:not(:checked) {
    border-color: var(--motive-kashier-accent) !important;
}

/* Checked: green fill, inset white ring leaves a small green dot visible in the center */
.motive-kashier-option .wc-block-components-radio-control__input:checked {
    border-color:     var(--motive-kashier-accent) !important;
    background-color: var(--motive-kashier-accent) !important;
    box-shadow:       none !important;
}

.motive-kashier-option .wc-block-components-radio-control__input:checked:before {
    content: "" !important;
    display: block !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #fff !important;
    position: absolute !important;
    inset: 0 !important;
    margin: auto !important;
    transform: none !important;
}

.wc-block-checkout__payment-method .motive-kashier-option .wc-block-components-radio-control__input:checked:before,
.wc-block-components-radio-control .motive-kashier-option .wc-block-components-radio-control__input:checked:before {
    background: #fff !important;
}

.wc-block-checkout__payment-method .wc-block-components-radio-control .motive-kashier-option .wc-block-components-radio-control__input:checked:before,
.wp-block-woocommerce-checkout .wc-block-components-radio-control .motive-kashier-option .wc-block-components-radio-control__input:checked:before {
    background: #fff !important;
    width: 5px !important;
    height: 5px !important;
}

.motive-kashier-option .wc-block-components-radio-control__input:after {
    content: none !important;
}

.wc-block-checkout__payment-method input.wc-block-components-radio-control__input[value^="kashier_"],
.wp-block-woocommerce-checkout input.wc-block-components-radio-control__input[value^="kashier_"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    border: 2px solid #4fbd38 !important;
    background: #fff !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
    transform: none !important;
}

.wc-block-checkout__payment-method input.wc-block-components-radio-control__input[value^="kashier_"]:checked,
.wp-block-woocommerce-checkout input.wc-block-components-radio-control__input[value^="kashier_"]:checked {
    border-color: #4fbd38 !important;
    background: #4fbd38 !important;
}

.wc-block-checkout__payment-method input.wc-block-components-radio-control__input[value^="kashier_"]:checked:before,
.wp-block-woocommerce-checkout input.wc-block-components-radio-control__input[value^="kashier_"]:checked:before {
    content: "" !important;
    display: block !important;
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    background: #fff !important;
    position: absolute !important;
    inset: 0 !important;
    margin: auto !important;
    transform: none !important;
}

.wc-block-checkout__payment-method input.wc-block-components-radio-control__input[value^="kashier_"]:after,
.wp-block-woocommerce-checkout input.wc-block-components-radio-control__input[value^="kashier_"]:after {
    content: none !important;
}

.motive-kashier-option .wc-block-components-radio-control__input:focus-visible {
    outline:        2px solid var(--motive-kashier-accent) !important;
    outline-offset: 2px !important;
}

/* ============================================================
   4. LABEL LAYOUT — radio LEFT, text+icons pushed to END
   ============================================================ */

/* option-layout holds text+icons — push it to the inline-end */
.motive-kashier-option .wc-block-components-radio-control__option-layout {
    margin-inline-start: auto !important;
    width: calc(100% - 24px) !important;
    display:             flex !important;
    align-items:         center !important;
    gap:                 8px !important;
    min-width:           0 !important;
    padding:             0 !important;
    justify-content:     flex-end !important;
}

.wc-block-checkout__payment-method .motive-kashier-option {
    display: flex !important;
    align-items: center !important;
}

.wc-block-checkout__payment-method .motive-kashier-option .wc-block-components-radio-control__input {
    order: 1 !important;
    margin-inline-end: 12px !important;
}

.wc-block-checkout__payment-method .motive-kashier-option .wc-block-components-radio-control__option-layout {
    order: 2 !important;
    margin-inline-start: auto !important;
    flex: 1 1 auto !important;
}

.motive-kashier-option .wc-block-components-radio-control__label-group {
    display:     flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin-inline-start: auto !important;
    width: 100% !important;
    min-width:   0 !important;
}

.motive-kashier-option .wc-block-components-radio-control__label {
    display:     flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
}

/* Override plugin inline width:30% / width:100% */
.motive-kashier-option .wc-block-components-radio-control__label > div {
    width:           auto !important;
    display:         flex !important;
    align-items:     center !important;
    gap:             8px !important;
    flex-wrap:       wrap !important;
    justify-content: flex-end !important;
    margin-inline-start: auto !important;
    text-align: end !important;
}

.wc-block-checkout__payment-method .motive-kashier-option .wc-block-components-radio-control__label-group,
.wp-block-woocommerce-checkout .motive-kashier-option .wc-block-components-radio-control__label-group {
    justify-content: flex-end !important;
    margin-inline-start: auto !important;
}

/* Icon row inside the label div */
.motive-kashier-option .wc-block-components-radio-control__label > div > div {
    display:         flex !important;
    align-items:     center !important;
    justify-content: flex-end !important;
    flex-wrap:       wrap !important;
    gap:             5px !important;
}

/* ============================================================
   5. ICONS
   ============================================================ */
.motive-kashier-option [id^="kashier-icon-"],
.motive-kashier-option img.kashier-icon,
.motive-kashier-option .kashier-card-brand {
    width:         30px !important;
    max-width:     30px !important;
    height:        20px !important;
    margin:        0 !important;
    padding:       2px !important;
    padding-top:   0 !important;
    border:        1px solid var(--motive-kashier-border-soft) !important;
    border-radius: 4px !important;
    background:    #fff !important;
    object-fit:    contain !important;
    flex-shrink:   0 !important;
}

.motive-kashier-option .kashier-card-brand {
    position:            static !important;
    background-size:     contain !important;
    background-position: center !important;
}

/* ============================================================
   6. EXPANDED ACCORDION CONTENT
   ============================================================ */
.wc-block-components-radio-control-accordion-option
.wc-block-components-radio-control-accordion-content {
    padding: 0 16px 12px !important;
    border:  none !important;
}

.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option:has(input.wc-block-components-radio-control__input[value^="kashier_"]),
.wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-option:has(input.wc-block-components-radio-control__input[value^="kashier_"]) {
    overflow: hidden !important;
}

.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option:has(input.wc-block-components-radio-control__input[value^="kashier_"]) .motive-kashier-option:has(input[type="radio"]:checked),
.wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-option:has(input.wc-block-components-radio-control__input[value^="kashier_"]) .motive-kashier-option:has(input[type="radio"]:checked),
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option:has(input.wc-block-components-radio-control__input[value^="kashier_"]) .motive-kashier-option.wc-block-components-radio-control__option--checked,
.wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-option:has(input.wc-block-components-radio-control__input[value^="kashier_"]) .motive-kashier-option.wc-block-components-radio-control__option--checked,
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option:has(input.wc-block-components-radio-control__input[value^="kashier_"]) .motive-kashier-option.motive-kashier-selected,
.wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-option:has(input.wc-block-components-radio-control__input[value^="kashier_"]) .motive-kashier-option.motive-kashier-selected {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin-bottom: 0 !important;
}

.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-content[id*="kashier_"][id$="__content"],
.wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-content[id*="kashier_"][id$="__content"] {
    margin: -1px 0 10px !important;
    padding: 0 16px 14px !important;
    border: 1.5px solid var(--motive-kashier-accent) !important;
    border-top: none !important;
    border-radius: 0 0 12px 12px !important;
    background: var(--motive-kashier-selected-bg) !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Strict apply on ALL payment gateways in block checkout */
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-content,
.wp-block-woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-content {
    margin: -1px 0 10px !important;
    padding: 0 16px 14px !important;
    border: 1.5px solid var(--motive-kashier-accent) !important;
    border-top: none !important;
    border-radius: 0 0 12px 12px !important;
    background: var(--motive-kashier-selected-bg) !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Prevent tiny visual gap between selected header and accordion content */
.wp-block-woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option {
    overflow: hidden !important;
}

.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-content[id*="kashier_"][id$="__content"] > :first-child,
.wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-content[id*="kashier_"][id$="__content"] > :first-child {
    margin-top: 0 !important;
}

.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-content[id*="kashier_"][id$="__content"] > :last-child,
.wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-content[id*="kashier_"][id$="__content"] > :last-child {
    margin-bottom: 0 !important;
}

.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-content[id*="kashier_"][id$="__content"] p,
.wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-content[id*="kashier_"][id$="__content"] p {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.motive-kashier-option .payment_box {
    margin-top:  10px !important;
    border-top:  1px solid var(--motive-kashier-border-soft) !important;
    padding-top: 10px !important;
}

.motive-kashier-option .payment_box::before {
    display: none !important;
}

/* ============================================================
   7. SECURED BY KASHIER BADGE
   ============================================================ */
.motive-kashier-option #secured-by-kashier-container,
#payment #secured-by-kashier-container.motive-kashier-secured,
.wc-block-components-radio-control-accordion-content #secured-by-kashier-container {
    display:         flex !important;
    align-items:     center !important;
    justify-content: space-between !important;
    gap:             10px !important;
    padding:         9px 12px !important;
    border:          1px solid var(--motive-kashier-border-soft) !important;
    border-radius:   10px !important;
    background:      var(--motive-kashier-bg-soft) !important;
    width:           100% !important;
    height:          auto !important;
    box-sizing:      border-box !important;
    margin-top:      8px !important;
    overflow:        visible !important;
    text-align:      start !important;
}

.motive-kashier-option #secured-by-kashier-container p,
#payment #secured-by-kashier-container p,
.wc-block-components-radio-control-accordion-content #secured-by-kashier-container p {
    margin:      0 !important;
    padding:     0 !important;
    color:       var(--motive-kashier-text-soft) !important;
    font-size:   12.5px !important;
    line-height: 1.45 !important;
    text-align:  start !important;
}

.motive-kashier-option #secured-by-kashier-container img,
#payment #secured-by-kashier-container img,
.wc-block-components-radio-control-accordion-content #secured-by-kashier-container img {
    max-width:   88px !important;
    width:       auto !important;
    height:      auto !important;
    flex-shrink: 0 !important;
}

/* ============================================================
   8. CLASSIC CHECKOUT FALLBACK
   ============================================================ */
body.woocommerce-checkout #payment .wc_payment_methods li.wc_payment_method,
body.woocommerce-order-pay #payment .wc_payment_methods li.wc_payment_method {
    border:        1.5px solid var(--motive-kashier-border) !important;
    border-radius: 12px !important;
    padding:       12px 16px !important;
    box-shadow:    none !important;
}

body.woocommerce-checkout #payment .wc_payment_methods li.wc_payment_method:has(> input.input-radio:checked),
body.woocommerce-order-pay #payment .wc_payment_methods li.wc_payment_method:has(> input.input-radio:checked) {
    border-color: var(--motive-kashier-accent) !important;
    background:   var(--motive-kashier-selected-bg) !important;
}

body.woocommerce-checkout #payment .wc_payment_methods li.wc_payment_method:has(> input.input-radio:checked):hover,
body.woocommerce-order-pay #payment .wc_payment_methods li.wc_payment_method:has(> input.input-radio:checked):hover {
    border-color: var(--motive-kashier-accent) !important;
    background:   var(--motive-kashier-selected-bg) !important;
}

/* ============================================================
   9. RTL
   ============================================================ */
[dir="rtl"] .motive-kashier-option.motive-kashier-selected,
[dir="rtl"] .motive-kashier-option.wc-block-components-radio-control__option--checked,
[dir="rtl"] .motive-kashier-option:has(input[type="radio"]:checked) {
    box-shadow: none !important;
}

/* In RTL "inline-end" = left — margin-inline-start: auto already flips correctly */
[dir="rtl"] .motive-kashier-option .wc-block-components-radio-control__label > div {
    justify-content: flex-start !important;
}

[dir="rtl"] .motive-kashier-option .wc-block-components-radio-control__label > div > div {
    justify-content: flex-start !important;
}

[dir="rtl"] .motive-kashier-option .wc-block-components-radio-control__input:checked:before,
[dir="rtl"] .wc-block-checkout__payment-method input.wc-block-components-radio-control__input[value^="kashier_"]:checked:before,
[dir="rtl"] .wp-block-woocommerce-checkout input.wc-block-components-radio-control__input[value^="kashier_"]:checked:before {
    inset: 0 !important;
    margin: auto !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    transform: none !important;
}

[dir="rtl"] .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-content[id*="kashier_"][id$="__content"],
[dir="rtl"] .wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-content[id*="kashier_"][id$="__content"] {
    direction: rtl !important;
}

[dir="rtl"] .motive-kashier-option #secured-by-kashier-container {
    flex-direction: row-reverse !important;
    text-align:     start !important;
}

[dir="rtl"] .motive-kashier-option #secured-by-kashier-container p {
    text-align: start !important;
}

/* ============================================================
   10. MOBILE
   ============================================================ */
@media (max-width: 640px) {
    .motive-kashier-option {
        padding:       10px 12px !important;
        border-radius: 10px !important;
    }

    .motive-kashier-option [id^="kashier-icon-"],
    .motive-kashier-option img.kashier-icon,
    .motive-kashier-option .kashier-card-brand {
        width:     26px !important;
        max-width: 26px !important;
        height:    18px !important;
    }

    .motive-kashier-option #secured-by-kashier-container img,
    #payment #secured-by-kashier-container img,
    .wc-block-components-radio-control-accordion-content #secured-by-kashier-container img {
        max-width: 72px !important;
    }
}