/* ========================================================== RDMORA Commerce UI v0.1.0 Universal WooCommerce Blocks — Dark Base Presentation only. ========================================================== */ body.rdmora-commerce-ui { --rdmora-commerce-bg: #171b21; --rdmora-commerce-panel: #171d24; --rdmora-commerce-panel-soft: #11171d; --rdmora-commerce-field: #10161c; --rdmora-commerce-border: rgba(143, 195, 229, .15); --rdmora-commerce-border-strong: rgba(143, 195, 229, .26); --rdmora-commerce-text: #ffffff; --rdmora-commerce-muted: #94a6b6; --rdmora-commerce-accent: #3296d8; --rdmora-commerce-accent-hover: #42a5e6; --rdmora-commerce-success: #36b16b; --rdmora-commerce-danger: #e66060; color: var(--rdmora-commerce-text); } /* ========================================================== Universal Checkout Layout ========================================================== */ body.rdmora-commerce-ui--checkout .wp-block-woocommerce-checkout.wc-block-checkout { display: flex !important; flex-direction: row; align-items: flex-start; gap: 24px; width: min( calc(100% - 36px), 1180px ) !important; max-width: 1180px !important; margin: 52px auto 72px !important; padding: 0 !important; color: var(--rdmora-commerce-text); direction: rtl; box-sizing: border-box; } /* Customer / checkout fields panel */ body.rdmora-commerce-ui--checkout .wc-block-checkout__main { flex: 1 1 auto; width: auto !important; max-width: none !important; margin: 0 !important; padding: 28px !important; border: 1px solid var(--rdmora-commerce-border); border-radius: 16px; background: var(--rdmora-commerce-panel); box-sizing: border-box; } /* Order summary panel */ body.rdmora-commerce-ui--checkout .wc-block-checkout__sidebar { flex: 0 0 390px; width: 390px !important; max-width: 390px !important; margin: 0 !important; padding: 24px !important; border: 1px solid var(--rdmora-commerce-border); border-radius: 16px; background: var(--rdmora-commerce-panel); box-sizing: border-box; } /* ========================================================== Typography ========================================================== */ body.rdmora-commerce-ui--checkout .wc-block-components-title, body.rdmora-commerce-ui--checkout .wc-block-components-checkout-step__heading, body.rdmora-commerce-ui--checkout .wc-block-components-checkout-step__heading h2, body.rdmora-commerce-ui--checkout .wc-block-components-sidebar-layout h2, body.rdmora-commerce-ui--checkout .wc-block-components-sidebar-layout h3, body.rdmora-commerce-ui--checkout .wc-block-components-order-summary__button-text { color: var(--rdmora-commerce-text) !important; } body.rdmora-commerce-ui--checkout .wc-block-components-checkout-step__description, body.rdmora-commerce-ui--checkout .wc-block-components-address-card__address-section, body.rdmora-commerce-ui--checkout .wc-block-components-product-metadata, body.rdmora-commerce-ui--checkout .wc-block-components-product-details, body.rdmora-commerce-ui--checkout .wc-block-components-totals-item__description { color: var(--rdmora-commerce-muted) !important; } /* ========================================================== Checkout Sections ========================================================== */ body.rdmora-commerce-ui--checkout .wc-block-components-checkout-step { margin: 0 0 22px !important; padding: 0 0 22px !important; border-bottom: 1px solid var(--rdmora-commerce-border); } body.rdmora-commerce-ui--checkout .wc-block-components-checkout-step:last-child { border-bottom: 0; } /* ========================================================== Inputs / Selects / Textareas ========================================================== */ body.rdmora-commerce-ui--checkout .wc-block-components-text-input input, body.rdmora-commerce-ui--checkout .wc-block-components-combobox-control input, body.rdmora-commerce-ui--checkout .wc-block-components-textarea { min-height: 48px; border: 1px solid var(--rdmora-commerce-border-strong) !important; border-radius: 10px !important; background: var(--rdmora-commerce-field) !important; color: var(--rdmora-commerce-text) !important; box-shadow: none !important; } body.rdmora-commerce-ui--checkout .wc-block-components-textarea { padding: 12px !important; } body.rdmora-commerce-ui--checkout .wc-block-components-text-input label, body.rdmora-commerce-ui--checkout .wc-block-components-combobox-control label { color: var(--rdmora-commerce-muted) !important; } body.rdmora-commerce-ui--checkout .wc-block-components-text-input input:focus, body.rdmora-commerce-ui--checkout .wc-block-components-combobox-control input:focus, body.rdmora-commerce-ui--checkout .wc-block-components-textarea:focus { border-color: var(--rdmora-commerce-accent) !important; box-shadow: 0 0 0 1px var(--rdmora-commerce-accent) !important; outline: none !important; } /* ========================================================== Address / Payment / Radio Cards ========================================================== */ body.rdmora-commerce-ui--checkout .wc-block-components-address-card, body.rdmora-commerce-ui--checkout .wc-block-components-radio-control, body.rdmora-commerce-ui--checkout .wc-block-components-checkbox { border-color: var(--rdmora-commerce-border) !important; background: transparent; } body.rdmora-commerce-ui--checkout .wc-block-components-radio-control__option { border-color: var(--rdmora-commerce-border) !important; color: var(--rdmora-commerce-text); } body.rdmora-commerce-ui--checkout .wc-block-components-radio-control__option:hover { background: rgba(50, 150, 216, .06); } body.rdmora-commerce-ui--checkout .wc-block-components-radio-control__option-checked { background: rgba(50, 150, 216, .10); } body.rdmora-commerce-ui--checkout .wc-block-components-radio-control__label, body.rdmora-commerce-ui--checkout .wc-block-components-checkbox__label { color: var(--rdmora-commerce-text) !important; } /* ========================================================== Order Summary ========================================================== */ body.rdmora-commerce-ui--checkout .wc-block-components-order-summary, body.rdmora-commerce-ui--checkout .wc-block-components-order-summary-item, body.rdmora-commerce-ui--checkout .wc-block-components-totals-wrapper, body.rdmora-commerce-ui--checkout .wc-block-components-totals-item { border-color: var(--rdmora-commerce-border) !important; } body.rdmora-commerce-ui--checkout .wc-block-components-product-name, body.rdmora-commerce-ui--checkout .wc-block-components-totals-item__label, body.rdmora-commerce-ui--checkout .wc-block-components-totals-item__value, body.rdmora-commerce-ui--checkout .wc-block-components-product-price { color: var(--rdmora-commerce-text) !important; } body.rdmora-commerce-ui--checkout .wc-block-components-order-summary-item__quantity { background: var(--rdmora-commerce-accent) !important; color: #ffffff !important; } /* ========================================================== Coupon / Panels / Links ========================================================== */ body.rdmora-commerce-ui--checkout .wc-block-components-panel__button, body.rdmora-commerce-ui--checkout .wc-block-components-totals-coupon__button, body.rdmora-commerce-ui--checkout .wc-block-components-checkout-return-to-cart-button { color: #68bcef !important; } body.rdmora-commerce-ui--checkout .wc-block-components-panel__button:hover, body.rdmora-commerce-ui--checkout .wc-block-components-totals-coupon__button:hover { color: #8bd0f8 !important; } /* ========================================================== Place Order Button ========================================================== */ body.rdmora-commerce-ui--checkout .wc-block-components-checkout-place-order-button { min-height: 48px !important; border: 1px solid rgba(95, 190, 245, .25) !important; border-radius: 9px !important; background: var(--rdmora-commerce-accent) !important; color: #ffffff !important; font-weight: 700 !important; box-shadow: none !important; transition: background .2s ease, transform .2s ease; } body.rdmora-commerce-ui--checkout .wc-block-components-checkout-place-order-button:hover { background: var(--rdmora-commerce-accent-hover) !important; transform: translateY(-1px); } /* ========================================================== Notices / Errors ========================================================== */ body.rdmora-commerce-ui .wc-block-components-notice-banner { border: 1px solid var(--rdmora-commerce-border-strong) !important; border-radius: 10px; background: var(--rdmora-commerce-panel-soft) !important; color: var(--rdmora-commerce-text) !important; } body.rdmora-commerce-ui .wc-block-components-notice-banner.is-error { border-color: rgba(230, 96, 96, .38) !important; } /* ========================================================== Cart dark foundation Full visual polish comes after Checkout UAT. ========================================================== */ body.rdmora-commerce-ui--cart .wp-block-woocommerce-cart { width: min( calc(100% - 36px), 1180px ) !important; max-width: 1180px !important; margin: 52px auto 72px !important; color: var(--rdmora-commerce-text); } body.rdmora-commerce-ui--cart .wc-block-cart__main, body.rdmora-commerce-ui--cart .wc-block-cart__sidebar { border: 1px solid var(--rdmora-commerce-border); border-radius: 16px; background: var(--rdmora-commerce-panel); box-sizing: border-box; } /* ========================================================== Responsive ========================================================== */ @media (max-width: 980px) { body.rdmora-commerce-ui--checkout .wp-block-woocommerce-checkout.wc-block-checkout { display: block !important; width: min( calc(100% - 30px), 760px ) !important; margin-top: 36px !important; } body.rdmora-commerce-ui--checkout .wc-block-checkout__main, body.rdmora-commerce-ui--checkout .wc-block-checkout__sidebar { width: 100% !important; max-width: none !important; } body.rdmora-commerce-ui--checkout .wc-block-checkout__sidebar { margin-top: 20px !important; } } @media (max-width: 767px) { body.rdmora-commerce-ui--checkout .wp-block-woocommerce-checkout.wc-block-checkout { width: calc(100% - 24px) !important; margin: 24px auto 48px !important; } body.rdmora-commerce-ui--checkout .wc-block-checkout__main, body.rdmora-commerce-ui--checkout .wc-block-checkout__sidebar { padding: 18px !important; border-radius: 13px; } body.rdmora-commerce-ui--checkout .wc-block-components-checkout-step { margin-bottom: 18px !important; padding-bottom: 18px !important; } body.rdmora-commerce-ui--checkout .wc-block-components-checkout-place-order-button { width: 100%; } } /* ========================================================== CHECKOUT-UI-002C2 Cartless Checkout / Divi full-width shell ========================================================== */ body.rdmora-commerce-ui--checkout #sidebar { display: none !important; } body.rdmora-commerce-ui--checkout #main-content .container::before { display: none !important; } body.rdmora-commerce-ui--checkout #main-content .container { width: 100% !important; max-width: none !important; padding-inline: 0 !important; } body.rdmora-commerce-ui--checkout #left-area { float: none !important; width: 100% !important; padding: 0 !important; } body.rdmora-commerce-ui--checkout #main-content { background: var( --rdmora-commerce-bg, #171b21 ); } body.rdmora-commerce-ui--checkout .entry-content { width: 100% !important; max-width: none !important; } /* ========================================================== CHECKOUT-UI-002C3 Correct Woo Blocks inner sidebar layout. Presentation only. ========================================================== */ /* * The Woo Checkout block contains an inner * .wc-block-components-sidebar-layout wrapper. * That wrapper — not the outer Gutenberg block — * owns the Main + Order Summary columns. */ @media (min-width: 981px) { body.rdmora-commerce-ui--checkout .wp-block-woocommerce-checkout.wc-block-checkout { display: block !important; width: min( calc(100% - 36px), 1180px ) !important; max-width: 1180px !important; margin: 52px auto 72px !important; padding: 0 !important; } body.rdmora-commerce-ui--checkout .wc-block-components-sidebar-layout.wc-block-checkout { display: grid !important; grid-template-columns: minmax(0, 1fr) 360px !important; gap: 24px !important; align-items: start; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; direction: rtl; } body.rdmora-commerce-ui--checkout .wc-block-components-sidebar-layout .wc-block-checkout__main { grid-column: 1 !important; width: 100% !important; max-width: none !important; margin: 0 !important; } body.rdmora-commerce-ui--checkout .wc-block-components-sidebar-layout .wc-block-checkout__sidebar { grid-column: 2 !important; width: 100% !important; max-width: none !important; margin: 0 !important; position: sticky; top: 100px; } /* * Undo Woo's percentage-based desktop sizing. */ body.rdmora-commerce-ui--checkout .wc-block-components-main { width: 100% !important; padding-right: 0 !important; padding-left: 0 !important; } body.rdmora-commerce-ui--checkout .wc-block-components-sidebar { width: 100% !important; padding-right: 0 !important; padding-left: 0 !important; } } /* Tablet / Mobile stays single-column. */ @media (max-width: 980px) { body.rdmora-commerce-ui--checkout .wc-block-components-sidebar-layout.wc-block-checkout { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } body.rdmora-commerce-ui--checkout .wc-block-checkout__main, body.rdmora-commerce-ui--checkout .wc-block-checkout__sidebar { width: 100% !important; max-width: none !important; margin-inline: 0 !important; } body.rdmora-commerce-ui--checkout .wc-block-checkout__sidebar { position: static !important; margin-top: 20px !important; } } /* ========================================================== CHECKOUT-UI-002D Inline cart editing inside Checkout Order Summary. ========================================================== */ .rdmora-checkout-item-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; } .rdmora-checkout-quantity { display: inline-flex; align-items: center; min-height: 34px; border: 1px solid var(--rdmora-commerce-border-strong); border-radius: 8px; overflow: hidden; background: var(--rdmora-commerce-field); } .rdmora-checkout-qty-button { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; border: 0; background: transparent; color: var(--rdmora-commerce-text); font-size: 18px; font-weight: 700; line-height: 1; cursor: pointer; } .rdmora-checkout-qty-button:hover:not(:disabled) { background: rgba(50, 150, 216, .12); color: #6fc7fa; } .rdmora-checkout-qty-button:disabled { opacity: .35; cursor: not-allowed; } .rdmora-checkout-qty-value { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 34px; border-inline: 1px solid var(--rdmora-commerce-border); color: var(--rdmora-commerce-text); font-size: 13px; font-weight: 800; } .rdmora-checkout-remove-item { min-height: 34px; padding: 6px 10px; border: 1px solid rgba(230, 96, 96, .28); border-radius: 8px; background: rgba(230, 96, 96, .05); color: #ef8c8c; font-size: 12px; font-weight: 700; cursor: pointer; } .rdmora-checkout-remove-item:hover { border-color: rgba(230, 96, 96, .55); background: rgba(230, 96, 96, .10); } .rdmora-checkout-item-controls.is-busy { opacity: .55; pointer-events: none; } .rdmora-checkout-cancel-wrap { margin-top: 14px; } .rdmora-checkout-cancel-order { width: 100%; min-height: 40px; padding: 8px 12px; border: 1px solid rgba(230, 96, 96, .30); border-radius: 9px; background: transparent; color: #ef8c8c; font-size: 13px; font-weight: 700; cursor: pointer; } .rdmora-checkout-cancel-order:hover:not(:disabled) { background: rgba(230, 96, 96, .08); } .rdmora-checkout-cancel-order:disabled, .rdmora-checkout-cancel-order.is-busy { opacity: .5; cursor: wait; } /* Give editable summaries slightly more breathing room. */ @media (min-width: 981px) { body.rdmora-commerce-ui--checkout .wc-block-components-sidebar-layout.wc-block-checkout { grid-template-columns: minmax(0, 1fr) 390px !important; } } @media (max-width: 767px) { .rdmora-checkout-item-controls { align-items: stretch; } .rdmora-checkout-remove-item { flex: 1 1 auto; } } /* ========================================================== RDMORA EMPTY CHECKOUT UI v0.1.16 Scoped only to Woo Checkout Block empty state. ========================================================== */ body.rdmora-commerce-ui--checkout .wc-block-checkout-empty { width: min( calc(100% - 32px), 680px ); margin: 72px auto 88px !important; padding: 40px 32px !important; border: 1px solid var(--rdmora-commerce-border); border-radius: 16px; background: var(--rdmora-commerce-panel); color: var(--rdmora-commerce-text); text-align: center; box-sizing: border-box; } body.rdmora-commerce-ui--checkout .wc-block-checkout-empty__image { width: 82px !important; height: 82px !important; margin: 0 auto 22px !important; color: var(--rdmora-commerce-accent) !important; fill: currentColor !important; opacity: 1 !important; } /* * Woo's SVG contains a full-viewBox path with fill="none". * Never force that path to fill or the icon becomes a square. */ body.rdmora-commerce-ui--checkout .wc-block-checkout-empty__image svg { color: var(--rdmora-commerce-accent) !important; } body.rdmora-commerce-ui--checkout .wc-block-checkout-empty__image path:not([fill="none"]) { fill: currentColor !important; } body.rdmora-commerce-ui--checkout .wc-block-checkout-empty__image path[fill="none"] { fill: none !important; } body.rdmora-commerce-ui--checkout .wc-block-checkout-empty__title { display: block; margin: 0 0 12px !important; color: var(--rdmora-commerce-text) !important; font-size: 24px !important; font-weight: 700 !important; line-height: 1.5 !important; } body.rdmora-commerce-ui--checkout .wc-block-checkout-empty__description { max-width: 540px; margin: 0 auto 24px !important; color: var(--rdmora-commerce-muted) !important; font-size: 15px !important; line-height: 1.9 !important; } body.rdmora-commerce-ui--checkout .wc-block-checkout-empty .wp-block-button { margin: 0 !important; } body.rdmora-commerce-ui--checkout .wc-block-checkout-empty .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; min-width: 150px; min-height: 46px; padding: 10px 24px !important; border: 1px solid rgba(95, 190, 245, .25) !important; border-radius: 9px !important; background: var(--rdmora-commerce-accent) !important; color: #ffffff !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.4 !important; text-decoration: none !important; box-shadow: none !important; transition: background .2s ease, transform .2s ease; } body.rdmora-commerce-ui--checkout .wc-block-checkout-empty .wp-block-button__link:hover { background: var(--rdmora-commerce-accent-hover) !important; transform: translateY(-1px); } @media (max-width: 767px) { body.rdmora-commerce-ui--checkout .wc-block-checkout-empty { width: calc(100% - 24px); margin: 36px auto 52px !important; padding: 30px 20px !important; } body.rdmora-commerce-ui--checkout .wc-block-checkout-empty__image { width: 68px !important; height: 68px !important; } body.rdmora-commerce-ui--checkout .wc-block-checkout-empty__title { font-size: 21px !important; } body.rdmora-commerce-ui--checkout .wc-block-checkout-empty .wp-block-button, body.rdmora-commerce-ui--checkout .wc-block-checkout-empty .wp-block-button__link { width: 100%; } } /* ========================================================== RDMORA CHECKOUT CLASSIC NOTICE BRIDGE v0.1.18 Server-side Woo errors / informational notices. ========================================================== */ body.rdmora-commerce-ui--checkout .rdmora-checkout-classic-notices { width: min( calc(100% - 36px), 1180px ); margin: 28px auto -24px; padding: 0; box-sizing: border-box; } body.rdmora-commerce-ui--checkout .rdmora-checkout-classic-notices .woocommerce-error, body.rdmora-commerce-ui--checkout .rdmora-checkout-classic-notices .woocommerce-info, body.rdmora-commerce-ui--checkout .rdmora-checkout-classic-notices .woocommerce-message { margin: 0 !important; padding: 16px 18px !important; border: 1px solid var(--rdmora-commerce-border-strong) !important; border-radius: 10px !important; background: var(--rdmora-commerce-panel-soft) !important; color: var(--rdmora-commerce-text) !important; list-style: none !important; font-size: 14px !important; line-height: 1.8 !important; box-shadow: none !important; } body.rdmora-commerce-ui--checkout .rdmora-checkout-classic-notices .woocommerce-error { border-color: rgba(230, 96, 96, .48) !important; color: #ffb0b0 !important; } body.rdmora-commerce-ui--checkout .rdmora-checkout-classic-notices .woocommerce-error::before, body.rdmora-commerce-ui--checkout .rdmora-checkout-classic-notices .woocommerce-info::before, body.rdmora-commerce-ui--checkout .rdmora-checkout-classic-notices .woocommerce-message::before { display: none !important; } body.rdmora-commerce-ui--checkout .rdmora-checkout-classic-notices a { color: #68bcef !important; } @media (max-width: 767px) { body.rdmora-commerce-ui--checkout .rdmora-checkout-classic-notices { width: calc(100% - 24px); margin: 20px auto -12px; } } /* ========================================================== RDMORA CONFIRMED PACKAGE THANK-YOU UI v0.1.19 Designer confirmation layout — dark surface. ========================================================== */ body.rdmora-commerce-ui--package-thankyou #main-content { background: var(--rdmora-commerce-bg); } body.rdmora-commerce-ui--package-thankyou #main-content .container { width: min( calc(100% - 36px), 1180px ) !important; max-width: 1180px !important; padding-top: 0 !important; } body.rdmora-commerce-ui--package-thankyou #left-area { width: 100% !important; padding: 0 !important; float: none !important; } body.rdmora-commerce-ui--package-thankyou #sidebar { display: none !important; } body.rdmora-commerce-ui--package-thankyou #main-content .container::before { display: none !important; } body.rdmora-commerce-ui--package-thankyou .woocommerce-order { width: 100%; max-width: 760px; margin: 76px auto 96px; color: var(--rdmora-commerce-text); text-align: center; } /* * The custom surface is shown only after confirmed entitlement * activation, so the generic Woo summary can safely move to the * Orders area instead of duplicating the designer confirmation. */ body.rdmora-commerce-ui--package-thankyou .woocommerce-order > .woocommerce-thankyou-order-received, body.rdmora-commerce-ui--package-thankyou .woocommerce-order > .woocommerce-order-overview, body.rdmora-commerce-ui--package-thankyou .woocommerce-order > .woocommerce-bacs-bank-details, body.rdmora-commerce-ui--package-thankyou .woocommerce-order > .woocommerce-order-details, body.rdmora-commerce-ui--package-thankyou .woocommerce-order > .woocommerce-customer-details { display: none !important; } body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou { width: 100%; margin: 0 auto; color: var(--rdmora-commerce-text); text-align: center; } body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__status-icon { display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; margin: 0 auto 20px; border: 1px solid rgba(50, 150, 216, .28); border-radius: 50%; background: rgba(50, 150, 216, .11); color: var(--rdmora-commerce-accent); } body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__status-icon svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; } body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__title { margin: 0 0 10px !important; padding: 0 !important; color: var(--rdmora-commerce-text) !important; font-size: 34px !important; font-weight: 700 !important; line-height: 1.35 !important; } body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__description { max-width: 620px; margin: 0 auto 24px !important; color: var(--rdmora-commerce-muted) !important; font-size: 15px !important; line-height: 1.9 !important; } body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__actions { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 0 46px; } body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__button { display: inline-flex; align-items: center; justify-content: center; min-width: 142px; min-height: 46px; padding: 10px 20px; border-radius: 9px; font-size: 14px; font-weight: 700; line-height: 1.4; text-decoration: none !important; transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; } body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__button--primary { border: 1px solid rgba(95, 190, 245, .25); background: var(--rdmora-commerce-accent); color: #ffffff !important; } body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__button--primary:hover { background: var(--rdmora-commerce-accent-hover); transform: translateY(-1px); } body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__button--secondary { border: 1px solid var(--rdmora-commerce-border-strong); background: transparent; color: var(--rdmora-commerce-text) !important; } body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__button--secondary:hover { border-color: rgba(95, 190, 245, .42); color: #8bd0f8 !important; } body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__courses { width: min( 100%, 640px ); margin: 0 auto; text-align: start; } body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__courses-title { margin: 0 0 14px !important; padding: 0 !important; color: var(--rdmora-commerce-text) !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.5 !important; } body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__course-list { overflow: hidden; border: 1px solid var(--rdmora-commerce-border); border-radius: 12px; background: var(--rdmora-commerce-panel); } body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__course { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 58px; padding: 13px 18px; border-bottom: 1px solid var(--rdmora-commerce-border); } body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__course:last-child { border-bottom: 0; } body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__course-name { color: var(--rdmora-commerce-text); font-size: 14px; font-weight: 500; line-height: 1.7; } body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__course-link { flex: 0 0 auto; color: #68bcef !important; font-size: 14px; font-weight: 700; text-decoration: none !important; } body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__course-link:hover { color: #8bd0f8 !important; } @media (max-width: 767px) { body.rdmora-commerce-ui--package-thankyou .woocommerce-order { width: calc(100% - 24px); margin: 46px auto 64px; } body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__status-icon { width: 50px; height: 50px; margin-bottom: 18px; } body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__title { font-size: 27px !important; } body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__description { font-size: 14px !important; line-height: 1.85 !important; margin-bottom: 22px !important; } body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__actions { flex-direction: column; gap: 10px; margin-bottom: 38px; } body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__button { width: 100%; max-width: 320px; } body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__courses-title { font-size: 17px !important; } body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__course { gap: 14px; padding: 13px 14px; } body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__course-name { font-size: 13px; } } /* ========================================================== RDMORA PACKAGE THANK-YOU BLOCK SHELL v0.1.20 Root Checkout Block replacement on confirmed package order. ========================================================== */ body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou-shell { width: 100%; max-width: 760px; margin: 76px auto 96px; padding: 0; box-sizing: border-box; color: var(--rdmora-commerce-text); } @media (max-width: 767px) { body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou-shell { width: calc(100% - 24px); margin: 46px auto 64px; } } /* ========================================================== RDMORA VIEW ORDER DARK UI v0.1.22 Scoped to WooCommerce My Account -> View Order. ========================================================== */ body.rdmora-commerce-ui--view-order .woocommerce-MyAccount-content { color: var(--rdmora-commerce-text); } /* ---------------------------------------------------------- Order status intro ---------------------------------------------------------- */ body.rdmora-commerce-ui--view-order .woocommerce-MyAccount-content > p:first-child { margin: 0 0 26px !important; padding: 15px 18px; border: 1px solid var(--rdmora-commerce-border); border-radius: 10px; background: var(--rdmora-commerce-panel-soft); color: var(--rdmora-commerce-muted); font-size: 14px; line-height: 1.9; } body.rdmora-commerce-ui--view-order .woocommerce-MyAccount-content > p:first-child mark { padding: 0; background: transparent; color: var(--rdmora-commerce-text); font-weight: 700; } /* ---------------------------------------------------------- Order details ---------------------------------------------------------- */ body.rdmora-commerce-ui--view-order .woocommerce-order-details { margin: 0; } body.rdmora-commerce-ui--view-order .woocommerce-order-details__title { margin: 0 0 16px !important; padding: 0 !important; color: var(--rdmora-commerce-text) !important; font-size: 24px !important; font-weight: 700 !important; line-height: 1.45 !important; } body.rdmora-commerce-ui--view-order .woocommerce-table--order-details { width: 100%; margin: 0 !important; border: 1px solid var(--rdmora-commerce-border) !important; border-collapse: separate !important; border-spacing: 0 !important; border-radius: 12px; overflow: hidden; background: var(--rdmora-commerce-panel); color: var(--rdmora-commerce-text); box-shadow: none !important; } body.rdmora-commerce-ui--view-order .woocommerce-table--order-details thead th { padding: 15px 18px !important; border: 0 !important; border-bottom: 1px solid var(--rdmora-commerce-border) !important; background: var(--rdmora-commerce-panel-soft); color: var(--rdmora-commerce-text) !important; font-size: 14px; font-weight: 700; text-align: start !important; } body.rdmora-commerce-ui--view-order .woocommerce-table--order-details tbody td, body.rdmora-commerce-ui--view-order .woocommerce-table--order-details tfoot th, body.rdmora-commerce-ui--view-order .woocommerce-table--order-details tfoot td { padding: 15px 18px !important; border: 0 !important; border-bottom: 1px solid var(--rdmora-commerce-border) !important; background: transparent !important; color: var(--rdmora-commerce-text) !important; font-size: 14px; line-height: 1.7; text-align: start !important; } body.rdmora-commerce-ui--view-order .woocommerce-table--order-details tfoot th { width: 42%; background: var(--rdmora-commerce-panel-soft) !important; font-weight: 700; } body.rdmora-commerce-ui--view-order .woocommerce-table--order-details tr:last-child th, body.rdmora-commerce-ui--view-order .woocommerce-table--order-details tr:last-child td { border-bottom: 0 !important; } body.rdmora-commerce-ui--view-order .woocommerce-table--order-details a { color: #68bcef !important; text-decoration: none !important; } body.rdmora-commerce-ui--view-order .woocommerce-table--order-details a:hover { color: #8bd0f8 !important; } /* ---------------------------------------------------------- Billing / shipping details ---------------------------------------------------------- */ body.rdmora-commerce-ui--view-order .woocommerce-customer-details { margin: 30px 0 0 !important; } body.rdmora-commerce-ui--view-order .woocommerce-customer-details .woocommerce-column__title { margin: 0 0 14px !important; padding: 0 !important; color: var(--rdmora-commerce-text) !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.5 !important; } body.rdmora-commerce-ui--view-order .woocommerce-customer-details address { margin: 0 !important; padding: 20px 22px !important; border: 1px solid var(--rdmora-commerce-border) !important; border-radius: 12px; background: var(--rdmora-commerce-panel) !important; color: var(--rdmora-commerce-muted) !important; font-style: normal !important; font-size: 14px; line-height: 2; text-align: start; box-shadow: none !important; } body.rdmora-commerce-ui--view-order .woocommerce-customer-details address p { margin: 8px 0 0 !important; padding: 0 !important; } body.rdmora-commerce-ui--view-order .woocommerce-customer-details--email, body.rdmora-commerce-ui--view-order .woocommerce-customer-details--phone { color: #9ab3c7 !important; } /* ---------------------------------------------------------- Prevent legacy table decoration from Divi / Woo. ---------------------------------------------------------- */ body.rdmora-commerce-ui--view-order .woocommerce-table--order-details ::before, body.rdmora-commerce-ui--view-order .woocommerce-table--order-details ::after { box-shadow: none !important; } /* ================================================== * RDMORA ENGLISH CHECKOUT LTR v0.1.25-dev * * Woo Checkout Blocks inherit RTL from the Arabic-first * site shell. English checkout explicitly restores the * native WooCommerce LTR layout without touching Arabic. * ================================================== */ html[lang^="en"] body.woocommerce-checkout .wp-block-woocommerce-checkout, html[lang^="en"] body.woocommerce-checkout .wc-block-checkout, html[lang^="en"] body.woocommerce-checkout .wc-block-components-sidebar-layout, html[lang^="en"] body.woocommerce-checkout .wc-block-checkout__main, html[lang^="en"] body.woocommerce-checkout .wc-block-checkout__sidebar, html[lang^="en"] body.woocommerce-checkout .wc-block-components-address-form, html[lang^="en"] body.woocommerce-checkout .wc-block-components-form, html[lang^="en"] body.woocommerce-checkout .wc-block-components-order-summary, html[lang^="en"] body.woocommerce-checkout .wc-block-components-totals-wrapper, html[lang^="en"] body.woocommerce-checkout .wc-block-components-radio-control, html[lang^="en"] body.woocommerce-checkout .wc-block-checkout__payment-method, html[lang^="en"] body.woocommerce-checkout .wc-block-checkout__additional-fields { direction: ltr !important; } /* * Let Woo's normal flex/grid ordering work from the * left edge in English: * * Main checkout form = left * Order summary = right */ html[lang^="en"] body.woocommerce-checkout .wc-block-components-sidebar-layout { direction: ltr !important; } /* * Titles and ordinary field labels follow the current * language direction rather than the Arabic theme shell. */ html[lang^="en"] body.woocommerce-checkout .wc-block-components-checkout-step__heading, html[lang^="en"] body.woocommerce-checkout .wc-block-components-checkout-step__title, html[lang^="en"] body.woocommerce-checkout .wc-block-components-title, html[lang^="en"] body.woocommerce-checkout .wc-block-components-order-summary__button-text, html[lang^="en"] body.woocommerce-checkout .wc-block-components-totals-item__label, html[lang^="en"] body.woocommerce-checkout .wc-block-components-text-input label { text-align: start !important; } /* * User-entered English checkout data. */ html[lang^="en"] body.woocommerce-checkout .wc-block-components-text-input input, html[lang^="en"] body.woocommerce-checkout .wc-block-components-textarea, html[lang^="en"] body.woocommerce-checkout select { direction: ltr !important; text-align: start !important; } /* * Product summary rows must also use English flow. */ html[lang^="en"] body.woocommerce-checkout .wc-block-components-order-summary-item, html[lang^="en"] body.woocommerce-checkout .wc-block-components-order-summary-item__description, html[lang^="en"] body.woocommerce-checkout .wc-block-components-product-name { direction: ltr !important; text-align: start !important; } /* * Coupon and checkout footer areas. */ html[lang^="en"] body.woocommerce-checkout .wc-block-components-totals-coupon, html[lang^="en"] body.woocommerce-checkout .wc-block-checkout__terms, html[lang^="en"] body.woocommerce-checkout .wc-block-checkout__actions { direction: ltr !important; } /* ================================================== * RDMORA ORDER RECEIVED UI v0.1 * * Classic WooCommerce order-received surface. * Confirmed RDMORA package thank-you UI is excluded. * ================================================== */ body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) #main-content .container { width: 90% !important; max-width: 1180px !important; padding-top: 48px !important; padding-bottom: 64px !important; } /* Remove Divi classic sidebar from order received. */ body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) #main-content .container::before { display: none !important; } body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) #left-area { width: 100% !important; float: none !important; padding: 0 !important; } body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) #sidebar { display: none !important; } /* Main order surface */ body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) .woocommerce-order { width: 100%; color: #dbe7f3; font-size: 15px; line-height: 1.65; } /* Thank-you message */ body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) .woocommerce-thankyou-order-received { margin: 0 0 24px; color: #ffffff !important; font-size: 18px; font-weight: 600; line-height: 1.5; } /* Order metadata */ body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) ul.woocommerce-order-overview { display: grid !important; grid-template-columns: repeat( auto-fit, minmax(150px, 1fr) ); gap: 12px; margin: 0 0 32px !important; padding: 0 !important; list-style: none !important; } body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) ul.woocommerce-order-overview li { float: none !important; width: auto !important; margin: 0 !important; padding: 14px 16px !important; border: 1px solid #2d3c49 !important; border-radius: 10px; background: #111a22; color: #9fb0bf !important; font-size: 12px !important; line-height: 1.45; text-transform: none !important; } body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) ul.woocommerce-order-overview li strong { display: block; margin-top: 5px; color: #ffffff !important; font-size: 15px !important; font-weight: 600; line-height: 1.45; } /* On-hold / payment messages */ body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) .woocommerce-order > p { margin: 20px 0 !important; color: #dbe7f3 !important; font-size: 15px; line-height: 1.7; } /* Section headings */ body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) .woocommerce-order h2, body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) .woocommerce-order h3 { margin: 34px 0 16px !important; color: #ffffff !important; font-weight: 700 !important; line-height: 1.3; } body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) .woocommerce-order h2 { font-size: 26px !important; } /* Order details table */ body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) table.woocommerce-table--order-details { width: 100% !important; margin: 0 0 34px !important; border: 1px solid #30414f !important; border-collapse: separate !important; border-spacing: 0 !important; border-radius: 12px; overflow: hidden; background: #101820; color: #dbe7f3 !important; } body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) table.woocommerce-table--order-details th, body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) table.woocommerce-table--order-details td { padding: 15px 16px !important; border: 0 !important; border-bottom: 1px solid #293945 !important; color: #dbe7f3 !important; font-size: 14px !important; line-height: 1.5; } body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) table.woocommerce-table--order-details thead th { background: #16212a; color: #aebdca !important; font-size: 13px !important; font-weight: 600 !important; } body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) table.woocommerce-table--order-details tbody td { color: #ffffff !important; } body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) table.woocommerce-table--order-details tfoot th { color: #9fb0bf !important; font-weight: 600 !important; } body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) table.woocommerce-table--order-details tfoot td { color: #ffffff !important; font-weight: 700 !important; } body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) table.woocommerce-table--order-details tr:last-child th, body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) table.woocommerce-table--order-details tr:last-child td { border-bottom: 0 !important; } /* Billing / customer details */ body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) .woocommerce-customer-details { margin-top: 30px !important; } body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) .woocommerce-customer-details address { margin: 0 !important; padding: 20px !important; border: 1px solid #2d3c49 !important; border-radius: 12px !important; background: #111a22; color: #dbe7f3 !important; font-size: 14px; line-height: 1.8; } body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) .woocommerce-customer-details address p { color: #dbe7f3 !important; } /* Language direction */ html[lang^="en"] body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) .woocommerce-order { direction: ltr; text-align: left; } html[dir="rtl"] body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) .woocommerce-order { direction: rtl; text-align: right; } /* Logical table alignment */ body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) .woocommerce-table__product-name { text-align: start !important; } body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) .woocommerce-table__product-total { text-align: end !important; } /* Mobile */ @media (max-width: 767px) { body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) #main-content .container { width: 92% !important; padding-top: 28px !important; } body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) ul.woocommerce-order-overview { grid-template-columns: 1fr !important; } body.rdmora-commerce-ui--order-received:not(.rdmora-commerce-ui--package-thankyou) .woocommerce-order h2 { font-size: 22px !important; } } /* ========================================================== RDMORA MY ACCOUNT DARK UI v0.1.27-dev Authenticated WooCommerce My Account only. AR: navigation = right content = left RTL EN: navigation = left content = right LTR Login/Register view is intentionally excluded. ========================================================== */ /* ---------------------------------------------------------- Design tokens ---------------------------------------------------------- */ body.woocommerce-account:not(.entawa-login-view) { --rdmora-account-bg: #0d0f12; --rdmora-account-panel: #11171f; --rdmora-account-panel-soft: #161e27; --rdmora-account-panel-hover: #1b2631; --rdmora-account-border: #2b3947; --rdmora-account-border-soft: rgba(255,255,255,.07); --rdmora-account-text: #f4f7fa; --rdmora-account-muted: #a7b4c1; --rdmora-account-muted-2: #7f8d9b; --rdmora-account-blue: #338fd4; --rdmora-account-blue-hover: #46a2e5; --rdmora-account-danger: #f87171; --rdmora-account-radius: 12px; } /* ---------------------------------------------------------- Overall Woo account layout ---------------------------------------------------------- */ body.woocommerce-account:not(.entawa-login-view) .woocommerce { width: 100%; max-width: 1180px; margin: 0 auto; color: var(--rdmora-account-text); } /* * Remove Woo's historical floats. */ body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation, body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content { float: none !important; box-sizing: border-box; } /* * English: * navigation left / content right. */ html[lang^="en"] body.woocommerce-account:not(.entawa-login-view) .woocommerce { display: grid; grid-template-columns: minmax(220px, 270px) minmax(0, 1fr); column-gap: 34px; align-items: start; } html[lang^="en"] body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation { grid-column: 1; direction: ltr; text-align: left; } html[lang^="en"] body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content { grid-column: 2; direction: ltr; text-align: left; } /* * Arabic: * content left / navigation right. */ html[dir="rtl"] body.woocommerce-account:not(.entawa-login-view) .woocommerce { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, 270px); column-gap: 34px; align-items: start; } html[dir="rtl"] body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation { grid-column: 2; direction: rtl; text-align: right; } html[dir="rtl"] body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content { grid-column: 1; direction: rtl; text-align: right; } /* * Notices must remain full width if Woo places them * beside navigation/content. */ body.woocommerce-account:not(.entawa-login-view) .woocommerce > .woocommerce-notices-wrapper, body.woocommerce-account:not(.entawa-login-view) .woocommerce > .woocommerce-message, body.woocommerce-account:not(.entawa-login-view) .woocommerce > .woocommerce-error, body.woocommerce-account:not(.entawa-login-view) .woocommerce > .woocommerce-info { grid-column: 1 / -1; } /* ---------------------------------------------------------- Navigation card ---------------------------------------------------------- */ body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation { width: 100% !important; margin: 0 !important; padding: 10px; border: 1px solid var(--rdmora-account-border); border-radius: 14px; background: var(--rdmora-account-panel); box-shadow: 0 16px 40px rgba(0,0,0,.16); } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation ul { margin: 0 !important; padding: 0 !important; list-style: none !important; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation li { margin: 0 !important; padding: 0 !important; border: 0 !important; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation li + li { margin-top: 4px !important; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation a { display: flex; align-items: center; min-height: 46px; padding: 11px 14px; border: 1px solid transparent; border-radius: 9px; color: var(--rdmora-account-muted) !important; font-size: 14px; font-weight: 600; line-height: 1.45; text-decoration: none !important; transition: background .18s ease, border-color .18s ease, color .18s ease; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation a:hover { border-color: var(--rdmora-account-border); background: var(--rdmora-account-panel-hover); color: #ffffff !important; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation .is-active > a { border-color: rgba(51,143,212,.55); background: rgba(51,143,212,.13); color: #ffffff !important; box-shadow: inset 3px 0 0 var(--rdmora-account-blue); } html[dir="rtl"] body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation .is-active > a { box-shadow: inset -3px 0 0 var(--rdmora-account-blue); } /* * Logout gets a subtle separation. */ body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout { margin-top: 10px !important; padding-top: 10px !important; border-top: 1px solid var(--rdmora-account-border-soft) !important; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout a { color: #f0a2a2 !important; } /* ---------------------------------------------------------- Main content ---------------------------------------------------------- */ body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content { width: 100% !important; min-width: 0; padding: 0 !important; color: var(--rdmora-account-text); } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content h1, body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content h2, body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content h3, body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content h4 { color: var(--rdmora-account-text) !important; font-weight: 700; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content h2 { font-size: 26px !important; line-height: 1.35 !important; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content h3 { font-size: 20px !important; line-height: 1.4 !important; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content p { color: var(--rdmora-account-muted); line-height: 1.75; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content a { color: #64afe6; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content a:hover { color: #8bc8f2; } /* ---------------------------------------------------------- ENTAWA custom account section headers ---------------------------------------------------------- */ body.woocommerce-account:not(.entawa-login-view) .entawa-account-section { width: 100%; color: var(--rdmora-account-text); } body.woocommerce-account:not(.entawa-login-view) .entawa-account-section-header { margin: 0 0 24px; } body.woocommerce-account:not(.entawa-login-view) .entawa-account-section-header h2 { margin: 0 0 8px !important; padding: 0 !important; color: var(--rdmora-account-text) !important; font-size: 27px !important; font-weight: 700 !important; } body.woocommerce-account:not(.entawa-login-view) .entawa-account-section-header p { margin: 0 !important; color: var(--rdmora-account-muted) !important; font-size: 14px; line-height: 1.7; } body.woocommerce-account:not(.entawa-login-view) .entawa-account-divider { width: 100%; height: 1px; margin: 0 0 28px; background: var(--rdmora-account-border-soft); } /* ---------------------------------------------------------- Forms ---------------------------------------------------------- */ body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content form { color: var(--rdmora-account-text); } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content .form-row { margin-bottom: 18px !important; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content label { display: block; margin-bottom: 7px; color: #dbe4ec !important; font-size: 13px; font-weight: 600; line-height: 1.5; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content .required { color: var(--rdmora-account-danger) !important; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content input.input-text, body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content input[type="text"], body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content input[type="email"], body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content input[type="tel"], body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content input[type="password"], body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content select, body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content textarea { width: 100%; min-height: 46px; box-sizing: border-box; padding: 11px 13px !important; border: 1px solid var(--rdmora-account-border) !important; border-radius: 9px !important; outline: none; background: #0e141b !important; color: var(--rdmora-account-text) !important; font-size: 14px !important; line-height: 1.5; box-shadow: none !important; color-scheme: dark; } html[lang^="en"] body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content input, html[lang^="en"] body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content select, html[lang^="en"] body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content textarea { direction: ltr; text-align: left; } html[dir="rtl"] body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content input, html[dir="rtl"] body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content select, html[dir="rtl"] body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content textarea { direction: rtl; text-align: right; } /* * Phone/email-like values remain naturally readable. */ html[dir="rtl"] body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content input[type="email"], html[dir="rtl"] body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content input[type="tel"] { direction: ltr; text-align: right; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content input:focus, body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content select:focus, body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content textarea:focus { border-color: var(--rdmora-account-blue) !important; background: #111922 !important; box-shadow: 0 0 0 3px rgba(51,143,212,.12) !important; } /* ---------------------------------------------------------- Buttons ---------------------------------------------------------- */ body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content .button, body.woocommerce-account:not(.entawa-login-view) .entawa-upload-photo-button { display: inline-flex !important; align-items: center; justify-content: center; min-height: 42px; padding: 9px 17px !important; border: 1px solid var(--rdmora-account-blue) !important; border-radius: 8px !important; background: var(--rdmora-account-blue) !important; color: #ffffff !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.3 !important; text-decoration: none !important; box-shadow: none !important; cursor: pointer; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content .button:hover, body.woocommerce-account:not(.entawa-login-view) .entawa-upload-photo-button:hover { border-color: var(--rdmora-account-blue-hover) !important; background: var(--rdmora-account-blue-hover) !important; color: #ffffff !important; } /* ---------------------------------------------------------- Profile photo ---------------------------------------------------------- */ body.woocommerce-account:not(.entawa-login-view) .entawa-profile-photo-row { display: flex; align-items: center; gap: 22px; margin: 0 0 30px; padding: 20px; border: 1px solid var(--rdmora-account-border); border-radius: var(--rdmora-account-radius); background: var(--rdmora-account-panel); } body.woocommerce-account:not(.entawa-login-view) .entawa-profile-photo-preview { flex: 0 0 auto; } body.woocommerce-account:not(.entawa-login-view) .entawa-profile-photo-preview img { display: block; width: 92px; height: 92px; border: 2px solid #344657; border-radius: 50%; object-fit: cover; background: #0a0f14; } body.woocommerce-account:not(.entawa-login-view) .entawa-profile-photo-content { flex: 1; min-width: 0; } body.woocommerce-account:not(.entawa-login-view) .entawa-profile-photo-title { margin-bottom: 5px; color: var(--rdmora-account-text); font-size: 16px; font-weight: 700; } body.woocommerce-account:not(.entawa-login-view) .entawa-profile-photo-description { margin-bottom: 13px; color: var(--rdmora-account-muted); font-size: 13px; line-height: 1.6; } body.woocommerce-account:not(.entawa-login-view) .entawa-profile-photo-actions { display: flex; flex-wrap: wrap; gap: 10px; } body.woocommerce-account:not(.entawa-login-view) .entawa-remove-photo-button { min-height: 42px; padding: 9px 16px; border: 1px solid #4a3439; border-radius: 8px; background: rgba(130,46,59,.15); color: #f5a4ad; font-weight: 600; cursor: pointer; } /* ---------------------------------------------------------- Language selector ---------------------------------------------------------- */ body.woocommerce-account:not(.entawa-login-view) .entawa-language-options { display: grid; grid-template-columns: repeat( 2, minmax(0, 1fr) ); gap: 12px; } body.woocommerce-account:not(.entawa-login-view) .entawa-language-option { display: flex; align-items: center; justify-content: space-between; min-height: 62px; padding: 14px 16px; border: 1px solid var(--rdmora-account-border); border-radius: 10px; background: var(--rdmora-account-panel); color: var(--rdmora-account-text) !important; text-decoration: none !important; } body.woocommerce-account:not(.entawa-login-view) .entawa-language-option:hover { border-color: #40576b; background: var(--rdmora-account-panel-hover); } body.woocommerce-account:not(.entawa-login-view) .entawa-language-option.is-active { border-color: var(--rdmora-account-blue); background: rgba(51,143,212,.11); box-shadow: 0 0 0 1px rgba(51,143,212,.12); } body.woocommerce-account:not(.entawa-login-view) .entawa-language-name { color: var(--rdmora-account-text); font-weight: 600; } body.woocommerce-account:not(.entawa-login-view) .entawa-language-selected { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: var(--rdmora-account-blue); color: #ffffff; font-size: 13px; font-weight: 700; } /* ---------------------------------------------------------- Security ---------------------------------------------------------- */ body.woocommerce-account:not(.entawa-login-view) .entawa-security-section > h3 { margin: 0 0 7px !important; } body.woocommerce-account:not(.entawa-login-view) .entawa-section-description { margin: 0 0 24px !important; color: var(--rdmora-account-muted) !important; } body.woocommerce-account:not(.entawa-login-view) .entawa-security-form { max-width: 680px; } body.woocommerce-account:not(.entawa-login-view) .entawa-security-actions { margin-top: 24px !important; } /* ---------------------------------------------------------- Woo addresses ---------------------------------------------------------- */ body.woocommerce-account:not(.entawa-login-view) .woocommerce-Addresses { display: grid; grid-template-columns: repeat( 2, minmax(0, 1fr) ); gap: 18px; margin-top: 24px; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-Address { float: none !important; width: auto !important; margin: 0 !important; padding: 20px; border: 1px solid var(--rdmora-account-border); border-radius: var(--rdmora-account-radius); background: var(--rdmora-account-panel); } body.woocommerce-account:not(.entawa-login-view) .woocommerce-Address-title h2, body.woocommerce-account:not(.entawa-login-view) .woocommerce-Address-title h3 { color: var(--rdmora-account-text) !important; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-Address address { color: var(--rdmora-account-muted); font-style: normal; line-height: 1.8; } /* ---------------------------------------------------------- Woo tables: Orders / Subscription / View Order ---------------------------------------------------------- */ body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content table.shop_table { width: 100% !important; margin: 20px 0 0 !important; border: 1px solid var(--rdmora-account-border) !important; border-collapse: separate !important; border-spacing: 0 !important; border-radius: 12px; overflow: hidden; background: var(--rdmora-account-panel); color: var(--rdmora-account-text) !important; box-shadow: none !important; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content table.shop_table th { padding: 14px 16px !important; border: 0 !important; border-bottom: 1px solid var(--rdmora-account-border) !important; background: var(--rdmora-account-panel-soft); color: #e8eef4 !important; font-size: 13px; font-weight: 700; text-align: start !important; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content table.shop_table td { padding: 14px 16px !important; border: 0 !important; border-bottom: 1px solid var(--rdmora-account-border-soft) !important; background: transparent; color: var(--rdmora-account-muted) !important; text-align: start !important; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content table.shop_table tbody tr:last-child td { border-bottom: 0 !important; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content table.shop_table strong { color: var(--rdmora-account-text) !important; } /* ---------------------------------------------------------- Woo notices ---------------------------------------------------------- */ body.woocommerce-account:not(.entawa-login-view) .woocommerce-message, body.woocommerce-account:not(.entawa-login-view) .woocommerce-info, body.woocommerce-account:not(.entawa-login-view) .woocommerce-error { margin: 0 0 24px !important; padding: 15px 18px !important; border: 1px solid var(--rdmora-account-border) !important; border-radius: 10px; background: var(--rdmora-account-panel-soft) !important; color: var(--rdmora-account-text) !important; line-height: 1.6; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-message { border-color: rgba(46,160,82,.4) !important; background: rgba(24,85,43,.25) !important; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-error { border-color: rgba(220,75,75,.4) !important; background: rgba(100,30,37,.25) !important; } /* ---------------------------------------------------------- Select2 country/address controls ---------------------------------------------------------- */ body.woocommerce-account:not(.entawa-login-view) .select2-container .select2-selection--single { height: 46px !important; border: 1px solid var(--rdmora-account-border) !important; border-radius: 9px !important; background: #0e141b !important; color: var(--rdmora-account-text) !important; } body.woocommerce-account:not(.entawa-login-view) .select2-container .select2-selection--single .select2-selection__rendered { padding: 8px 13px !important; color: var(--rdmora-account-text) !important; line-height: 28px !important; } /* ---------------------------------------------------------- RTL/LTR logical alignment for custom elements ---------------------------------------------------------- */ html[lang^="en"] body.woocommerce-account:not(.entawa-login-view) .entawa-account-section, html[lang^="en"] body.woocommerce-account:not(.entawa-login-view) .entawa-profile-photo-row, html[lang^="en"] body.woocommerce-account:not(.entawa-login-view) .entawa-language-options { direction: ltr; text-align: left; } html[dir="rtl"] body.woocommerce-account:not(.entawa-login-view) .entawa-account-section, html[dir="rtl"] body.woocommerce-account:not(.entawa-login-view) .entawa-profile-photo-row, html[dir="rtl"] body.woocommerce-account:not(.entawa-login-view) .entawa-language-options { direction: rtl; text-align: right; } /* ---------------------------------------------------------- Tablet ---------------------------------------------------------- */ @media (max-width: 980px) { html[lang^="en"] body.woocommerce-account:not(.entawa-login-view) .woocommerce, html[dir="rtl"] body.woocommerce-account:not(.entawa-login-view) .woocommerce { grid-template-columns: 1fr; row-gap: 24px; } html[lang^="en"] body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation, html[dir="rtl"] body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation { grid-column: 1; grid-row: 1; } html[lang^="en"] body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content, html[dir="rtl"] body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content { grid-column: 1; grid-row: 2; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation ul { display: flex; flex-wrap: wrap; gap: 6px; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation li { flex: 1 1 140px; margin: 0 !important; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout { margin: 0 !important; padding: 0 !important; border: 0 !important; } } /* ---------------------------------------------------------- Mobile ---------------------------------------------------------- */ @media (max-width: 767px) { body.woocommerce-account:not(.entawa-login-view) .woocommerce { width: 100%; row-gap: 20px; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation { padding: 8px; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation ul { display: grid; grid-template-columns: repeat( 2, minmax(0,1fr) ); gap: 6px; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation li { min-width: 0; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation a { justify-content: center; padding: 9px 8px; font-size: 12px; text-align: center; } body.woocommerce-account:not(.entawa-login-view) .entawa-account-section-header h2 { font-size: 23px !important; } body.woocommerce-account:not(.entawa-login-view) .entawa-profile-photo-row { flex-direction: column; align-items: flex-start; } body.woocommerce-account:not(.entawa-login-view) .entawa-language-options, body.woocommerce-account:not(.entawa-login-view) .woocommerce-Addresses { grid-template-columns: 1fr; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content table.shop_table { font-size: 13px; } body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content table.shop_table th, body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content table.shop_table td { padding: 11px 12px !important; } } /* ========================================================== RDMORA MY ACCOUNT GRID DIRECTION v0.1.29-dev Divi body layout #1255 carries direction:rtl globally. Override only the authenticated WooCommerce account grid according to the active document language. ========================================================== */ html[lang^="en"] body.woocommerce-account:not(.entawa-login-view) .woocommerce { direction: ltr !important; } html[dir="rtl"] body.woocommerce-account:not(.entawa-login-view) .woocommerce { direction: rtl !important; } /* * Explicit physical placement after direction normalization. */ html[lang^="en"] body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation { grid-column: 1 !important; direction: ltr !important; text-align: left !important; } html[lang^="en"] body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content { grid-column: 2 !important; direction: ltr !important; text-align: left !important; } html[dir="rtl"] body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation { grid-column: 1 !important; direction: rtl !important; text-align: right !important; } html[dir="rtl"] body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content { grid-column: 2 !important; direction: rtl !important; text-align: right !important; } /* * With RTL grid direction, logical column 1 is the right * physical column and column 2 is the left physical column. * * Therefore: * AR -> navigation right / content left. * EN -> navigation left / content right. */ /* Tablet/mobile remain stacked. */ @media (max-width: 980px) { html[lang^="en"] body.woocommerce-account:not(.entawa-login-view) .woocommerce, html[dir="rtl"] body.woocommerce-account:not(.entawa-login-view) .woocommerce { direction: inherit !important; } html[lang^="en"] body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation, html[dir="rtl"] body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation { grid-column: 1 !important; grid-row: 1 !important; } html[lang^="en"] body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content, html[dir="rtl"] body.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content { grid-column: 1 !important; grid-row: 2 !important; } } /* ========================================================== RDMORA MY ACCOUNT PHYSICAL LAYOUT v0.1.30-dev Final physical placement contract. WooCommerce DOM order: 1. Navigation 2. Content EN: row => navigation left / content right AR: row-reverse => navigation right / content left This intentionally replaces Grid direction-dependent placement from the earlier account presentation layer. ========================================================== */ /* ---------------------------------------------------------- Desktop base ---------------------------------------------------------- */ body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) .woocommerce { display: flex !important; flex-wrap: nowrap !important; align-items: flex-start !important; column-gap: 34px !important; row-gap: 0 !important; } /* ---------------------------------------------------------- English — physical left navigation ---------------------------------------------------------- */ html[lang^="en"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) .woocommerce { flex-direction: row !important; direction: ltr !important; } html[lang^="en"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation { order: 0 !important; flex: 0 0 270px !important; width: 270px !important; max-width: 270px !important; direction: ltr !important; text-align: left !important; } html[lang^="en"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content { order: 0 !important; flex: 1 1 auto !important; width: auto !important; max-width: none !important; min-width: 0 !important; direction: ltr !important; text-align: left !important; } /* ---------------------------------------------------------- Arabic — physical right navigation ---------------------------------------------------------- */ html[dir="rtl"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) .woocommerce { flex-direction: row-reverse !important; direction: rtl !important; } html[dir="rtl"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation { order: 0 !important; flex: 0 0 270px !important; width: 270px !important; max-width: 270px !important; direction: rtl !important; text-align: right !important; } html[dir="rtl"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content { order: 0 !important; flex: 1 1 auto !important; width: auto !important; max-width: none !important; min-width: 0 !important; direction: rtl !important; text-align: right !important; } /* ---------------------------------------------------------- Tablet / mobile Navigation first, content second in both languages. ---------------------------------------------------------- */ @media (max-width: 980px) { body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) .woocommerce { flex-direction: column !important; row-gap: 24px !important; column-gap: 0 !important; } html[lang^="en"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation, html[dir="rtl"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation { flex: 0 0 auto !important; width: 100% !important; max-width: none !important; } html[lang^="en"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content, html[dir="rtl"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content { flex: 0 0 auto !important; width: 100% !important; max-width: none !important; } } /* ========================================================== RDMORA MY ACCOUNT LOGGED-IN PHYSICAL ORDER v0.1.31-dev Final direction-independent desktop contract. The flex container always uses physical LTR ordering. Language direction is applied only inside navigation/content. EN: nav order 1 = physical left content order 2 = physical right AR: content order 1 = physical left nav order 2 = physical right Positive logged-in scope guarantees that WooCommerce Login/Register remains untouched. ========================================================== */ /* ---------------------------------------------------------- Shared authenticated desktop container ---------------------------------------------------------- */ body.logged-in.rdmora-commerce-ui--my-account.woocommerce-account .woocommerce { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: flex-start !important; column-gap: 34px !important; row-gap: 0 !important; /* * Physical layout direction only. * Child text direction is restored below. */ direction: ltr !important; } /* ---------------------------------------------------------- English ---------------------------------------------------------- */ html[lang^="en"] body.logged-in.rdmora-commerce-ui--my-account.woocommerce-account .woocommerce-MyAccount-navigation { order: 1 !important; flex: 0 0 270px !important; width: 270px !important; max-width: 270px !important; min-width: 270px !important; direction: ltr !important; text-align: left !important; } html[lang^="en"] body.logged-in.rdmora-commerce-ui--my-account.woocommerce-account .woocommerce-MyAccount-content { order: 2 !important; flex: 1 1 0 !important; width: auto !important; max-width: none !important; min-width: 0 !important; direction: ltr !important; text-align: left !important; } /* ---------------------------------------------------------- Arabic ---------------------------------------------------------- */ html[dir="rtl"] body.logged-in.rdmora-commerce-ui--my-account.woocommerce-account .woocommerce-MyAccount-content { order: 1 !important; flex: 1 1 0 !important; width: auto !important; max-width: none !important; min-width: 0 !important; direction: rtl !important; text-align: right !important; } html[dir="rtl"] body.logged-in.rdmora-commerce-ui--my-account.woocommerce-account .woocommerce-MyAccount-navigation { order: 2 !important; flex: 0 0 270px !important; width: 270px !important; max-width: 270px !important; min-width: 270px !important; direction: rtl !important; text-align: right !important; } /* ---------------------------------------------------------- Tablet / Mobile Always navigation first, then content. ---------------------------------------------------------- */ @media (max-width: 980px) { body.logged-in.rdmora-commerce-ui--my-account.woocommerce-account .woocommerce { flex-direction: column !important; direction: ltr !important; column-gap: 0 !important; row-gap: 24px !important; } html[lang^="en"] body.logged-in.rdmora-commerce-ui--my-account.woocommerce-account .woocommerce-MyAccount-navigation, html[dir="rtl"] body.logged-in.rdmora-commerce-ui--my-account.woocommerce-account .woocommerce-MyAccount-navigation { order: 1 !important; flex: 0 0 auto !important; width: 100% !important; max-width: none !important; min-width: 0 !important; } html[lang^="en"] body.logged-in.rdmora-commerce-ui--my-account.woocommerce-account .woocommerce-MyAccount-content, html[dir="rtl"] body.logged-in.rdmora-commerce-ui--my-account.woocommerce-account .woocommerce-MyAccount-content { order: 2 !important; flex: 0 0 auto !important; width: 100% !important; max-width: none !important; min-width: 0 !important; } } /* ========================================================== RDMORA EN MY ACCOUNT FINAL DIRECTION FIX ========================================================== */ html[lang^="en"] body.logged-in #entawa-register-wrap .woocommerce { display: flex !important; flex-direction: row !important; direction: ltr !important; } html[lang^="en"] body.logged-in #entawa-register-wrap .woocommerce .woocommerce-MyAccount-navigation { direction: ltr !important; text-align: left !important; } html[lang^="en"] body.logged-in #entawa-register-wrap .woocommerce .woocommerce-MyAccount-content { direction: ltr !important; text-align: left !important; } /* RDMORA EN MY ACCOUNT TITLE ALIGNMENT FIX */ html[lang^="en"] body.logged-in #entawa-register-wrap .woocommerce-MyAccount-content h1, html[lang^="en"] body.logged-in #entawa-register-wrap .woocommerce-MyAccount-content h2, html[lang^="en"] body.logged-in #entawa-register-wrap .woocommerce-MyAccount-content h3 { text-align: left !important; direction: ltr !important; }