/* cosmo-rtl.css: Arabic (RTL) layout for cosmogenesislabs.ma. Loaded only on /ar/ by mu-plugin cosmo-i18n.php.
   Part 1 is hand written. Part 2 is generated by engine/tools/build_rtl.js (rtlcss) from cosmogenesis.css,
   the cosmo-cro inline CSS and the WP custom CSS: every directional rule mirrored under html[dir="rtl"]. */
html[dir="rtl"] body{direction:rtl;text-align:right;font-family:"Noto Naskh Arabic","Nunito",system-ui,sans-serif;line-height:1.75}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4,html[dir="rtl"] h5,html[dir="rtl"] h6,
html[dir="rtl"] .eyebrow,html[dir="rtl"] .btn,html[dir="rtl"] .nav a,html[dir="rtl"] .mnav a,html[dir="rtl"] .card-title,
html[dir="rtl"] .card-cat,html[dir="rtl"] .announce,html[dir="rtl"] button,html[dir="rtl"] .valuestrip span,html[dir="rtl"] .product_title{font-family:"Noto Kufi Arabic","Noto Naskh Arabic","Quicksand",sans-serif;letter-spacing:0!important}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{line-height:1.45}
html[dir="rtl"] .eyebrow,html[dir="rtl"] .valuestrip span,html[dir="rtl"] .nav a,html[dir="rtl"] .mnav a{text-transform:none}
/* prices, quantities, phone numbers stay left to right with Western digits */
html[dir="rtl"] .woocommerce-Price-amount,html[dir="rtl"] .amount,html[dir="rtl"] bdi,html[dir="rtl"] .cart-count,html[dir="rtl"] .save,
html[dir="rtl"] input[type="tel"],html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="number"],html[dir="rtl"] .qty{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] input[type="tel"],html[dir="rtl"] input[type="email"]{text-align:right}
html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select{text-align:right}
/* mobile menu slides from the left */
html[dir="rtl"] .mnav{inset:0 auto 0 0}
html[dir="rtl"] .mnav .close{align-self:flex-start}
/* marquee keeps its LTR track, text inside stays RTL */
html[dir="rtl"] .valuestrip .track{direction:ltr}
html[dir="rtl"] .valuestrip span{direction:rtl}
/* arrows and chevrons */
html[dir="rtl"] [class*="arrow"]:not(.select2-selection__arrow) svg,html[dir="rtl"] [class*="chev"] svg,html[dir="rtl"] .btn svg,html[dir="rtl"] svg.arrow,html[dir="rtl"] .woocommerce-pagination .next,html[dir="rtl"] .woocommerce-pagination .prev{transform:scaleX(-1)}
html[dir="rtl"] .woocommerce form .form-row label,html[dir="rtl"] .woocommerce-checkout h3{text-align:right}
html[dir="rtl"] .cosmo-lang{direction:ltr}
/* ---- phase 3 (2026-10-26) ---- */
/* French product names inside Arabic pages: let the name keep its own left to right order (no stray "·" or ellipsis at the wrong end) */
html[dir="rtl"] .pdp-info h1,html[dir="rtl"] .product_title,html[dir="rtl"] .card-title,html[dir="rtl"] .citem-info h4,html[dir="rtl"] .qr-info h4{unicode-bidi:plaintext;text-align:right}
html[dir="rtl"] .pss-name,html[dir="rtl"] .crumb span:last-child,html[dir="rtl"] .woocommerce-cart-form td.product-name a{unicode-bidi:plaintext}
/* product gallery: the theme counts slides with scrollLeft, which is negative in RTL; keep the slider and its dots left to right */
html[dir="rtl"] .gallery-slider,html[dir="rtl"] #galDots{direction:ltr}
/* points notice pill: same padding on both sides */
html[dir="rtl"] .cosmo-points-pill,html[dir="rtl"] .wc_points_rewards_earn_points .woocommerce-info{padding-left:20px!important;padding-right:20px!important}
/* Arabic letters must not be spaced or upper-cased; slightly larger body text for Naskh */
html[dir="rtl"] body.wp-child-theme-cosmogenesis-labs .products .card a.add_to_cart_button::after,html[dir="rtl"] .eyebrow,html[dir="rtl"] .btn,html[dir="rtl"] button,html[dir="rtl"] .button,html[dir="rtl"] .woocommerce-checkout #place_order,html[dir="rtl"] .foot-bottom,html[dir="rtl"] .footer h4,html[dir="rtl"] .footer h5{letter-spacing:0!important;text-transform:none!important}
html[dir="rtl"] body.wp-child-theme-cosmogenesis-labs .products .card a.add_to_cart_button::after{font-family:"Noto Kufi Arabic","Noto Naskh Arabic",sans-serif;font-size:.85rem}
html[dir="rtl"] .prose,html[dir="rtl"] .prose p,html[dir="rtl"] .prose li{font-size:1.04em}
/* checkout: labels and their optional / required marks on the right, LTR fields still right aligned */
html[dir="rtl"] .woocommerce form .form-row label .optional,html[dir="rtl"] .woocommerce form .form-row label .required{margin-right:4px;margin-left:0}
html[dir="rtl"] .woocommerce-checkout #payment ul.payment_methods li,html[dir="rtl"] .woocommerce-checkout .woocommerce-privacy-policy-text,html[dir="rtl"] .woocommerce-checkout #payment div.payment_box{text-align:right}
/* quiz (diagnostic): back / next arrows already point the RTL way in the Arabic texts */
html[dir="rtl"] .quiz-actions{direction:rtl}
/* open states: the mirrored closed transforms below must not win over the theme's .open rules */
html[dir="rtl"] .mnav.open,html[dir="rtl"] .drawer.open{transform:none}
html[dir="rtl"] .cart-drawer.open .cd-panel{transform:none}
/* ---- generated mirror rules ---- */
html[dir="rtl"] .nav a::after{right:0;left:auto}
html[dir="rtl"] .cart-count{left:-8px;right:auto}
html[dir="rtl"] .hero-media img,html[dir="rtl"] .hero-media video{object-position:25% center}
html[dir="rtl"] .hero-media::after{background-image:linear-gradient(-90deg,rgba(26,23,20,.94) 0%,rgba(26,23,20,.8) 30%,rgba(26,23,20,.5) 60%,rgba(26,23,20,.34) 100%)}
html[dir="rtl"] .hero h1 em{background-image:linear-gradient(-100deg,#c4b3f2 0%,#eeb3d6 26%,#b3cff2 52%,#b6f0d6 74%,#dcbcf2 100%)}
html[dir="rtl"] .badge{right:14px;left:auto}
html[dir="rtl"] .wish{left:12px;right:auto}
html[dir="rtl"] .news{background-image:linear-gradient(-135deg,var(--cosmos) 0%,var(--cosmos-2) 100%)}
html[dir="rtl"] .drawer{left:0;transform:translateX(-100%);right:auto}
html[dir="rtl"] .citem-price{text-align:left}
html[dir="rtl"] .freebar i{background-image:linear-gradient(-90deg,var(--gold),var(--gold-2))}
html[dir="rtl"] .acc-head{text-align:right}
html[dir="rtl"] .acc.open .acc-head span{transform:rotate(-45deg)}
html[dir="rtl"] .results-copy h2{text-align:right}
html[dir="rtl"] .results-copy p{text-align:right}
html[dir="rtl"] .pdp-visual .ba-tag{right:16px;left:auto}
html[dir="rtl"] .pvideo .vsound{left:14px;right:auto}
html[dir="rtl"] .pvideo .vlabel{right:14px;left:auto}
html[dir="rtl"] .toast{right:50%;transform:translateX(50%) translateY(20px);left:auto}
html[dir="rtl"] .toast.show{transform:translateX(50%) translateY(0)}
html[dir="rtl"] .emodal-close{left:18px;right:auto}
html[dir="rtl"] .qcard{text-align:right}
html[dir="rtl"] .quiz-opt{text-align:right}
html[dir="rtl"] .qr-product{text-align:right}
html[dir="rtl"] .mnav{transform:translateX(-100%)}
@media (max-width:820px){html[dir="rtl"] .brand{text-align:right}}
html[dir="rtl"] .wp-child-theme-cosmogenesis-labs .products .card-body{text-align:right !important}
html[dir="rtl"] .wp-child-theme-cosmogenesis-labs .products .card .price{text-align:right !important}
html[dir="rtl"] .cosmo-deal-bubble{right:24px;left:auto}
@media (max-width:600px){html[dir="rtl"] .cosmo-deal-bubble{right:14px !important;left:auto !important}}
html[dir="rtl"] #cosmo-emodal .emodal-close{left:18px !important;right:auto !important}
html[dir="rtl"] .quiz-pick .qcard{text-align:right !important}
html[dir="rtl"] .quiz-pick .qcard .qc-body{text-align:right !important}
html[dir="rtl"] .quiz-opts .quiz-opt{text-align:right !important}
html[dir="rtl"] .prose ul,html[dir="rtl"] .prose ol{margin:0 1.3em 1.1em 0}
html[dir="rtl"] .prose blockquote{border-right:3px solid var(--line-2);padding-right:16px;border-left:none;padding-left:0}
html[dir="rtl"] .prose td,html[dir="rtl"] .prose th{text-align:right}
html[dir="rtl"] body.woocommerce-account .woocommerce-MyAccount-navigation li a{text-align:right !important}
html[dir="rtl"] .acct-t{text-align:right}
html[dir="rtl"] .sci-ing li{padding-right:22px;padding-left:0}
html[dir="rtl"] .sci-ing li:before{right:0;left:auto}
html[dir="rtl"] .use-steps li{padding-right:50px;padding-left:0}
html[dir="rtl"] .use-steps li:before{right:0;left:auto}
@media (min-width:721px){html[dir="rtl"] .pdp-sticky{left:24px;right:auto}}
@media (min-width:721px){html[dir="rtl"] .pdp-sticky .pss-info{padding-left:6px;padding-right:0}}
@media (min-width:721px) and (max-width:900px){html[dir="rtl"] .pdp-sticky{left:14px;right:auto}}
html[dir="rtl"] .cd-panel{left:0;box-shadow:18px 0 60px rgba(26,27,32,.2);transform:translateX(-100%);right:auto}
html[dir="rtl"] .cd-body a.remove{left:0;right:auto}
html[dir="rtl"] #cartDrawer .citem-end{text-align:left}
html[dir="rtl"] #cartDrawer .citem-price{text-align:left}
html[dir="rtl"] #cartDrawer .freebar i{background-image:linear-gradient(-90deg,#c7ccd8,#d9d2e6,#ecd6e2,#d3e4dd,#d2d7ea)}
html[dir="rtl"] #cartDrawer .rw-fill{right:0;background-image:linear-gradient(-90deg,#c7ccd8,#d9d2e6,#ecd6e2,#d3e4dd,#d2d7ea);left:auto}
html[dir="rtl"] #cartDrawer .rw-node{transform:translate(50%,-50%)}
html[dir="rtl"] #cartDrawer .gift-tag{left:-6px;right:auto}
html[dir="rtl"] .woocommerce-checkout table.woocommerce-checkout-review-order-table th,html[dir="rtl"] .woocommerce-checkout table.woocommerce-checkout-review-order-table td{text-align:right}
html[dir="rtl"] .woocommerce-checkout table.woocommerce-checkout-review-order-table th.product-total,html[dir="rtl"] .woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-total{text-align:left}
html[dir="rtl"] .woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot td{text-align:left}
html[dir="rtl"] .woocommerce-checkout table.woocommerce-checkout-review-order-table .cart_item td.product-name{padding-right:64px !important;padding-left:0 !important}
html[dir="rtl"] .woocommerce-checkout .corev-thumb{right:16px;left:auto}
html[dir="rtl"] .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{padding-right:9px !important;padding-left:0 !important}
html[dir="rtl"] .woocommerce-checkout table.woocommerce-checkout-review-order-table .cart_item td.product-name{padding-right:58px !important;padding-left:0 !important}
html[dir="rtl"] .woocommerce-checkout .corev-thumb{right:14px !important;left:auto !important}
html[dir="rtl"] .woocommerce-checkout table.woocommerce-checkout-review-order-table th.product-total,html[dir="rtl"] .woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-total{text-align:left !important}
html[dir="rtl"] .woocommerce-checkout .corev-thumb{right:auto !important;left:auto !important}
html[dir="rtl"] .woocommerce-checkout table.woocommerce-checkout-review-order-table .cart_item td.product-name .product-quantity{padding-right:58px;padding-left:0}
html[dir="rtl"] .brand{text-align:right !important}
html[dir="rtl"] .nav{padding-right:48px;padding-left:0}
@media (max-width:820px){html[dir="rtl"] .nav{padding-right:0;padding-left:0}}
html[dir="rtl"] #cartDrawer .rw-node::after{right:50%;transform:translateX(50%) translateY(4px);left:auto}
html[dir="rtl"] #cartDrawer .rw-node:hover::after{transform:translateX(50%) translateY(0)}
html[dir="rtl"] #cartDrawer .rw-node:last-of-type::after{right:auto;left:-8px;text-align:left}
html[dir="rtl"] #cartDrawer .rw-node:first-of-type::after{right:50%;left:auto}
@media (max-width:760px){html[dir="rtl"] .hero-media img,html[dir="rtl"] .hero-media video{object-position:58% 22%}}
@media (max-width:760px){html[dir="rtl"] .hero-media::after{background-image:linear-gradient(-180deg,rgba(18,17,20,.05) 0%,rgba(18,17,20,.18) 22%,rgba(18,17,20,.72) 44%,rgba(18,17,20,.9) 62%,rgba(18,17,20,.96) 100%)}}
@media (max-width:767px){html[dir="rtl"] body.woocommerce-cart table.shop_table_responsive tr.cart_item td{text-align:right !important}}
@media (max-width:767px){html[dir="rtl"] body.woocommerce-cart tr.cart_item td.product-remove{text-align:left !important}}
@media (max-width:767px){html[dir="rtl"] body.woocommerce-cart tr.cart_item td.product-subtotal{text-align:left !important}}
@media (max-width:767px){html[dir="rtl"] body.woocommerce-cart .cart_totals table.shop_table_responsive tr td{text-align:left !important}}
html[dir="rtl"] .cosmo-gift-was{margin-left:4px;margin-right:0}
@media (max-width:767px){html[dir="rtl"] body.woocommerce-cart tr.cart_item td.product-name{padding-left:34px !important;padding-right:0 !important}}
@media (max-width:767px){html[dir="rtl"] body.woocommerce-cart tr.cart_item td.product-remove{left:-6px;right:auto}}
@media (max-width:767px){html[dir="rtl"] body.woocommerce-cart table.shop_table_responsive tr.cart_item td.product-name{padding-left:38px !important;padding-right:0 !important}}
html[dir="rtl"] .announce-deal{padding:0 14px 0 0 !important}
@media (max-width:760px){html[dir="rtl"] .announce-deal{padding-right:12px !important;padding-left:0 !important}}
html[dir="rtl"] .cosmo-reassure li{padding-right:20px;padding-left:0}
html[dir="rtl"] .cosmo-reassure li:before{right:0;left:auto}
html[dir="rtl"] .cosmo-ty-steps{padding-right:18px;padding-left:0}
html[dir="rtl"] .play-button{right:50%;transform:translate(50%, -50%);left:auto}
html[dir="rtl"] .video-modal{right:0;left:auto}
html[dir="rtl"] .close-modal{right:10px;left:auto}
html[dir="rtl"] .sticky-atc-bar{right:0;left:auto}
html[dir="rtl"] .wc_points_rewards_earn_points .woocommerce-info{padding-right:20px !important;padding-left:20px !important}
@media (min-width: 768px){html[dir="rtl"] .contribution-form-wrapper,html[dir="rtl"] .woocommerce-product-rating,html[dir="rtl"] .wc-pr-overall-rating{border-left:1px solid #eee;padding-left:20px;border-right:none;padding-right:0}}
@media (min-width: 768px){html[dir="rtl"] .contribution-form-wrapper,html[dir="rtl"] .woocommerce-product-rating,html[dir="rtl"] .wc-pr-overall-rating{border-left:1px solid #eee;padding-left:20px;border-right:none;padding-right:0}}
html[dir="rtl"] .star-rating-selector label.checkbox{margin:0 0 0 5px}
html[dir="rtl"] .star-rating-selector label.checkbox:hover::after{right:0;text-align:right;left:auto}
html[dir="rtl"] .woocommerce-MyAccount-content h2 + p{border-right:5px solid #942D00;border-left:none}
/* fix 12 (2026-10-26): points notice cut on the left at 390 px (a generated mirror rule set padding-left:0) */
html[dir="rtl"] .wc_points_rewards_earn_points .woocommerce-info,html[dir="rtl"] .cosmo-points-pill{padding-left:20px!important;padding-right:20px!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere;box-sizing:border-box;max-width:100%}
@media (max-width:760px){html[dir="rtl"] .wc_points_rewards_earn_points .woocommerce-info,html[dir="rtl"] .cosmo-points-pill{border-radius:16px!important;padding:14px 18px!important}}
/* fix 12 (2026-10-26): checkout error notice icon on the right in RTL (Essential Addons puts it at left:20px) */
html[dir="rtl"] .woocommerce-error,html[dir="rtl"] .woocommerce-message{padding-right:50px!important;padding-left:20px!important;text-align:right}
html[dir="rtl"] .woocommerce-error::before,html[dir="rtl"] .woocommerce-message::before{right:20px!important;left:auto!important}