/* Theme Name: Imdadat Theme URI: https://imdadat.com Author: Imdadat Description: Classic WordPress + WooCommerce theme for IMDADAT, a B2B cash-on-delivery wholesale store for the Syria market (Arabic, RTL). A "translation layer" that renders our hand-built HTML/CSS with WooCommerce data. Indigo / gold / white (Option C palette), Cairo / Tajawal. Version: 1.24.13 Requires at least: 6.4 Tested up to: 6.7 Requires PHP: 8.0 License: GPL-2.0-or-later Text Domain: imdadat */ /* IMDADAT palette — Option C "Royal Indigo & Gold" (primary #1F3A8A, accent #D4A017), pending final sign-off */ /* RTL: TODO audit — theme was authored LTR (French B2C). header.php now sets and app.css sets direction: rtl on root/body, but the WooCommerce bridge rules below still use LTR-biased properties (text-align: left, padding-left, border-left accents). Flip these in a dedicated RTL pass. */ /* The component look (cards, hero, shop, pdp, chrome) lives in assets/css/app.css — that's our prototype CSS verbatim. This file adds: self-hosted fonts + the bridge for WooCommerce-generated markup (add-to-cart, cart, checkout). */ /* ── Fonts ──────────────────────────────────────────────────────────────────── Arabic-capable families: Cairo (headings/display) + Tajawal (UI/body). Loaded from the Google Fonts CDN — enqueued as 'imdadat-fonts' in functions.php (with preconnect hints). No local @font-face needed; the family names below ("Cairo" / "Tajawal") resolve against the CDN stylesheet. To self-host later: drop cairo-*.woff2 / tajawal-*.woff2 in assets/fonts/ and re-add @font-face rules here, then remove the CDN enqueue. */ /* ── Card add-to-cart button → match our .card__add ──────────────────────── */ .card .button, .card a.button, .card .added_to_cart { font-family: "Cairo", sans-serif; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 0.05em; background: #000; color: #fff; padding: 10px 14px; border: none; border-radius: 0; line-height: 1; margin: 0; display: inline-block; transition: background .18s; } .card .button:hover { background: #1F3A8A; color: #fff; } .card .card__row { gap: 10px; } /* ── WooCommerce add-to-cart form (single product) ───────────────────────── */ .woocommerce div.product form.cart .quantity input.qty { border: 2px solid #000; border-radius: 0; height: 48px; width: 64px; text-align: center; font-family: "Tajawal", monospace; font-weight: 700; } .woocommerce div.product form.cart .button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { border-radius: 0; font-family: "Cairo", sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; background: #1F3A8A; color: #fff; border: 2px solid #1F3A8A; padding: 14px 24px; } .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce .button:hover { background: #000; border-color: #000; } /* ── Notices, cart, checkout (not template-overridden → CSS only) ─────────── */ .woocommerce-message, .woocommerce-info, .woocommerce-error { border-top-color: #1F3A8A; border-radius: 0; } .woocommerce table.shop_table, .woocommerce .cart-collaterals .cart_totals, .woocommerce-checkout #order_review { border: 2px solid #000; border-radius: 0; } .woocommerce table.shop_table th { font-family: "Tajawal", monospace; text-transform: uppercase; letter-spacing: 0.06em; font-size: 12px; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .select2-container .select2-selection { border: 2px solid #000 !important; border-radius: 0 !important; } .woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering select { font-family: "Tajawal", monospace; text-transform: uppercase; letter-spacing: 0.06em; font-size: 12px; } .woocommerce .woocommerce-ordering select { border: 2px solid #000; border-radius: 0; padding: 9px 12px; } /* ── Fallback grid for any default WC loop (e.g. related) ─────────────────── */ .woocommerce ul.products { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 22px; margin: 0; padding: 0; } .woocommerce ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; } /* ── Product card: clean "Ajouter" → − qty + stepper once in cart ─────── */ .card .card__price { margin-top: auto; padding: 0 16px 14px; } /* Fixed-height cart strip so .card__add and the −/qty/+ stepper occupy the exact * same box — no layout shift when the user adds the first unit. */ .card__cart { display: flex; align-items: stretch; border-top: 2px solid #000; height: 43px; } .card__add, .card__minus, .card__plus { background: #000; color: #fff; border: none; cursor: pointer; font-family: "Cairo", sans-serif; font-weight: 800; line-height: 1; transition: background .15s; display: flex; align-items: center; justify-content: center; padding: 0; } .card__add { flex: 1; text-transform: uppercase; letter-spacing: 0.06em; font-size: 13px; } .card__minus, .card__plus { width: 52px; font-size: 22px; } .card__qty { flex: 1; display: flex; align-items: center; justify-content: center; font-family: "Tajawal", monospace; font-weight: 700; font-size: 15px; color: #000; padding: 0; } .card__add:hover, .card__plus:hover, .card__minus:hover { background: #1F3A8A; } .card__cart[data-qty="0"] .card__minus, .card__cart[data-qty="0"] .card__qty, .card__cart[data-qty="0"] .card__plus { display: none; } .card__cart:not([data-qty="0"]) .card__add { display: none; } /* PDP quantity input (number field hidden spinners + Space Mono) */ .qty__input { width: 56px; text-align: center; border: none; font-family: "Tajawal", monospace; font-weight: 700; font-size: 16px; padding: 13px 0; background: transparent; -moz-appearance: textfield; } .qty__input::-webkit-inner-spin-button, .qty__input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .qty__input:focus { outline: none; } .pdp__add { white-space: nowrap; } /* ── WooCommerce BLOCKS (cart / checkout) — keep our look ──────────────── */ .wp-block-woocommerce-cart, .wp-block-woocommerce-checkout, .wc-block-components-form { font-family: "Tajawal", sans-serif !important; } .wc-block-cart__totals-title, .wc-block-checkout__totals-title, .wc-block-components-title, .wc-block-cart__main-content > h2, .wc-block-checkout > h2 { font-family: "Cairo", sans-serif !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: -0.01em !important; } .wc-block-components-product-name { font-family: "Cairo", sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; } .wc-block-components-totals-item__label, .wc-block-components-totals-item__value, .wc-block-formatted-money-amount, .wc-block-components-product-price { font-family: "Tajawal", monospace !important; font-weight: 700 !important; } .wc-block-components-text-input input, .wc-block-components-text-input textarea, .wc-block-components-select select, .wc-block-components-combobox input { border: 2px solid #000 !important; border-radius: 0 !important; font-family: "Tajawal", sans-serif !important; } .wc-block-components-button, .wc-block-components-button:not(.is-link), .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button { border-radius: 0 !important; font-family: "Cairo", sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; background: #1F3A8A !important; color: #fff !important; border: 2px solid #1F3A8A !important; box-shadow: none !important; } .wc-block-components-button:not(.is-link):hover { background: #000 !important; border-color: #000 !important; } .wc-block-cart-item__image img, .wc-block-cart-items img { border: 2px solid #000 !important; } .wc-block-components-quantity-selector { border: 2px solid #000 !important; border-radius: 0 !important; } .wc-block-components-quantity-selector input { font-family: "Tajawal", monospace !important; } .wc-block-components-payment-method-label { font-family: "Cairo", sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; } .wc-block-components-notice-banner { border-radius: 0 !important; border-left: 4px solid #1F3A8A !important; } /* ── WooCommerce legacy pages (cart / checkout / account via shortcode) ──── */ /* Widen the prose wrapper so WC pages don't sit in a 720px column */ body.woocommerce-cart .prose, body.woocommerce-checkout .prose, body.woocommerce-account .prose { max-width: 1180px !important; padding: 32px 24px 96px !important; } /* Info / coupon prompt boxes */ .woocommerce-info, .woocommerce-message { border-radius: 0 !important; border-top: 4px solid #1F3A8A !important; background: #fff !important; padding: 14px 18px !important; font-family: "Tajawal", monospace !important; font-size: 13px !important; color: #111 !important; } .woocommerce-info::before, .woocommerce-message::before { color: #1F3A8A !important; } .woocommerce-info a, .woocommerce-message a { color: #1F3A8A !important; } /* Cart layout */ .woocommerce-cart .woocommerce-cart-form { width: 100% !important; } .woocommerce-cart .cart-collaterals { width: 100% !important; float: none !important; margin-top: 32px; display: grid; grid-template-columns: 1fr 1fr; gap: 32px; } .woocommerce-cart .cart-collaterals .cart_totals { width: 100% !important; float: none !important; padding: 24px; border: 2px solid #000; } .woocommerce-cart .cart_totals h2 { font-family: "Cairo", sans-serif; font-weight: 800; text-transform: uppercase; font-size: 18px; margin-bottom: 14px; } .woocommerce-cart .wc-proceed-to-checkout a.button { width: 100%; margin-top: 14px; } /* Checkout — two-column layout */ .woocommerce form.checkout, .woocommerce form.woocommerce-checkout, .woocommerce form#checkout { display: grid !important; grid-template-columns: 1fr 380px !important; gap: 48px !important; align-items: start; } .woocommerce form.checkout > .col2-set { grid-column: 1; } .woocommerce form.checkout .col2-set .col-1, .woocommerce form.checkout .col2-set .col-2 { float: none !important; width: 100% !important; margin: 0 0 18px !important; } .woocommerce form.checkout > #order_review_heading { grid-column: 2; grid-row: 1; margin: 0 0 14px; font-family: "Cairo", sans-serif !important; font-weight: 800 !important; text-transform: uppercase !important; font-size: 18px !important; } .woocommerce form.checkout > #order_review { grid-column: 2; grid-row: 2; border: 2px solid #000; padding: 22px; background: #fff; position: sticky; top: 24px; } .woocommerce form.checkout > .woocommerce-notices-wrapper { grid-column: 1 / -1; } .woocommerce form.checkout h3 { font-family: "Cairo", sans-serif; font-weight: 800; text-transform: uppercase; font-size: 18px; margin: 0 0 14px; } /* Form rows: labels + inputs */ .woocommerce form .form-row { padding: 0 !important; margin-bottom: 14px !important; } .woocommerce form .form-row label { display: block !important; font-family: "Tajawal", monospace !important; font-size: 11px !important; text-transform: uppercase !important; letter-spacing: 1px !important; color: rgba(0,0,0,.6) !important; margin-bottom: 6px !important; } .woocommerce form .form-row .required { color: #1F3A8A !important; text-decoration: none !important; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row input[type="text"], .woocommerce form .form-row input[type="email"], .woocommerce form .form-row input[type="tel"], .woocommerce form .form-row input[type="number"], .woocommerce form .form-row input[type="password"], .woocommerce form .form-row textarea { width: 100% !important; box-sizing: border-box !important; border: 2px solid #000 !important; border-radius: 0 !important; padding: 13px 14px !important; font-family: "Tajawal", sans-serif !important; font-size: 15px !important; background: #fff !important; height: auto !important; line-height: 1.4 !important; } .woocommerce form .form-row textarea { min-height: 96px !important; } .woocommerce form .form-row select { width: 100% !important; border: 2px solid #000 !important; border-radius: 0 !important; padding: 13px 14px !important; font-family: "Tajawal", sans-serif !important; font-size: 15px !important; background: #fff !important; height: auto !important; } .select2-container--default .select2-selection--single { border: 2px solid #000 !important; border-radius: 0 !important; height: 50px !important; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 46px !important; padding-left: 14px !important; font-family: "Tajawal", sans-serif !important; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px !important; } /* Shop tables (cart items + order review) */ .woocommerce table.shop_table { border: 2px solid #000 !important; border-radius: 0 !important; border-collapse: collapse !important; width: 100% !important; } .woocommerce table.shop_table th, .woocommerce table.shop_table td { padding: 12px 14px !important; border-color: rgba(0,0,0,.12) !important; } .woocommerce table.shop_table th { font-family: "Tajawal", monospace !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; font-size: 12px !important; background: transparent !important; } .woocommerce table.shop_table td { font-family: "Tajawal", sans-serif !important; font-size: 14px !important; } .woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tfoot td { font-family: "Tajawal", monospace !important; font-weight: 700 !important; } .woocommerce table.shop_table img { border: 2px solid #000 !important; max-width: 60px !important; height: auto !important; } /* Payment methods box */ .woocommerce-checkout #payment { background: #fff !important; border: 2px solid #000 !important; border-top: none !important; border-radius: 0 !important; margin-top: -2px !important; } .woocommerce-checkout #payment ul.payment_methods { border: none !important; padding: 16px !important; margin: 0 !important; } .woocommerce-checkout #payment ul.payment_methods li { padding: 10px 0 !important; border: none !important; background: none !important; } .woocommerce-checkout #payment ul.payment_methods li label { font-family: "Cairo", sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; font-size: 13px !important; } .woocommerce-checkout #payment ul.payment_methods li .payment_box { background: transparent !important; border: 1px solid rgba(0,0,0,.14) !important; border-radius: 0 !important; padding: 12px !important; margin-top: 8px !important; font-family: "Tajawal", sans-serif !important; font-size: 13px !important; color: rgba(0,0,0,.6) !important; } .woocommerce-checkout #payment ul.payment_methods li .payment_box::before { display: none !important; } .woocommerce-checkout .place-order { padding: 16px !important; border-top: 2px solid #000 !important; } .woocommerce #place_order { width: 100% !important; } /* Cart quantity input */ .woocommerce .quantity input.qty { border: 2px solid #000 !important; border-radius: 0 !important; padding: 8px !important; font-family: "Tajawal", monospace !important; width: 64px !important; height: 40px !important; text-align: center !important; } @media (max-width: 980px) { .woocommerce form.checkout, .woocommerce form.woocommerce-checkout, .woocommerce form#checkout { grid-template-columns: 1fr !important; } .woocommerce form.checkout > #order_review_heading, .woocommerce form.checkout > #order_review { grid-column: 1 !important; grid-row: auto !important; position: static !important; } .woocommerce-cart .cart-collaterals { grid-template-columns: 1fr; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }