/* Map30 — every visual override below is scoped to selected Moroccan Darija. */
/* Video: normal 0-6-… input order, left-aligned digits/caret, phone glyph on RIGHT.
   Reserve a separate badge lane when complete, rather than copying its overlap. */
html[data-cm-language="ary"] .ar-widget[data-mode="compact"] .ar-compact-input-wrap{
 display:block!important;position:relative!important;direction:ltr!important;padding:0!important;min-height:56px;height:56px;
}
html[data-cm-language="ary"] .ar-widget[data-mode="compact"] .ar-compact-input-wrap input[data-phone]{
 display:block;width:100%!important;height:52px!important;direction:ltr!important;unicode-bidi:isolate!important;text-align:left!important;
 padding:0 46px 0 38px!important;caret-color:currentColor;letter-spacing:0!important;font-variant-numeric:tabular-nums;
}
html[data-cm-language="ary"] .ar-widget[data-mode="compact"] input[data-phone]::placeholder{
 direction:rtl;unicode-bidi:plaintext;text-align:left;letter-spacing:0;
}
html[data-cm-language="ary"] .ar-widget[data-mode="compact"] .ar-compact-phone-icon{
 position:absolute!important;left:auto!important;right:16px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;
}
html[data-cm-language="ary"] .ar-widget[data-mode="compact"] .ar-phone-badge{
 position:absolute!important;left:12px!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;
 max-width:78px;direction:ltr;z-index:2;
}
html[data-cm-language="ary"] .ar-widget[data-mode="compact"] .is-valid input[data-phone],
html[data-cm-language="ary"] .ar-widget[data-mode="compact"] .is-warning input[data-phone],
html[data-cm-language="ary"] .ar-widget[data-mode="compact"] .is-invalid input[data-phone]{padding-left:96px!important}
html[data-cm-language="ary"] .ar-widget[data-mode="compact"] .is-pending .ar-phone-badge{display:none!important}
/* Summary only: display the existing two-digit groups right-to-left in Darija.
   Each group, canonical DOM text, accessible label and submitted phone stay unchanged. */
html[data-cm-language="ary"] .ar-widget [data-summary-phone]{direction:rtl!important;unicode-bidi:isolate!important;white-space:nowrap}
html[data-cm-language="ary"] .ar-widget :is([data-summary-product],.ar-service){direction:rtl;unicode-bidi:isolate;line-height:1.55}
html[data-cm-language="ary"] .ar-recharge-guide{direction:rtl;text-align:right;padding-right:0;padding-left:350px}
html[data-cm-language="ary"] .ar-recharge-guide :is(h2,h3){font-family:inherit;letter-spacing:0}
html[data-cm-language="ary"] .ar-recharge-guide p{line-height:1.95}
html[data-cm-language="ary"] :is(.ar-coupon-caption,.ar-coupon-face,.ar-coupon-product,.ar-pb-product,.ar-pb-title){direction:rtl;unicode-bidi:isolate}
html[data-cm-language="ary"] .ar-coupon-price{font-size:clamp(19px,2.6vw,27px);line-height:1.45;white-space:normal;overflow-wrap:normal}
html[data-cm-language="ary"] .ar-coupon-save-value{font-size:15px;line-height:1.45;white-space:normal}
html[data-cm-language="ary"] .ar-coupon-percent{font-size:18px;white-space:nowrap}
html[data-cm-language="ary"] .ar-coupon-product{line-height:1.55}
html[data-cm-language="ary"] :is(.atlas-charge-gateway-price,.atlas-charge-payment-total strong,.atlas-charge-summary-lines strong,.atlas-two-step-continue bdi,.woocommerce-Price-amount){white-space:normal;overflow-wrap:anywhere}
html[data-cm-language="ary"] .atlas-charge-gateway-price{max-width:45%;flex-shrink:1;font-family:inherit}
html[data-cm-language="ary"] .atlas-charge-gateway-price small{line-height:1.65}
html[data-cm-language="ary"] :is(.atlas-two-step-note,.atlas-two-step-card-intro p,.woocommerce-privacy-policy-text){direction:rtl;text-align:right;line-height:1.85;font-family:inherit}
html[data-cm-language="ary"] .payment_box label{font-family:inherit;text-align:right;line-height:1.65}
html[data-cm-language="ary"] #place_order{font-family:inherit;white-space:normal;line-height:1.6}
@media(max-width:820px){html[data-cm-language="ary"] .ar-recharge-guide{padding:0 14px}}
@media(max-width:359px){
 html[data-cm-language="ary"] .ar-widget[data-mode="compact"] .ar-compact-input-wrap input[data-phone]{font-size:14px!important;padding-left:22px!important}
 html[data-cm-language="ary"] .ar-widget[data-mode="compact"] :is(.is-valid,.is-warning,.is-invalid) input[data-phone]{padding-left:86px!important}
 html[data-cm-language="ary"] .ar-coupon-percent{font-size:15px}
 html[data-cm-language="ary"] .atlas-charge-gateway-price{font-size:13px}
}

html[data-cm-language="ary"] .ar-coupon-banner :is(.ar-coupon-save-value,.ar-coupon-percent){direction:rtl;unicode-bidi:isolate;text-align:right;letter-spacing:0}
html[data-cm-language="ary"] .ar-coupon-banner .ar-coupon-percent{box-sizing:border-box;max-width:100%;padding:6px 8px}
@media(max-width:380px){
 html[data-cm-language="ary"] .ar-coupon-banner .ar-coupon-percent{font-size:12px;padding:5px 6px}
 html[data-cm-language="ary"] .ar-coupon-banner .ar-coupon-ticket>.ar-coupon-cut{width:132px;height:140px}
 html[data-cm-language="ary"] .ar-coupon-banner .ar-coupon-saving{padding-top:135px}
}


/* Map30 follow-up: on card/payment step, also reverse the visual display of the
   marked email/name zones in Darija only, while keeping submitted values unchanged. */
html[data-cm-language="ary"] body.atlas-native-checkout.atlas-morocco-payment-only.atlas-order-ui.atlas-card-step #customer_details :is(#billing_email,#billing_first_name,#billing_last_name){
 direction:rtl!important;unicode-bidi:plaintext!important;text-align:right!important;
}
html[data-cm-language="ary"] body.atlas-native-checkout.atlas-morocco-payment-only.atlas-order-ui.atlas-card-step #customer_details #billing_email::placeholder{
 direction:rtl;unicode-bidi:plaintext;text-align:right;
}
html[data-cm-language="ary"] body.atlas-native-checkout.atlas-morocco-payment-only.atlas-order-ui.atlas-card-step .atlas-card-holder-value bdi{
 direction:rtl!important;unicode-bidi:plaintext!important;text-align:right!important;display:block;width:100%;
}