/* Theme Name: Woodmart Child Description: Woodmart Child Theme Author: XTemos Author URI: http://xtemos.com Template: woodmart Version: 1.0.0 Text Domain: woodmart */ #place_order{ margin-top:0px!important; } .payment_methods .payment_box{ margin-top: 0px!important; } ul.wc_payment_methods.payment_methods.methods li label > font{ display: none!important; } ul.wc_payment_methods.payment_methods.methods li label { padding:20px; background:#fff; position:relative; text-indent: -9999px; /* move the text outside the visible area */ display: flex; /* make sure the label is displayed as a block element */ overflow: hidden; /* hide any overflow */ width: 100%; /* set a width to prevent the label from collapsing */ height: 100%; margin: 3px; border-radius: 10px; } ul.wc_payment_methods.payment_methods.methods li:last-child{ width:95%; } ul.wc_payment_methods.payment_methods.methods li:last-child label{ width:100%; display: flex; } .wc_payment_method>label:first-of-type img{ margin:auto!important; } ul.wc_payment_methods.payment_methods.methods li label img { display: block!important; /* make sure the image is displayed as a block element */ max-width: 100%; /* make sure the image does not exceed the width of the label */ } ul.wc_payment_methods.payment_methods.methods li input { display: none; } ul.wc_payment_methods.payment_methods.methods li input:checked ~label { border:3px solid #2871e1; } ul.wc_payment_methods.payment_methods.methods li input:checked ~label:before { content:'\2713'; position:absolute; top:0; right:0; text-indent: 1px; display: inline-block; font-family: "woodmart-font"; font-size:14px; color:#fff; background:#2871e1; padding:0px 6px; border-radius:0px 0px 0px 15px } ul.wc_payment_methods.payment_methods.methods { display: flex; flex-wrap: wrap; /* margin-bottom: 50%; position: relative; */ } ul.wc_payment_methods.payment_methods.methods li { flex: 1 0 33.33%; /* sets the initial width of each column to one-third */ padding: 10px; box-sizing: border-box; } @media screen and (min-width: 1000px) { ul.wc_payment_methods.payment_methods.methods li:nth-last-child(1):nth-child(odd), ul.wc_payment_methods.payment_methods.methods li:nth-last-child(2):nth-child(even) { flex-basis: 33.33%; /* sets the width of the last column to 60% when there are 5 columns */ } } ul.wc_payment_methods.payment_methods.methods li{ margin-bottom:0px!important; } @media screen and (min-width: 1000px) { ul.wc_payment_methods.payment_methods.methods li:nth-last-child(1):nth-child(odd), ul.wc_payment_methods.payment_methods.methods li:nth-last-child(2):nth-child(odd), ul.wc_payment_methods.payment_methods.methods li:nth-last-child(3):nth-child(odd), ul.wc_payment_methods.payment_methods.methods li:nth-last-child(4):nth-child(odd) { flex-basis: 33.33%; /* sets the width of each column to one-third when there are 11 or 12 columns */ } } .payment_box { padding: 0px 10px; /*position: absolute!important; right: 0; top: 100%;*/ } ul.wc_payment_methods.payment_methods.methods li label .info { display: none!important; } @media screen and (max-width: 992px) { /* styles for mobile devices */ ul.wc_payment_methods.payment_methods.methods li { flex: 1 0 50%; /* sets the initial width of each column to one-third */ padding: 10px; box-sizing: border-box; } ul.wc_payment_methods.payment_methods.methods li:nth-last-child(-n+3):nth-child(n), { flex-basis: 100%; /* sets the width of the last column to 60% when there are 5 columns */ } ul.wc_payment_methods.payment_methods.methods li { flex-basis: calc(100% / 2 - 20px); } ul.wc_payment_methods.payment_methods.methods label{ width: 100%!important; text-align:center; } .payment_box { top:100%; } li.wc_payment_method.payment_method_tamara-gateway-pay-in-3 input:checked ~ ul { margin-bottom: 85%; } /* ul.wc_payment_methods.payment_methods.methods { margin-bottom: 85%; }*/ } li.wc_payment_method label { box-shadow: 0px 0px 10px 2px rgba(227,211,211,0.75); } div#payment{ padding: 0 15px; } /* ============================================================ * Moyasar (moyasar_cc) saved-cards area cleanup — added 2026-06-28 * The inner WC "SavedPaymentMethods" list inherited a default * bullet + loose spacing. When there are no saved cards the lone * "add new card" radio is redundant (the card form shows anyway). * ============================================================ */ .payment_box .woocommerce-SavedPaymentMethods { list-style: none !important; margin: 0 0 12px !important; padding: 0 !important; } .payment_box .woocommerce-SavedPaymentMethods li { list-style: none !important; margin: 0 !important; padding: 6px 0 !important; display: flex; align-items: center; gap: 8px; } .payment_box .woocommerce-SavedPaymentMethods li label { margin: 0 !important; font-weight: 500; cursor: pointer; } /* No saved cards -> hide the redundant lone "add new card" radio */ .payment_box .woocommerce-SavedPaymentMethods[data-count="0"] { display: none !important; } /* Moyasar card-logo tab: smaller logos, centered in the tab — added 2026-06-28 */ .wc_payment_method.payment_method_moyasar_cc label .moyasar-cc-tab-logos { display: flex !important; width: 100% !important; justify-content: center !important; align-items: center !important; gap: 6px !important; margin: auto !important; flex-wrap: nowrap !important; } .wc_payment_method.payment_method_moyasar_cc label .moyasar-cc-tab-logos img { height: 17px !important; width: auto !important; margin: 0 !important; } /* Out-of-stock card button "نبهني عند توفره" (dm-cart-stepper) — clickable CTA */ .dm-cart-control.dm-mode-notify{ background:#ffffff !important; color:var(--dmcs-primary) !important; border:1px solid var(--dmcs-primary) !important; cursor:pointer !important; text-decoration:none !important; white-space:normal !important; text-align:center; line-height:1.2; } .dm-cart-control.dm-mode-notify:hover, .dm-cart-control.dm-mode-notify:focus{ background:var(--dmcs-primary) !important; color:var(--dmcs-text-on-primary) !important; text-decoration:none !important; } /* Notify button must never widen its card */ .dm-cart-control.dm-mode-notify{ max-width:100% !important; box-sizing:border-box !important; } /* Guard against horizontal overflow / footer left-gap on phones (RTL) */ @media (max-width: 1024px){ html{ overflow-x:clip; } footer.footer-container, footer.footer-container .container.main-footer{ max-width:100% !important; } } /* Carousels: clip off-screen slides with a HIDDEN fallback for browsers that do not support `overflow: clip` (older mobile Safari/Android). Fixes the English/LTR homepage hero (carousel disabled on mobile) overflowing to ~3x viewport width, which pushed the footer right and left a gap. */ .wp-block-wd-slider .wd-carousel-container, .wp-block-wd-slider .wd-carousel-inner{ overflow-x: hidden; overflow-x: clip; } /* clip + hidden fallback for ALL WoodMart carousels - brand strip and hero use wd-carousel-dis-mb and overflowed where overflow:clip is unsupported */ .wd-carousel-container, .wd-carousel-inner{ overflow-x: hidden; overflow-x: clip; } /* Catch-all: clip horizontal overflow at the page wrapper on phones/tablets so no stray element (carousels, header promo, etc.) widens the page and offsets the footer. clip where supported, hidden fallback elsewhere. */ @media (max-width: 1024.98px){ .wd-page-wrapper{ overflow-x: hidden; overflow-x: clip; } } /* Footer green section full-bleed — direction-proof (AR + EN). WoodMart's .wp-block-wd-section (css/parts/block-fw-section.css) is natively full-bleed via width:calc(100vw - --wd-scroll-w - --wd-sticky-nav-w) plus the LOGICAL inset-inline-start:calc(50% - 50vw + --wd-scroll-w/2 + --wd-sticky-nav-w/2). This site loads the RTL stylesheet on EVERY page (WP locale is Arabic, is_rtl() is globally true), so English/Polylang pages compute direction:rtl. That flips inset-inline-start to the wrong edge → the green box is pushed +15px to the right on /en/ (gap on the left, overshoot on the right). AR looked fine only because its direction happens to match the logical flip. Fix: keep WoodMart's native width, but re-pin the break-out to the PHYSICAL left using the exact same offset, and neutralise the logical inset so direction can no longer flip it. Verified via ?bcoverflow=1: section was L15/R399 (rtl-flipped); this yields L0/R(viewport). Do NOT reintroduce margin-inline here — it fights the native 100vw width and re-creates the shift. */ html[lang^="en"] footer.wd-footer .wd-bcft-mai{ margin-inline: 0 !important; inset-inline-start: auto !important; right: auto !important; left: calc(50% - 50vw + var(--wd-scroll-w, 0px) / 2 + var(--wd-sticky-nav-w, 0px) / 2) !important; } /* ============================================================================ English footer → LTR. The footer's RTL layout is hard-coded in the WordPress Customizer (