/* SAR Symbol Font — base64 embedded so no HTTP request is ever needed. This file ONLY declares the @font-face. The font-family application (with icon exclusions) is handled by new_sar_symbol/static/src/css/style.css which is included in both web.assets_frontend via oudship_theme and backend via oudship_website_custom. */ @font-face { font-family: 'sr_symbol'; src: url('data:font/woff2;base64,d09GMgABAAAAAAL4AA0AAAAAB2wAAAKjAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCXhEICoF0gWELDgABNgIkAxgEIAWFLAdFG2MGERWc38h+HsbOiCl5Nj4EoyffxZWpjtZ+BF92z3+fmb37AEYAEQpfYOViJMdCIf77T6c+i+iBZC3snGA/Y17uMju8JhWrQXNFJX7imvqJDVSNb/JEuTVtFik0jQYf7nxgVRqlRRvCwHxgtGHbiDKyXm5kcj0JAV/fYRx8883du/cO1ERjJCFUhAIJOZ+Jiyqkm9JbuABGxy96RzWunahr4gjxk/zm/z8jMrIgwNxWIL+4pQALZIGWCkNQXVVJEtr+5P9/B9WfM/9/26QiC9UBhEyURAYiIQEAggL6bIj/qwNKUBMVTMZSQAEIhJByzjX6B5i6PW68s6nVt9zTIubF2Tkxn+vyva92qJ6Aht50ej5YWv3AI03gxTfcECdPRsR8qwHg/kOuvd8pdRxu0tF8YfUPPZa/1bUPOiZjzNwnPmkXLZY0eOTxrGLnO8aYn3rs/6uPg9aW/dOls7qP7zNUgY1zvvr1jsMBAkGLB+a9tLzOkF+r1ii88r2Q389QVQLhZeYU5yZqnV8OZQGIuUBCcc6rAqVREkgAAKjvcwHobIEAoYZbBUiqeFGArIbPBCjU8I8AFTWirQClGjFGgGpqxzYBqmsez3BmUVTDPKjE0NhHTGp7UMwa+4EF+gcqWFQFS7SLWE3LmPH46vrEUXy1ZTFYXMxKo0cEZoYrkESCJLTuLo7plXKF0eDE0gxMsw/pohQe+spvWjU9CTbjBSUJJZqT5IrRsE7T9wCzkUmipLorvREOs1dOSaneyzdxYJZUbsKRHrS1tb6t9Wn1PKnesFgSGJPGAMlvcFMzjmj+8vrgLHYD40jCiMmlhJUlI9/NRN6YnZh0IpdlNFCN18gTmV0sfxxxCCDxbymJJEWWoyjX83dbmMpeURqGkVVWoWEAAA==') format('woff2'), url('data:font/woff;base64,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') format('woff'), url('data:font/truetype;base64,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') format('truetype'); font-weight: normal; font-style: normal; font-display: block; unicode-range: U+E900, U+FDFC; } /* Product CTA alignment stays in this direct CSS asset so Odoo can refresh it independently from the imported theme SCSS bundle. */ .oudship-product-marker + #product_detail #add_to_cart { display: inline-flex !important; min-width: 0; align-items: center; justify-content: center; gap: 0.55rem; font-size: clamp(0.9rem, 2.5vw, 1rem) !important; line-height: 1.2; text-align: center; white-space: nowrap; } .oudship-product-marker + #product_detail #add_to_cart .fa-shopping-cart { flex: 0 0 auto; margin: 0 !important; color: #c9a66b; font-size: 0.9em; } /* Product quantity control keeps the mathematical - / value / + sequence in both languages instead of being visually reversed by RTL. */ .oudship-product-marker + #product_detail #o_wsale_cta_wrapper .css_quantity { direction: ltr !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); box-sizing: border-box; height: 58px; min-height: 58px; padding: 0 !important; overflow: hidden; } .oudship-product-marker + #product_detail #o_wsale_cta_wrapper .css_quantity > .btn, .oudship-product-marker + #product_detail #o_wsale_cta_wrapper .css_quantity > .form-control { width: 100% !important; min-width: 0 !important; height: 100% !important; min-height: 56px; display: flex !important; align-items: center; justify-content: center; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; text-align: center; } .oudship-product-marker + #product_detail #o_wsale_cta_wrapper .css_quantity > .btn > .oi { display: block; margin: 0 !important; line-height: 1; } .oudship-product-marker + #product_detail #o_wsale_cta_wrapper .css_quantity > .form-control { max-width: none !important; border-inline: 1px solid rgba(13, 65, 51, 0.1) !important; color: #0b3027 !important; font-size: 1rem; font-weight: 750; } .oudship-product-marker + #product_detail #o_wsale_cta_wrapper .css_quantity > .btn:hover { background: rgba(201, 166, 107, 0.12) !important; } /* The SAR icon font has different strike metrics from the text font. Draw the old-price line geometrically so it stays centered on every card. */ html[data-website-id="1"] .tp-product-item .product_price del { position: relative; display: inline-flex !important; align-items: center; color: rgba(11, 48, 39, 0.42) !important; text-decoration: none !important; } html[data-website-id="1"] .tp-product-item .product_price del *, html[data-website-id="1"] .tp-product-item .product_price del .tp-sar-symbol-host { text-decoration: none !important; } html[data-website-id="1"] .tp-product-item .product_price del::after { content: ""; position: absolute; z-index: 1; inset-inline: 0; top: 50%; height: 1px; background: rgba(11, 48, 39, 0.42) !important; pointer-events: none; transform: translateY(-50%); } /* Accessory/similar product copy and price belong to one visual group. Do not push the price to the bottom of taller carousel cards; the title's reserved two-line height already keeps prices aligned across the row. */ html[data-website-id="1"] .oudship-product-marker ~ .tp-hook-accessory-products .tp-suggested-products-cards .card-text > div:last-child { margin-top: 0 !important; } /* Desktop product prices follow the reading direction: sale price first, original price second. Keep each monetary value LTR internally so the Saudi Riyal symbol remains before its number in both languages. */ @media (min-width: 768px) { html[data-website-id="1"][dir="rtl"] .oudship-shop-marker ~ #o_wsale_container .tp-product-item .product_price, html[data-website-id="1"][lang^="ar"] .oudship-shop-marker ~ #o_wsale_container .tp-product-item .product_price { direction: rtl !important; justify-content: flex-start !important; text-align: start !important; } html[data-website-id="1"][dir="rtl"] .oudship-shop-marker ~ #o_wsale_container .tp-product-item .product_price > [aria-label="Sale price"], html[data-website-id="1"][dir="rtl"] .oudship-shop-marker ~ #o_wsale_container .tp-product-item .product_price > del, html[data-website-id="1"][lang^="ar"] .oudship-shop-marker ~ #o_wsale_container .tp-product-item .product_price > [aria-label="Sale price"], html[data-website-id="1"][lang^="ar"] .oudship-shop-marker ~ #o_wsale_container .tp-product-item .product_price > del { direction: ltr !important; unicode-bidi: isolate; } } /* Mirror product-page overlays in Arabic. The cart drawer is a physical screen edge component, so use explicit left/right placement here rather than logical properties. */ html[data-website-id="1"][dir="rtl"] .offcanvas.tp-cart-sidebar, html[data-website-id="1"][lang^="ar"] .offcanvas.tp-cart-sidebar { right: auto !important; left: 0 !important; border-right: 1px solid var(--bs-border-color) !important; border-left: 0 !important; transform: translateX(-100%) !important; } html[data-website-id="1"][dir="rtl"] .offcanvas.tp-cart-sidebar.show, html[data-website-id="1"][dir="rtl"] .offcanvas.tp-cart-sidebar.showing, html[data-website-id="1"][lang^="ar"] .offcanvas.tp-cart-sidebar.show, html[data-website-id="1"][lang^="ar"] .offcanvas.tp-cart-sidebar.showing { transform: none !important; } html[data-website-id="1"][dir="rtl"] .offcanvas.tp-cart-sidebar.hiding, html[data-website-id="1"][lang^="ar"] .offcanvas.tp-cart-sidebar.hiding { transform: translateX(-100%) !important; } html[data-website-id="1"][dir="rtl"] .tp-sticky-add-to-cart, html[data-website-id="1"][lang^="ar"] .tp-sticky-add-to-cart { right: 3% !important; left: auto !important; direction: rtl; } /* * Oud Ship cart page * * Keep these final overrides in the direct CSS asset so they can be refreshed * independently from Theme Prime's compiled SCSS bundle. */ html[data-website-id="1"][dir="rtl"] body.o_website_sale_checkout, html[data-website-id="1"][dir="rtl"] body.o_website_sale_checkout #wrapwrap, html[data-website-id="1"][dir="rtl"] body.o_website_sale_checkout #wrap, html[data-website-id="1"][dir="rtl"] body.o_website_sale_checkout .o_website_sale_checkout_container, html[data-website-id="1"][dir="rtl"] body.o_website_sale_checkout .o_website_sale_checkout_container > .row, html[data-website-id="1"][dir="rtl"] body.o_website_sale_checkout .tp-checkout-topbar { direction: rtl !important; } html[data-website-id="1"][dir="ltr"] body.o_website_sale_checkout, html[data-website-id="1"][dir="ltr"] body.o_website_sale_checkout #wrapwrap, html[data-website-id="1"][dir="ltr"] body.o_website_sale_checkout #wrap, html[data-website-id="1"][dir="ltr"] body.o_website_sale_checkout .o_website_sale_checkout_container, html[data-website-id="1"][dir="ltr"] body.o_website_sale_checkout .o_website_sale_checkout_container > .row, html[data-website-id="1"][dir="ltr"] body.o_website_sale_checkout .tp-checkout-topbar { direction: ltr !important; } html[data-website-id="1"] body.o_website_sale_checkout .o_cart_product, html[data-website-id="1"] body.o_website_sale_checkout .o_wsale_shorter_cart_summary { text-align: start; } html[data-website-id="1"] body.o_website_sale_checkout .o_cart_product .tp-cart-line-description { text-align: start; unicode-bidi: plaintext; } html[data-website-id="1"] body.o_website_sale_checkout .o_cart_product .css_quantity { direction: ltr !important; } html[data-website-id="1"] body.o_website_sale_checkout .o_cart_total tr > td:first-child, html[data-website-id="1"] body.o_website_sale_checkout .o_cart_total tr > td[colspan] { text-align: start !important; } html[data-website-id="1"] body.o_website_sale_checkout .o_cart_total tr > td:last-child { text-align: end !important; } html[data-website-id="1"][dir="rtl"] body.o_website_sale_checkout .o_cta_navigation_container .fa-angle-right, html[data-website-id="1"][dir="rtl"] body.o_website_sale_checkout .o_cta_navigation_container .fa-angle-left, html[data-website-id="1"][dir="rtl"] body.o_website_sale_checkout .o_wsale_shorter_cart_summary .fa-angle-right, html[data-website-id="1"][dir="rtl"] body.o_website_sale_checkout .o_wsale_shorter_cart_summary .fa-angle-left, html[data-website-id="1"][dir="rtl"] body.o_website_sale_checkout .tp-checkout-topbar .fa-angle-right, html[data-website-id="1"][dir="rtl"] body.o_website_sale_checkout .tp-checkout-topbar .fa-angle-left { transform: rotate(180deg); } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_website_sale_checkout_container { max-width: 1440px !important; padding: 1.75rem clamp(1rem, 2vw, 2rem) 2rem !important; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_website_sale_checkout_container > .row { --bs-gutter-x: 2rem; align-items: flex-start; margin-bottom: 0 !important; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_product, html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_wsale_shorter_cart_summary .o_total_card { border: 1px solid rgba(13, 65, 51, 0.14) !important; border-radius: 16px !important; background: #fff !important; box-shadow: 0 12px 34px rgba(5, 45, 34, 0.07) !important; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) #cart_products { gap: 1rem !important; margin-bottom: 0 !important; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_product { min-height: 205px; margin-bottom: 0 !important; padding: 1.35rem 1.5rem !important; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_product h6 { font-size: 1.05rem; line-height: 1.35; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_product .tp-cart-line-description { max-width: 54ch; font-size: 0.875rem; line-height: 1.55; } /* Cart monetary values contain the new U+FDFC Saudi Riyal character. The checkout layout is intentionally minimal, so explicitly keep the embedded symbol font in the monetary stack instead of inheriting the Arabic body font (which renders the character as a missing-glyph square). */ html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) [name="website_sale_cart_line_price"], html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) [name="website_sale_cart_line_price"] span, html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_total td:last-child, html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_total td:last-child span { font-family: "sr_symbol", "Noto Sans Arabic", Arial, sans-serif !important; font-style: normal !important; } /* The checkout review, thank-you page and customer order cards are rendered by separate templates. Their monetary fields must use the same embedded Saudi Riyal glyph as product and cart prices; otherwise Android/Arabic fallback fonts display U+FDFC as an empty square. */ html[data-website-id="1"] body.o_website_sale_checkout [data-oe-type="monetary"], html[data-website-id="1"] body.o_website_sale_checkout [data-oe-type="monetary"] *, html[data-website-id="1"] body.o_website_sale_checkout :has(> .oe_currency_value), html[data-website-id="1"] .tp-ty-item-amount, html[data-website-id="1"] .tp-ty-item-amount *, html[data-website-id="1"] .tp-ty-panel-totals .tp-ty-row > span:last-child, html[data-website-id="1"] .tp-ty-panel-totals .tp-ty-row > span:last-child *, html[data-website-id="1"] .tp-oc-total, html[data-website-id="1"] .tp-oc-total * { font-family: "sr_symbol", "Noto Sans Arabic", Arial, sans-serif !important; font-style: normal !important; } html[data-website-id="1"] body.o_website_sale_checkout [data-oe-type="monetary"], html[data-website-id="1"] body.o_website_sale_checkout :has(> .oe_currency_value), html[data-website-id="1"] .tp-ty-item-amount, html[data-website-id="1"] .tp-ty-panel-totals .tp-ty-row > span:last-child, html[data-website-id="1"] .tp-oc-total { direction: ltr !important; unicode-bidi: isolate; white-space: nowrap; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) [name="website_sale_cart_line_price"], html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_total td:last-child { direction: ltr !important; unicode-bidi: isolate; white-space: nowrap; } /* Keep the numeric content LTR without letting that direction pull the summary values toward the labels. The value column belongs on the opposite edge of the card in both writing directions. */ html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_total tr > td:last-child { width: 1%; } html[data-website-id="1"][dir="rtl"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_total tr > td:last-child { text-align: left !important; } html[data-website-id="1"][dir="ltr"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_total tr > td:last-child { text-align: right !important; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .tp-cart-line-description-preview > span:last-child { display: -webkit-box !important; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .tp-cart-line-description-toggle { margin-top: 0.2rem; font-size: 0.82rem; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_wsale_shorter_cart_summary .o_total_card .card-body { padding: 1.75rem !important; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_wsale_shorter_cart_summary .o_cart_total { font-size: 1rem; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_wsale_shorter_cart_summary a[name="website_sale_main_button"] { min-height: 52px; display: inline-flex !important; align-items: center; justify-content: center; padding: 0.85rem 1.25rem !important; border-color: #0d4133 !important; border-radius: 12px !important; background: #0d4133 !important; box-shadow: 0 8px 20px rgba(13, 65, 51, 0.18) !important; font-size: 1rem !important; font-weight: 750; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_wsale_shorter_cart_summary a[name="website_sale_main_button"]:hover { border-color: #c9a66b !important; background: #c9a66b !important; color: #082c22 !important; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_wsale_shorter_cart_summary a[href="/shop"] { font-size: 0.9rem !important; font-weight: 600; } @media (min-width: 992px) { html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_wsale_shorter_cart_summary .o_total_card { top: 96px !important; max-height: calc(100vh - 112px); overflow-y: auto; overscroll-behavior: contain; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_website_sale_checkout_container .oe_cart { flex: 0 0 64%; max-width: 64%; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_website_sale_checkout_container .o_wsale_shorter_cart_summary { flex: 0 0 36%; max-width: 36%; margin-right: 0 !important; margin-left: 0 !important; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_product_image { width: 116px !important; min-width: 116px !important; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_product_image img { display: block; width: 116px !important; height: 116px !important; max-width: 116px !important; border-color: rgba(13, 65, 51, 0.1) !important; border-radius: 12px !important; background: #faf8f3; object-fit: contain; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_product > .d-flex.flex-column { min-width: 0; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_product > .d-flex.flex-column > .d-flex.gap-3 { align-items: flex-start; } /* Keep line actions as a compact, predictable column at the visual end of the card. Flexbox mirrors this column automatically for RTL/LTR. */ html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_product > .d-flex.flex-column > .d-flex.gap-3 > .d-none.d-md-block { display: flex !important; flex: 0 0 132px; width: 132px; flex-direction: column; align-items: stretch; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) [name="website_sale_cart_line_price"] { min-height: 24px; align-items: center !important; justify-content: flex-start !important; margin-bottom: 0.65rem !important; color: #0d4133; font-size: 1.05rem; font-weight: 750; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_product .css_quantity { display: grid !important; grid-template-columns: 38px 1fr 38px; width: 118px !important; height: 38px !important; min-height: 38px; align-self: flex-start; overflow: hidden; border: 1px solid rgba(13, 65, 51, 0.16) !important; border-radius: 10px; background: #f8f7f3; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_product .css_quantity > .btn, html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_product .css_quantity > .form-control { width: 100% !important; min-width: 0 !important; height: 36px !important; min-height: 36px; display: flex !important; align-items: center; justify-content: center; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #0d4133 !important; opacity: 1 !important; text-align: center; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_product .css_quantity > .form-control { border-inline: 1px solid rgba(13, 65, 51, 0.1) !important; font-weight: 700; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) #suggested_products { align-items: flex-start !important; gap: 0.85rem; margin-top: 0.85rem; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) #suggested_products > [name="suggested_product"] { display: grid !important; width: min(100%, 760px); grid-template-columns: 112px minmax(0, 1fr); gap: 1rem !important; padding: 1rem !important; border: 1px solid rgba(13, 65, 51, 0.14) !important; border-radius: 14px; background: #fff; box-shadow: 0 8px 24px rgba(5, 45, 34, 0.055); } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) #suggested_products > [name="suggested_product"] > .o_cart_product_image, html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) #suggested_products > [name="suggested_product"] > .o_cart_product_image img { width: 112px !important; height: 112px !important; max-width: 112px !important; border-radius: 11px !important; object-fit: contain; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) #suggested_products > [name="suggested_product"] > .flex-grow-1 { min-width: 0; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) #suggested_products > [name="suggested_product"] > .flex-grow-1 > .d-flex { display: grid !important; grid-template-columns: minmax(0, 1fr) 148px; align-items: start; gap: 1.25rem; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) #suggested_products [name="suggested_product_price_container"] { direction: ltr; justify-content: flex-start; font-family: "sr_symbol", "Noto Sans Arabic", Arial, sans-serif !important; color: #0d4133; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) #suggested_products .js_add_suggested_products { min-height: 40px; border-color: #0d4133 !important; border-radius: 9px !important; background: #0d4133 !important; font-weight: 700; } } @media (max-width: 991.98px) { html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_website_sale_checkout_container { padding-top: 1rem !important; } /* Separate the complete cart-items area (including suggested products) from the totals/details card when the two columns stack. */ html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_website_sale_checkout_container .oe_cart { margin-bottom: 1.25rem !important; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_product { min-height: 0; border-radius: 13px !important; padding: 1rem !important; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) #suggested_products { gap: 0.75rem; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) #suggested_products > [name="suggested_product"] { display: grid !important; grid-template-columns: 84px minmax(0, 1fr); gap: 0.8rem !important; padding: 0.85rem !important; border: 1px solid rgba(13, 65, 51, 0.14) !important; border-radius: 12px; background: #fff; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) #suggested_products > [name="suggested_product"] > .o_cart_product_image, html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) #suggested_products > [name="suggested_product"] > .o_cart_product_image img { width: 84px !important; height: 84px !important; max-width: 84px !important; object-fit: contain; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) #suggested_products > [name="suggested_product"] > .flex-grow-1 > .d-flex { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 0.65rem; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) #suggested_products > [name="suggested_product"] > .flex-grow-1 > .d-flex > .d-flex { width: 100%; align-items: center !important; flex-direction: row !important; justify-content: space-between; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) #suggested_products [name="suggested_product_price_container"] { direction: ltr; font-family: "sr_symbol", "Noto Sans Arabic", Arial, sans-serif !important; } /* Keep the mobile cart quantity on one centered row. Bootstrap's input-group sizing otherwise lets the value wrap beneath the buttons. */ html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_product [name="website_sale_cart_line_quantity_mobile"] { direction: ltr !important; display: grid !important; grid-template-columns: repeat(3, 40px); width: 120px !important; min-width: 120px !important; max-width: 120px !important; height: 40px !important; min-height: 40px !important; flex: 0 0 120px !important; align-items: stretch; justify-content: initial !important; overflow: hidden; border: 1px solid rgba(13, 65, 51, 0.16) !important; border-radius: 10px !important; background: #f8f7f3; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_product [name="website_sale_cart_line_quantity_mobile"] > .btn, html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_product [name="website_sale_cart_line_quantity_mobile"] > .form-control { display: flex !important; width: 40px !important; min-width: 40px !important; max-width: 40px !important; height: 38px !important; min-height: 38px !important; flex: 0 0 40px !important; align-items: center; justify-content: center; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #0d4133 !important; line-height: 38px !important; text-align: center !important; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_product [name="website_sale_cart_line_quantity_mobile"] > .form-control { border-inline: 1px solid rgba(13, 65, 51, 0.1) !important; font-weight: 700; } html[data-website-id="1"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_product [name="website_sale_cart_line_quantity_mobile"] > .btn > .oi { display: block; margin: 0 !important; line-height: 1; } } /* Oud Ship add-to-cart confirmation: balanced layout and native RTL. */ html[data-website-id="1"] .tp-cart-confirmation-dialog { width: min(720px, calc(100vw - 2rem)); max-width: 720px; } html[data-website-id="1"] .tp-cart-confirmation-dialog .modal-content { overflow: hidden; border: 0; border-radius: 18px; box-shadow: 0 24px 70px rgba(5, 34, 27, 0.24); } html[data-website-id="1"] .tp-cart-confirmation-dialog .tp-cart-confirmation-close { position: absolute; z-index: 3; inset-block-start: 1rem; inset-inline-end: 1rem; width: 2rem; height: 2rem; padding: 0.55rem; border-radius: 50%; background-color: rgba(255, 255, 255, 0.92); box-shadow: 0 4px 14px rgba(8, 44, 34, 0.12); } html[data-website-id="1"] .tp-cart-confirmation-dialog .tp-cart-confirmation-product, html[data-website-id="1"] .tp-cart-confirmation-dialog .tp-cart-confirmation-summary { min-height: 310px; padding: 2rem 2.25rem; } html[data-website-id="1"] .tp-cart-confirmation-dialog .tp-cart-confirmation-product { border-inline-end: 1px solid rgba(13, 65, 51, 0.08); background: #f7f4ee; } html[data-website-id="1"] .tp-cart-confirmation-dialog .dr-confirm-product-image { margin-top: 0; } html[data-website-id="1"] .tp-cart-confirmation-dialog .dr-confirm-product-image img { width: 132px !important; height: 132px; border: 3px solid #fff; box-shadow: 0 8px 22px rgba(13, 65, 51, 0.12); } html[data-website-id="1"] .tp-cart-confirmation-dialog .tp-cart-confirmation-product h5 { font-size: 1rem; line-height: 1.45; } html[data-website-id="1"] .tp-cart-confirmation-dialog .tp-cart-confirmation-success { font-size: 0.95rem; line-height: 1.5; } html[data-website-id="1"] .tp-cart-confirmation-dialog .tp-cart-confirmation-summary { background: #fff; } html[data-website-id="1"] .tp-cart-confirmation-dialog .tp-cart-confirmation-summary > div:first-child p { font-size: 0.95rem; line-height: 1.55; } html[data-website-id="1"] .tp-cart-confirmation-dialog .tp-cart-confirmation-total { margin-bottom: 0; color: #0b3027; font-size: 1.15rem; font-weight: 750; } html[data-website-id="1"] .tp-cart-confirmation-dialog .tp-cart-confirmation-total .text-primary { white-space: nowrap; } html[data-website-id="1"] .tp-cart-confirmation-dialog .tp-cart-confirmation-actions { display: flex; justify-content: center; gap: 0.65rem; } html[data-website-id="1"] .tp-cart-confirmation-dialog .tp-cart-confirmation-actions .btn { min-width: 132px; min-height: 42px; display: inline-flex; align-items: center; justify-content: center; margin: 0; border-radius: 8px; font-size: 0.9rem; font-weight: 700; } html[data-website-id="1"] .tp-cart-confirmation-dialog .tp-cart-confirmation-actions .btn-primary { border-color: #0d4133; background: #0d4133; color: #fff; } html[data-website-id="1"] .tp-cart-confirmation-dialog .tp-cart-confirmation-actions .btn-outline-primary { border-color: #0d4133; background: #fff; color: #0d4133; } @media (max-width: 767.98px) { html[data-website-id="1"] .tp-cart-confirmation-dialog { width: min(420px, calc(100vw - 1rem)); margin: 0.5rem auto; } html[data-website-id="1"] .tp-cart-confirmation-dialog .tp-cart-confirmation-product, html[data-website-id="1"] .tp-cart-confirmation-dialog .tp-cart-confirmation-summary { min-height: 0; padding: 1.5rem; } html[data-website-id="1"] .tp-cart-confirmation-dialog .tp-cart-confirmation-product { border-inline-end: 0; border-block-end: 1px solid rgba(13, 65, 51, 0.08); } html[data-website-id="1"] .tp-cart-confirmation-dialog .dr-confirm-product-image img { width: 104px !important; height: 104px; } html[data-website-id="1"] .tp-cart-confirmation-dialog .tp-cart-confirmation-actions { flex-direction: column; } html[data-website-id="1"] .tp-cart-confirmation-dialog .tp-cart-confirmation-actions .btn { width: 100%; } } /* Odoo 19 My Account profile panel uses an unclassified wrapper whose direct child is .o_portal_my_details, rather than the legacy .o_my_sidebar class. */ html[data-website-id="1"][data-theme="dark"] .o_portal_wrap div.mt-3.mw-100:has(> .o_portal_my_details), html[data-website-id="1"][data-theme="dark"] .o_portal_wrap #accountOffCanvas .offcanvas-body:has(> .o_portal_my_details) { color: #d0c8bc !important; border: 1px solid #3a3733 !important; border-radius: 14px !important; background: #201f1d !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important; } html[data-website-id="1"][data-theme="dark"] .o_portal_wrap div.mt-3.mw-100:has(> .o_portal_my_details) { width: min(100%, 340px); padding: 1.25rem !important; } html[data-website-id="1"][data-theme="dark"] .o_portal_wrap div:has(> .o_portal_my_details) > .d-flex:first-child { padding-bottom: 1rem; border-bottom: 1px solid #3a3733 !important; } html[data-website-id="1"][data-theme="dark"] .o_portal_wrap div:has(> .o_portal_my_details) h5, html[data-website-id="1"][data-theme="dark"] .o_portal_wrap div:has(> .o_portal_my_details) .contact_name, html[data-website-id="1"][data-theme="dark"] .o_portal_wrap div:has(> .o_portal_my_details) [itemprop="name"] { color: #f2ede7 !important; } html[data-website-id="1"][data-theme="dark"] .o_portal_wrap div:has(> .o_portal_my_details) > .d-flex:first-child img { border: 2px solid rgba(207, 180, 137, 0.7) !important; background: #2a2826 !important; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.32) !important; } html[data-website-id="1"][data-theme="dark"] .o_portal_wrap div:has(> .o_portal_my_details) .o_portal_my_details, html[data-website-id="1"][data-theme="dark"] .o_portal_wrap div:has(> .o_portal_my_details) .o_portal_my_details address, html[data-website-id="1"][data-theme="dark"] .o_portal_wrap div:has(> .o_portal_my_details) .o_portal_my_details div, html[data-website-id="1"][data-theme="dark"] .o_portal_wrap div:has(> .o_portal_my_details) .o_portal_my_details span { color: #c9c0b5 !important; } html[data-website-id="1"][data-theme="dark"] .o_portal_wrap div:has(> .o_portal_my_details) .o_portal_my_details i, html[data-website-id="1"][data-theme="dark"] .o_portal_wrap div:has(> .o_portal_my_details) .o_portal_my_details .fa { color: #cfb489 !important; } html[data-website-id="1"][data-theme="dark"] .o_portal_wrap div:has(> .o_portal_my_details) .o_portal_my_details a { color: #d0c8bc !important; } html[data-website-id="1"][data-theme="dark"] .o_portal_wrap div:has(> .o_portal_my_details) > a.btn-link { color: #cfb489 !important; text-decoration: none !important; } html[data-website-id="1"][data-theme="dark"] .o_portal_wrap div:has(> .o_portal_my_details) > a.btn-link:hover, html[data-website-id="1"][data-theme="dark"] .o_portal_wrap div:has(> .o_portal_my_details) > a.btn-link:focus-visible { color: #ead8b9 !important; text-decoration: underline !important; } html[data-website-id="1"][data-theme="dark"] #accountOffCanvas { color: #d0c8bc !important; border-color: #3a3733 !important; background: #171615 !important; } html[data-website-id="1"][data-theme="dark"] #accountOffCanvas .offcanvas-header { border-color: #3a3733 !important; background: #201f1d !important; } html[data-website-id="1"][data-theme="dark"] #accountOffCanvas .btn-close { filter: invert(1) sepia(0.18) saturate(0.65) !important; } /* ------------------------------------------------------------------------- Customer portal — bilingual layout ------------------------------------------------------------------------- */ html[data-website-id="1"] .o_portal_wrap { min-height: calc(100vh - 160px); background: #fbf9f4; color: #102d26; } html[data-website-id="1"] .o_portal_wrap[dir="rtl"], html[data-website-id="1"][lang^="ar"] .o_portal, html[data-website-id="1"][lang^="ar"] .o_portal_navbar { direction: rtl; text-align: start; } html[data-website-id="1"] .o_portal_wrap[dir="ltr"], html[data-website-id="1"]:not([lang^="ar"]) .o_portal, html[data-website-id="1"]:not([lang^="ar"]) .o_portal_navbar { direction: ltr; text-align: start; } html[data-website-id="1"] .o_portal_wrap > .container, html[data-website-id="1"] .o_portal.container { width: min(100%, 1420px); max-width: 1420px; padding-inline: clamp(1rem, 3vw, 3rem); } html[data-website-id="1"] .o_portal_wrap .o_portal_navbar, html[data-website-id="1"] .o_portal_wrap .o_portal_submenu, html[data-website-id="1"] .o_portal_wrap .o_portal_content, html[data-website-id="1"] .o_portal_wrap .o_portal_my_details, html[data-website-id="1"] .o_portal_wrap .o_portal_security_body { text-align: start; } html[data-website-id="1"] .o_portal_wrap .o_portal_navbar .navbar-collapse, html[data-website-id="1"] .o_portal_wrap .o_portal_navbar .nav, html[data-website-id="1"] .o_portal_wrap .o_portal_navbar .dropdown-menu { direction: inherit; } html[data-website-id="1"] .o_portal_wrap .o_portal_navbar .dropdown-menu { text-align: start; } html[data-website-id="1"][lang^="ar"] .o_portal_submenu .breadcrumb-item + .breadcrumb-item::before { float: inline-start; padding-inline: 0 0.5rem; } html[data-website-id="1"] .o_portal_wrap .o_portal_my_home .o_portal_docs, html[data-website-id="1"] .o_portal_wrap .o_portal_my_home .o_portal_category { direction: inherit; } html[data-website-id="1"] .o_portal_wrap .o_portal_index_card > a { min-height: 104px; padding: 1rem 1.15rem !important; border: 1px solid rgba(13, 65, 51, 0.1); border-radius: 12px; background: #fff !important; text-align: start; transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } html[data-website-id="1"] .o_portal_wrap .o_portal_index_card > a:hover { border-color: rgba(203, 159, 92, 0.65); box-shadow: 0 10px 28px rgba(13, 65, 51, 0.08); transform: translateY(-2px); } html[data-website-id="1"] .o_portal_wrap .o_portal_index_card .o_portal_icon { flex: 0 0 64px; } html[data-website-id="1"] .o_portal_wrap .o_my_sidebar { width: min(100%, 340px); padding: 1.2rem; border: 1px solid rgba(13, 65, 51, 0.1); border-radius: 14px; background: #fff; } html[data-website-id="1"] .o_portal_wrap .o_my_sidebar a[href^="tel:"], html[data-website-id="1"] .o_portal_wrap .o_my_sidebar a[href^="mailto:"] { direction: ltr; unicode-bidi: isolate; } html[data-website-id="1"] .tp-no-orders { direction: inherit; text-align: center; } html[data-website-id="1"][lang^="ar"] .tp-oc-arrow, html[data-website-id="1"][lang^="ar"] .o_portal_security_body .oi-chevron-left { transform: rotate(180deg); } html[data-website-id="1"] .o_portal_wrap .o_portal_addresses { width: min(100%, 980px); margin-inline: auto; padding-block: 1rem 2rem; text-align: start; } html[data-website-id="1"] .o_portal_addresses .o_address_card_add_new { display: inline-flex; align-items: center; gap: 0.45rem; min-height: 38px; border-radius: 9px; } html[data-website-id="1"] .o_portal_addresses .o_address_card { border-color: rgba(13, 65, 51, 0.14); border-radius: 12px; background: #fff; } html[data-website-id="1"] .o_portal_addresses .o_address_card .card-body { direction: inherit; text-align: start; } html[data-website-id="1"][lang^="ar"] .o_portal_addresses .form-check { padding-inline: 2.5em 0; } html[data-website-id="1"][lang^="ar"] .o_portal_addresses .form-check-input { float: inline-start; margin-inline: -2.5em 0; } html[data-website-id="1"] .o_portal_wrap .o_portal_security_body { width: min(100%, 760px) !important; max-width: 760px !important; margin-inline: auto; padding: 1rem 1.5rem 2.5rem !important; } html[data-website-id="1"] .o_portal_security_body > section { margin-top: 1.5rem; padding: 1.5rem; border: 1px solid rgba(13, 65, 51, 0.1); border-radius: 14px; background: #fff; } html[data-website-id="1"] .o_portal_security_body .form-control, html[data-website-id="1"] .o_portal_security_body .input-group .btn { min-height: 46px; } html[data-website-id="1"] .o_portal_security_body input[type="password"] { direction: ltr; text-align: left; } html[data-website-id="1"][lang^="ar"] .o_portal_security_body .input-group { direction: rtl; } html[data-website-id="1"][lang^="ar"] .o_portal_security_body .o_show_password { border-inline-start: 0 !important; border-inline-end: 1px solid var(--bs-border-color) !important; border-start-start-radius: 0 !important; border-end-start-radius: 0 !important; border-start-end-radius: 0.375rem !important; border-end-end-radius: 0.375rem !important; } html[data-website-id="1"] .o_portal_wrap .alert, html[data-website-id="1"] .o_portal_wrap table, html[data-website-id="1"] .o_portal_wrap .tp-orders-grid { direction: inherit; text-align: start; } @media (max-width: 991.98px) { html[data-website-id="1"] .o_portal_wrap > .container, html[data-website-id="1"] .o_portal.container { padding-inline: 1rem; } html[data-website-id="1"] .o_portal_wrap .o_portal_security_body { padding-inline: 0 !important; } html[data-website-id="1"] .o_portal_security_body > section { padding: 1.1rem; } } /* Keep checkout/cart surfaces dark after the late-loaded cart layout rules. */ html[data-website-id="1"][data-theme="dark"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_product, html[data-website-id="1"][data-theme="dark"] body.o_website_sale_checkout:has(#shop_cart) .o_wsale_shorter_cart_summary .o_total_card { color: #d0c8bc !important; border-color: #3a3733 !important; background: #201f1d !important; box-shadow: 0 12px 35px rgba(0, 0, 0, 0.28) !important; } html[data-website-id="1"][data-theme="dark"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_product h6, html[data-website-id="1"][data-theme="dark"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_product .text-reset, html[data-website-id="1"][data-theme="dark"] body.o_website_sale_checkout:has(#shop_cart) .o_wsale_shorter_cart_summary strong { color: #f2ede7 !important; } html[data-website-id="1"][data-theme="dark"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_product .text-muted, html[data-website-id="1"][data-theme="dark"] body.o_website_sale_checkout:has(#shop_cart) .tp-cart-line-description { color: #9a9187 !important; } html[data-website-id="1"][data-theme="dark"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_product .css_quantity { border-color: #3a3733 !important; background: #2a2826 !important; } html[data-website-id="1"][data-theme="dark"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_product .css_quantity > .btn, html[data-website-id="1"][data-theme="dark"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_product .css_quantity > .form-control { color: #f2ede7 !important; border-color: #3a3733 !important; background: #201f1d !important; } html[data-website-id="1"][data-theme="dark"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_product .badge, html[data-website-id="1"][data-theme="dark"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_product [class*="variant"] { color: #d0c8bc !important; border-color: #3a3733 !important; background: #2a2826 !important; } html[data-website-id="1"][data-theme="dark"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_total table, html[data-website-id="1"][data-theme="dark"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_total tr, html[data-website-id="1"][data-theme="dark"] body.o_website_sale_checkout:has(#shop_cart) .o_cart_total td { color: #d0c8bc !important; border-color: #3a3733 !important; background: transparent !important; } html[data-website-id="1"][data-theme="dark"] body.o_website_sale_checkout:has(#shop_cart) .o_total_card .form-control { color: #f2ede7 !important; border-color: #3a3733 !important; background: #2a2826 !important; } html[data-website-id="1"][data-theme="dark"] body.o_website_sale_checkout:has(#shop_cart) .o_total_card .form-control::placeholder { color: #9a9187 !important; } html[data-website-id="1"][data-theme="dark"] body.o_website_sale_checkout:has(#shop_cart) .o_total_card .btn-light { color: #f2ede7 !important; border-color: #3a3733 !important; background: #2a2826 !important; } html[data-website-id="1"][data-theme="dark"] body.o_website_sale_checkout:has(#shop_cart) .o_total_card hr { border-color: #3a3733 !important; opacity: 1; } html[data-website-id="1"][data-theme="dark"] body.o_website_sale_checkout:has(#shop_cart) .o_total_card .card-body { color: #d0c8bc !important; background: #201f1d !important; } html[data-website-id="1"][data-theme="dark"] body.o_website_sale_checkout:has(#shop_cart) .btn-primary { color: #fff !important; border-color: #174033 !important; background: #174033 !important; } html[data-website-id="1"][data-theme="dark"] body.o_website_sale_checkout:has(#shop_cart) .btn-primary:hover { color: #0f0e0d !important; border-color: #cfb489 !important; background: #cfb489 !important; } /* Customer portal dark mode must follow the bilingual portal layout rules. */ html[data-website-id="1"][data-theme="dark"] .o_portal_wrap, html[data-website-id="1"][data-theme="dark"] .o_portal_my_doc_content { color: #d0c8bc !important; background: #171615 !important; } html[data-website-id="1"][data-theme="dark"] .o_portal_wrap .o_portal_index_card > a { color: #d0c8bc !important; border-color: #3a3733 !important; background: #201f1d !important; box-shadow: 0 7px 22px rgba(0, 0, 0, 0.22); } html[data-website-id="1"][data-theme="dark"] .o_portal_wrap .o_portal_index_card > a:hover { color: #f2ede7 !important; border-color: rgba(207, 180, 137, 0.65) !important; background: #2a2826 !important; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.34) !important; } html[data-website-id="1"][data-theme="dark"] .o_portal_wrap .o_portal_index_card > a .fs-5 { color: #f2ede7 !important; } html[data-website-id="1"][data-theme="dark"] .o_portal_wrap .o_portal_index_card > a .opacity-75 { color: #9a9187 !important; opacity: 1 !important; } html[data-website-id="1"][data-theme="dark"] .o_portal_wrap .o_my_sidebar, html[data-website-id="1"][data-theme="dark"] .o_portal_addresses .o_address_card, html[data-website-id="1"][data-theme="dark"] .o_portal_security_body > section { color: #d0c8bc !important; border-color: #3a3733 !important; background: #201f1d !important; box-shadow: 0 8px 26px rgba(0, 0, 0, 0.24); } html[data-website-id="1"][data-theme="dark"] .o_portal_wrap h1, html[data-website-id="1"][data-theme="dark"] .o_portal_wrap h2, html[data-website-id="1"][data-theme="dark"] .o_portal_wrap h3, html[data-website-id="1"][data-theme="dark"] .o_portal_wrap h4, html[data-website-id="1"][data-theme="dark"] .o_portal_wrap h5, html[data-website-id="1"][data-theme="dark"] .o_portal_wrap h6, html[data-website-id="1"][data-theme="dark"] .o_portal_wrap .o_my_sidebar strong { color: #f2ede7 !important; } html[data-website-id="1"][data-theme="dark"] .o_portal_wrap a { color: #cfb489; } html[data-website-id="1"][data-theme="dark"] .o_portal_wrap .text-muted, html[data-website-id="1"][data-theme="dark"] .o_portal_wrap .breadcrumb-item, html[data-website-id="1"][data-theme="dark"] .o_portal_wrap .small { color: #9a9187 !important; } html[data-website-id="1"][data-theme="dark"] .o_portal_security_body .form-control, html[data-website-id="1"][data-theme="dark"] .o_portal_security_body .input-group .btn, html[data-website-id="1"][data-theme="dark"] .o_portal_wrap .form-select { color: #f2ede7 !important; border-color: #3a3733 !important; background: #2a2826 !important; } html[data-website-id="1"][data-theme="dark"] .o_portal_wrap table, html[data-website-id="1"][data-theme="dark"] .o_portal_wrap .table-responsive { color: #d0c8bc !important; border-color: #3a3733 !important; background: #201f1d !important; } html[data-website-id="1"][data-theme="dark"] .o_portal_wrap table > :not(caption) > * > * { color: #d0c8bc !important; border-color: #3a3733 !important; background: transparent !important; } html[data-website-id="1"][data-theme="dark"] .tp-section-header { border-color: #3a3733 !important; } html[data-website-id="1"][data-theme="dark"] .tp-section-bar { background: #cfb489 !important; } html[data-website-id="1"][data-theme="dark"] .tp-section-title { color: #f2ede7 !important; } html[data-website-id="1"][data-theme="dark"] .tp-section-count { color: #cfb489 !important; background: rgba(207, 180, 137, 0.14) !important; } html[data-website-id="1"][data-theme="dark"] .tp-order-card { color: #d0c8bc !important; border-color: #3a3733 !important; background: #201f1d !important; } html[data-website-id="1"][data-theme="dark"] .tp-order-card:hover { color: #f2ede7 !important; border-color: rgba(207, 180, 137, 0.6) !important; background: #24221f !important; box-shadow: 0 8px 26px rgba(0, 0, 0, 0.32) !important; } html[data-website-id="1"][data-theme="dark"] .tp-oc-icon-wrap { color: #cfb489 !important; background: rgba(207, 180, 137, 0.13) !important; } html[data-website-id="1"][data-theme="dark"] .tp-order-card:hover .tp-oc-icon-wrap { color: #0f0e0d !important; background: #cfb489 !important; } html[data-website-id="1"][data-theme="dark"] .tp-oc-number { color: #f2ede7 !important; } html[data-website-id="1"][data-theme="dark"] .tp-oc-meta { color: #b8afa4 !important; } html[data-website-id="1"][data-theme="dark"] .tp-oc-meta i { color: #9a9187 !important; opacity: 1 !important; } html[data-website-id="1"][data-theme="dark"] .tp-oc-total { color: #f2ede7 !important; } html[data-website-id="1"][data-theme="dark"] .tp-oc-total .o_currency_symbol, html[data-website-id="1"][data-theme="dark"] .tp-oc-total .oe_currency_value { color: #cfb489 !important; } html[data-website-id="1"][data-theme="dark"] .tp-oc-arrow { color: #746d64 !important; } html[data-website-id="1"][data-theme="dark"] .tp-order-card:hover .tp-oc-arrow { color: #cfb489 !important; } html[data-website-id="1"][data-theme="dark"] .tp-no-orders-title { color: #f2ede7 !important; } html[data-website-id="1"][data-theme="dark"] .tp-no-orders-text { color: #9a9187 !important; } /* Portal sales-order detail: keep every information surface in the dark palette. */ html[data-website-id="1"][data-theme="dark"] .tp-od-intro { border-color: #3a3733 !important; } html[data-website-id="1"][data-theme="dark"] .tp-od-icon-wrap { color: #cfb489 !important; background: rgba(207, 180, 137, 0.13) !important; } html[data-website-id="1"][data-theme="dark"] .tp-od-title { color: #f2ede7 !important; } html[data-website-id="1"][data-theme="dark"] .tp-od-ref, html[data-website-id="1"][data-theme="dark"] .tp-od-meta { color: #b8afa4 !important; } html[data-website-id="1"][data-theme="dark"] .tp-od-meta i { color: #cfb489 !important; opacity: 1 !important; } html[data-website-id="1"][data-theme="dark"] .tp-od-card { color: #d0c8bc !important; border-color: #3a3733 !important; background: #201f1d !important; } html[data-website-id="1"][data-theme="dark"] .tp-od-card-head { border-color: #3a3733 !important; background: #262421 !important; } html[data-website-id="1"][data-theme="dark"] .tp-od-card-title, html[data-website-id="1"][data-theme="dark"] .tp-od-field-value, html[data-website-id="1"][data-theme="dark"] .tp-od-addr, html[data-website-id="1"][data-theme="dark"] .tp-od-addr .contact_name, html[data-website-id="1"][data-theme="dark"] .tp-od-addr-sub-title { color: #f2ede7 !important; } html[data-website-id="1"][data-theme="dark"] .tp-od-field-label, html[data-website-id="1"][data-theme="dark"] .tp-od-invoice-date { color: #b8afa4 !important; } html[data-website-id="1"][data-theme="dark"] .tp-od-field { border-color: #34312e !important; } html[data-website-id="1"][data-theme="dark"] .tp-od-addr address, html[data-website-id="1"][data-theme="dark"] .tp-od-addr address div, html[data-website-id="1"][data-theme="dark"] .tp-od-addr address span { color: #c9c0b5 !important; } html[data-website-id="1"][data-theme="dark"] .tp-od-addr address i, html[data-website-id="1"][data-theme="dark"] .tp-od-addr-sub-title i { color: #cfb489 !important; opacity: 1 !important; } html[data-website-id="1"][data-theme="dark"] .tp-od-addr-sep, html[data-website-id="1"][data-theme="dark"] .tp-od-invoice-row { border-color: #3a3733 !important; } html[data-website-id="1"][data-theme="dark"] .tp-od-invoice-link { color: #f2ede7 !important; } html[data-website-id="1"][data-theme="dark"] .tp-od-products-wrap { border-color: #4a4641 !important; background: #201f1d !important; } html[data-website-id="1"][data-theme="dark"] .tp-od-table { --bs-table-bg: #201f1d; --bs-table-color: #d0c8bc; --bs-table-border-color: #3a3733; } html[data-website-id="1"][data-theme="dark"] .tp-od-table thead tr, html[data-website-id="1"][data-theme="dark"] .tp-od-table thead th { color: #cfb489 !important; border-color: #3a3733 !important; background: #262421 !important; } html[data-website-id="1"][data-theme="dark"] .tp-od-table tbody td { color: #e3dcd3 !important; border-color: #34312e !important; background: #201f1d !important; } html[data-website-id="1"][data-theme="dark"] .tp-od-table tbody td a, html[data-website-id="1"][data-theme="dark"] .tp-od-table tbody td strong { color: #f2ede7 !important; } html[data-website-id="1"][data-theme="dark"] .tp-od-table .o_line_section td, html[data-website-id="1"][data-theme="dark"] .tp-od-table .o_line_note td { color: #c9c0b5 !important; background: #262421 !important; } html[data-website-id="1"][data-theme="dark"] .tp-od-totals-wrap table { color: #e3dcd3 !important; border-color: #3a3733 !important; background: #201f1d !important; } html[data-website-id="1"][data-theme="dark"] .tp-od-totals-wrap table tr:last-child td, html[data-website-id="1"][data-theme="dark"] .tp-od-totals-wrap table tr:last-child th { color: #f2ede7 !important; border-color: #4a4641 !important; } html[data-website-id="1"][data-theme="dark"] .tp-od-totals-wrap .o_currency_symbol, html[data-website-id="1"][data-theme="dark"] .tp-od-totals-wrap .oe_currency_value { color: #cfb489 !important; } html[data-website-id="1"][data-theme="dark"] .tp-od-terms h4, html[data-website-id="1"][data-theme="dark"] .tp-od-terms em, html[data-website-id="1"][data-theme="dark"] #sale_order_communication h3 { color: #d0c8bc !important; } html[data-website-id="1"][data-theme="dark"] #sale_order_communication { border-color: #3a3733 !important; } html[data-website-id="1"][data-theme="dark"] .o_portal_sidebar .btn { color: #f2ede7 !important; border-color: #4a4641 !important; background: #201f1d !important; } html[data-website-id="1"][data-theme="dark"] .o_portal_sidebar .btn:hover { color: #151311 !important; border-color: #cfb489 !important; background: #cfb489 !important; } /* Contact page: clearer dark surfaces and accessible form controls. */ html[data-website-id="1"][data-theme="dark"] .oudship-contact { color: #d0c8bc !important; background: radial-gradient(circle at 78% 18%, rgba(207, 180, 137, 0.045), transparent 28rem), #151413 !important; } html[data-website-id="1"][data-theme="dark"] .oudship-contact__details h2 { color: #f2ede7 !important; } html[data-website-id="1"][data-theme="dark"] .oudship-contact__details > p, html[data-website-id="1"][data-theme="dark"] .oudship-contact__promise span { color: #aaa197 !important; } html[data-website-id="1"][data-theme="dark"] .oudship-contact__details > a, html[data-website-id="1"][data-theme="dark"] .oudship-contact__promise strong { color: #e8e1d8 !important; } html[data-website-id="1"][data-theme="dark"] .oudship-contact__details > a:hover { color: #cfb489 !important; } html[data-website-id="1"][data-theme="dark"] .oudship-contact__details > a i { color: #cfb489 !important; border-color: rgba(207, 180, 137, 0.55) !important; background: rgba(207, 180, 137, 0.1) !important; } html[data-website-id="1"][data-theme="dark"] .oudship-contact__promise { border-color: #34312e !important; } html[data-website-id="1"][data-theme="dark"] .oudship-contact__promise > i { color: #cfb489 !important; } html[data-website-id="1"][data-theme="dark"] .oudship-contact__form { color: #d0c8bc !important; border-color: #45413c !important; background: #201f1d !important; box-shadow: 0 24px 65px rgba(0, 0, 0, 0.38) !important; } html[data-website-id="1"][data-theme="dark"] .oudship-contact__form label { color: #eee7de !important; } html[data-website-id="1"][data-theme="dark"] .oudship-contact__form .form-control { color: #f2ede7 !important; caret-color: #cfb489; border-color: #45413c !important; background: #191816 !important; box-shadow: none !important; } html[data-website-id="1"][data-theme="dark"] .oudship-contact__form .form-control:hover { border-color: #625b52 !important; } html[data-website-id="1"][data-theme="dark"] .oudship-contact__form .form-control:focus { border-color: #cfb489 !important; background: #1c1a18 !important; box-shadow: 0 0 0 3px rgba(207, 180, 137, 0.13) !important; } html[data-website-id="1"][data-theme="dark"] .oudship-contact__form .form-control::placeholder { color: #80786f !important; opacity: 1; } html[data-website-id="1"][data-theme="dark"] .oudship-contact__form .form-control:-webkit-autofill, html[data-website-id="1"][data-theme="dark"] .oudship-contact__form .form-control:-webkit-autofill:hover, html[data-website-id="1"][data-theme="dark"] .oudship-contact__form .form-control:-webkit-autofill:focus { -webkit-text-fill-color: #f2ede7 !important; -webkit-box-shadow: 0 0 0 1000px #191816 inset !important; caret-color: #cfb489 !important; } html[data-website-id="1"][data-theme="dark"] .oudship-contact__submit { color: #fff !important; border: 1px solid #0d6355 !important; background: #0f5146 !important; } html[data-website-id="1"][data-theme="dark"] .oudship-contact__submit:hover, html[data-website-id="1"][data-theme="dark"] .oudship-contact__submit:focus-visible { color: #151311 !important; border-color: #cfb489 !important; background: #cfb489 !important; } html[data-website-id="1"][data-theme="dark"] .oudship-contact__submit:focus-visible { outline: 3px solid rgba(207, 180, 137, 0.28); outline-offset: 3px; } /* Keep the transparent black site logo legible on the deep-green footer. */ html[data-website-id="1"] .oudship-footer__brand img, html[data-website-id="1"][data-theme="dark"] .oudship-footer__brand img { opacity: 0.96 !important; filter: brightness(0) invert(1) !important; } /* Mobile navigation: prevent the expanded category accordion reverting to white. */ @media (max-width: 991.98px) { html[data-website-id="1"][data-theme="dark"] .oudship-mobile-menu { color: #d0c8bc !important; border-color: #3a3733 !important; background: #171614 !important; } html[data-website-id="1"][data-theme="dark"] .oudship-mobile-menu .offcanvas-header { color: #f2ede7 !important; border-color: #3a3733 !important; background: #11100f !important; } html[data-website-id="1"][data-theme="dark"] .oudship-mobile-links, html[data-website-id="1"][data-theme="dark"] .oudship-mobile-links .accordion-item, html[data-website-id="1"][data-theme="dark"] .oudship-mobile-links .accordion-collapse, html[data-website-id="1"][data-theme="dark"] .oudship-mobile-links .accordion-body, html[data-website-id="1"][data-theme="dark"] .oudship-mobile-links .dropdown-menu { color: #d0c8bc !important; border-color: #34312e !important; background: #171614 !important; } html[data-website-id="1"][data-theme="dark"] .oudship-mobile-links > .nav-item > a, html[data-website-id="1"][data-theme="dark"] .oudship-mobile-links > .nav-item > .nav-link, html[data-website-id="1"][data-theme="dark"] .oudship-mobile-links > .nav-item > .accordion-item > .accordion-button { color: #e8e1d8 !important; border-color: #34312e !important; background: #171614 !important; } html[data-website-id="1"][data-theme="dark"] .oudship-mobile-links .accordion-button:not(.collapsed) { color: #cfb489 !important; border-inline-start-color: #cfb489 !important; background: #262421 !important; } html[data-website-id="1"][data-theme="dark"] .oudship-mobile-links .accordion-button::after { filter: invert(1) sepia(0.25) saturate(0.7) !important; } html[data-website-id="1"][data-theme="dark"] .oudship-mobile-links .accordion-collapse .nav-link { color: #c9c0b5 !important; border-color: #34312e !important; background: #1e1c1a !important; } html[data-website-id="1"][data-theme="dark"] .oudship-mobile-links .accordion-collapse .nav-link:hover, html[data-website-id="1"][data-theme="dark"] .oudship-mobile-links .accordion-collapse .nav-link:focus, html[data-website-id="1"][data-theme="dark"] .oudship-mobile-links .accordion-collapse .nav-link.active { color: #cfb489 !important; border-inline-start-color: #cfb489 !important; background: #292622 !important; } html[data-website-id="1"][data-theme="dark"] .oudship-mobile-menu .oudship-search-form { border-color: #45413c !important; background: #1e1c1a !important; } html[data-website-id="1"][data-theme="dark"] .oudship-mobile-menu .oudship-search-input { color: #f2ede7 !important; background: transparent !important; } html[data-website-id="1"][data-theme="dark"] .oudship-mobile-menu .oudship-search-input::placeholder { color: #80786f !important; } html[data-website-id="1"][data-theme="dark"] .oudship-mobile-languages a { color: #c9c0b5 !important; border-color: #4a4641 !important; background: #1e1c1a !important; } html[data-website-id="1"][data-theme="dark"] .oudship-mobile-languages a.active { color: #cfb489 !important; border-color: #cfb489 !important; } html[data-website-id="1"][data-theme="dark"] .oudship-mobile-account { border-color: #34312e !important; } html[data-website-id="1"][data-theme="dark"] .oudship-mobile-account a { color: #cfb489 !important; border-color: #4a4641 !important; background: #201f1d !important; } html[data-website-id="1"][data-theme="dark"] .oudship-mobile-account .oudship-mobile-account__primary { color: #f7f3ed !important; border-color: #0f5146 !important; background: #0f5146 !important; } html[data-website-id="1"][data-theme="dark"] .oudship-mobile-account a:hover, html[data-website-id="1"][data-theme="dark"] .oudship-mobile-account a:focus { color: #151311 !important; border-color: #cfb489 !important; background: #cfb489 !important; } html[data-website-id="1"][data-theme="dark"] .oudship-mobile-menu .offcanvas-body { scrollbar-color: #5c554d #1b1917; } html[data-website-id="1"][data-theme="dark"] .oudship-mobile-menu .offcanvas-body::-webkit-scrollbar { width: 8px; } html[data-website-id="1"][data-theme="dark"] .oudship-mobile-menu .offcanvas-body::-webkit-scrollbar-track { background: #1b1917; } html[data-website-id="1"][data-theme="dark"] .oudship-mobile-menu .offcanvas-body::-webkit-scrollbar-thumb { border: 2px solid #1b1917; border-radius: 999px; background: #5c554d; } } /* Product photography must retain its original exposure in dark mode. Multiplying it against the dark card crushes shadows and hides the product. */ html[data-website-id="1"][data-theme="dark"] .oudship-shop-marker ~ #o_wsale_container .tp-product-image-container img, html[data-website-id="1"][data-theme="dark"] .oudship-shop-marker ~ #o_wsale_container img.tp-product-image, html[data-website-id="1"][data-theme="dark"] .oudship-wishlist .oe_product_image img, html[data-website-id="1"][data-theme="dark"] .oudship-wishlist img.product-img { opacity: 1 !important; filter: none !important; mix-blend-mode: normal !important; } html[data-website-id="1"][data-theme="dark"] .oudship-shop-marker ~ #o_wsale_container .tp-product-image-container, html[data-website-id="1"][data-theme="dark"] .oudship-wishlist .oe_product_image { background-color: #f7f3ec !important; } /* Login page: replace light-theme foregrounds and phone-field surfaces. */ html[data-website-id="1"][data-theme="dark"] body:has(.oudship-login-card) .login-card-title { color: #f2ede7 !important; } html[data-website-id="1"][data-theme="dark"] body:has(.oudship-login-card) .login-card-subtitle { color: #aaa197 !important; } html[data-website-id="1"][data-theme="dark"] body:has(.oudship-login-card) .login-card-icon { color: #cfb489 !important; border-color: rgba(207, 180, 137, 0.65) !important; background: rgba(207, 180, 137, 0.1) !important; } html[data-website-id="1"][data-theme="dark"] body:has(.oudship-login-card) .login-card-icon svg path { fill: #cfb489 !important; } html[data-website-id="1"][data-theme="dark"] body:has(.oudship-login-card) .s-login-modal-label, html[data-website-id="1"][data-theme="dark"] body:has(.oudship-login-card) .form-label, html[data-website-id="1"][data-theme="dark"] body:has(.oudship-login-card) .wk_multi_label { color: #eee7de !important; } html[data-website-id="1"][data-theme="dark"] body:has(.oudship-login-card) .tp-lm-phone-wrap { color: #d0c8bc !important; border-color: #4a4641 !important; background: #191816 !important; } html[data-website-id="1"][data-theme="dark"] body:has(.oudship-login-card) .tp-lm-phone-wrap:focus-within { border-color: #cfb489 !important; box-shadow: 0 0 0 3px rgba(207, 180, 137, 0.14) !important; } html[data-website-id="1"][data-theme="dark"] body:has(.oudship-login-card) .tp-lm-phone-prefix { color: #cfb489 !important; border-color: #4a4641 !important; background: #262421 !important; } html[data-website-id="1"][data-theme="dark"] body:has(.oudship-login-card) .tp-lm-phone-prefix *, html[data-website-id="1"][data-theme="dark"] body:has(.oudship-login-card) .tp-lm-phone-code { color: #cfb489 !important; } html[data-website-id="1"][data-theme="dark"] body:has(.oudship-login-card) .tp-lm-phone-input, html[data-website-id="1"][data-theme="dark"] body:has(.oudship-login-card) .form-control { color: #f2ede7 !important; border-color: #4a4641 !important; background: #191816 !important; caret-color: #cfb489; } html[data-website-id="1"][data-theme="dark"] body:has(.oudship-login-card) .tp-lm-phone-input::placeholder, html[data-website-id="1"][data-theme="dark"] body:has(.oudship-login-card) .form-control::placeholder { color: #80786f !important; opacity: 1; } html[data-website-id="1"][data-theme="dark"] body:has(.oudship-login-card) .form-control:focus { border-color: #cfb489 !important; background: #1c1a18 !important; box-shadow: 0 0 0 3px rgba(207, 180, 137, 0.14) !important; } html[data-website-id="1"][data-theme="dark"] body:has(.oudship-login-card) .btn-verify-login:not(:disabled), html[data-website-id="1"][data-theme="dark"] body:has(.oudship-login-card) .wk_multi_login:not(:disabled), html[data-website-id="1"][data-theme="dark"] body:has(.oudship-login-card) .otp_option_next_btn:not(:disabled), html[data-website-id="1"][data-theme="dark"] body:has(.oudship-login-card) .login_container_next_btn:not(:disabled) { color: #fff !important; border-color: #0f6354 !important; background: #0f5146 !important; } html[data-website-id="1"][data-theme="dark"] body:has(.oudship-login-card) .btn-verify-login:disabled, html[data-website-id="1"][data-theme="dark"] body:has(.oudship-login-card) .wk_multi_login:disabled, html[data-website-id="1"][data-theme="dark"] body:has(.oudship-login-card) .otp_option_next_btn:disabled, html[data-website-id="1"][data-theme="dark"] body:has(.oudship-login-card) .login_container_next_btn:disabled { color: #a79e93 !important; border-color: #3f3b37 !important; background: #2a2826 !important; opacity: 1 !important; } html[data-website-id="1"][data-theme="dark"] body:has(.oudship-login-card) .btn-outline-gold { color: #cfb489 !important; border-color: #cfb489 !important; background: transparent !important; } html[data-website-id="1"][data-theme="dark"] body:has(.oudship-login-card) .btn-outline-gold:hover, html[data-website-id="1"][data-theme="dark"] body:has(.oudship-login-card) .btn-outline-gold:focus-visible { color: #151311 !important; background: #cfb489 !important; } html[data-website-id="1"][data-theme="dark"] body:has(.oudship-login-card) .login-form-links a { color: #cfb489 !important; } /* Mobile/desktop account popup: keep the sheet within the dark palette. */ html[data-website-id="1"][data-theme="dark"] .tp-account-popup-overlay { background: rgba(8, 7, 6, 0.72) !important; backdrop-filter: blur(3px); } html[data-website-id="1"][data-theme="dark"] .tp-account-popup-content { color: #d0c8bc !important; border: 1px solid #3a3733 !important; background: #201f1d !important; box-shadow: 0 22px 60px rgba(0, 0, 0, 0.55) !important; } html[data-website-id="1"][data-theme="dark"] .tp-account-popup-header { color: #f2ede7 !important; border-color: #3a3733 !important; background: #262421 !important; } html[data-website-id="1"][data-theme="dark"] .tp-account-popup-header i, html[data-website-id="1"][data-theme="dark"] .tp-account-popup-header .tp-popup-avatar { color: #cfb489 !important; } html[data-website-id="1"][data-theme="dark"] .tp-account-popup-header .tp-popup-name { color: #f2ede7 !important; } html[data-website-id="1"][data-theme="dark"] .tp-account-popup-header .tp-popup-email { color: #9a9187 !important; } html[data-website-id="1"][data-theme="dark"] .tp-account-popup-close { opacity: 0.82 !important; filter: invert(1) sepia(0.18) saturate(0.65) !important; } html[data-website-id="1"][data-theme="dark"] .tp-account-popup-close:hover, html[data-website-id="1"][data-theme="dark"] .tp-account-popup-close:focus-visible { opacity: 1 !important; } html[data-website-id="1"][data-theme="dark"] .tp-account-popup-body { color: #d0c8bc !important; background: #201f1d !important; } html[data-website-id="1"][data-theme="dark"] .tp-account-popup-body a.tp-account-popup-item:not(.btn):not(.nav-link):not(.dropdown-item) { color: #e3dcd3 !important; background: transparent !important; } html[data-website-id="1"][data-theme="dark"] .tp-account-popup-item i { color: #cfb489 !important; opacity: 1 !important; } html[data-website-id="1"][data-theme="dark"] .tp-account-popup-body a.tp-account-popup-item:not(.btn):not(.nav-link):not(.dropdown-item):hover, html[data-website-id="1"][data-theme="dark"] .tp-account-popup-body a.tp-account-popup-item:not(.btn):not(.nav-link):not(.dropdown-item):focus-visible { color: #cfb489 !important; background: #2a2826 !important; } html[data-website-id="1"][data-theme="dark"] .tp-account-popup-divider { background: #3a3733 !important; } html[data-website-id="1"][data-theme="dark"] .tp-account-popup-body a.tp-account-popup-item.tp-account-popup-logout:not(.btn):not(.nav-link):not(.dropdown-item), html[data-website-id="1"][data-theme="dark"] .tp-account-popup-item.tp-account-popup-logout i { color: #ff9a9a !important; } html[data-website-id="1"][data-theme="dark"] .tp-account-popup-body a.tp-account-popup-item.tp-account-popup-logout:not(.btn):not(.nav-link):not(.dropdown-item):hover, html[data-website-id="1"][data-theme="dark"] .tp-account-popup-body a.tp-account-popup-item.tp-account-popup-logout:not(.btn):not(.nav-link):not(.dropdown-item):focus-visible { color: #ffb4b4 !important; background: rgba(198, 40, 40, 0.16) !important; } @media (max-width: 767.98px) { html[data-website-id="1"][data-theme="dark"] .tp-account-popup-content { max-height: calc(100dvh - 5rem); overflow-y: auto; border-bottom: 0 !important; border-radius: 18px 18px 0 0 !important; scrollbar-color: #5c554d #201f1d; } }