/* Classic WooCommerce cart / checkout / thank-you / account, dressed with the Schleizer app's checkout look
   (same tokens and measurements as storefront.css: .checkout-form-panel, .checkout-sidebar, .cart-summary, .order-receipt).
   The markup stays WooCommerce's own, so Flexible Checkout Fields, shipping, payment gateways and pixels keep working. */

.sz-woocommerce-page .woocommerce{max-width:1100px;margin:0 auto}
.woocommerce form .form-row{margin:0}
.woocommerce .required{color:#a52b36;text-decoration:none}
.woocommerce abbr[title]{text-decoration:none}

/* headings added by the theme */
.checkout-heading{margin:0 0 22px}
.checkout-heading h1{font-size:25px;line-height:1.5}
.checkout-heading p{color:var(--muted);font-size:14px;line-height:2;margin-top:6px}
.checkout-fields-head h2{font-size:23px;margin-bottom:6px}
.checkout-fields-head p{font-size:13px;color:var(--muted);line-height:2;margin-bottom:22px}

/* ---- checkout layout ---- */
form.checkout.woocommerce-checkout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:0 30px;align-items:start}
form.checkout #customer_details{grid-column:1;grid-row:1 / span 3;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:16px}
form.checkout #order_review_heading{grid-column:2;grid-row:1;font-size:22px;margin:0 0 14px;display:none}
form.checkout #order_review{grid-column:2;grid-row:1;padding:26px;background:var(--bg);border:1px solid var(--line);border-radius:16px;position:sticky;top:24px}
form.checkout #customer_details .col-1,form.checkout #customer_details .col-2{float:none;width:100%;max-width:none}
form.checkout #customer_details h3{font-size:20px;margin:0 0 16px}
.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper,.woocommerce-additional-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}
.woocommerce form .form-row{display:flex;flex-direction:column;gap:8px;min-width:0;float:none;width:auto;padding:0}
.woocommerce form .form-row-wide,.woocommerce form .form-row.notes,.woocommerce form .form-row.validate-required.form-row-wide{grid-column:1 / -1}
.woocommerce form .form-row label{font-size:13px;font-weight:500;line-height:1.7;display:block}
.woocommerce form .form-row .optional{font-size:12px;font-weight:400;color:var(--muted)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce-checkout .select2-selection{width:100%;min-height:50px;padding:12px 14px;background:var(--surface);border:1px solid #cfc5bd;border-radius:12px;font:inherit;font-size:14px;color:var(--ink)}
.woocommerce form .form-row textarea{min-height:94px;resize:vertical}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus,.woocommerce form .form-row select:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 3px #ff8a001a}
.woocommerce form .form-row input[type=tel],.woocommerce form .form-row input[type=email]{text-align:right;direction:ltr}
.woocommerce form .form-row.woocommerce-invalid input.input-text,.woocommerce form .form-row.woocommerce-invalid select{border-color:#a52b36}
.woocommerce form .form-row .woocommerce-input-wrapper{display:block}

/* order review (sidebar) */
#order_review table.shop_table{width:100%;border:0;border-collapse:collapse;margin:0 0 6px}
#order_review table.shop_table th,#order_review table.shop_table td{padding:13px 0;border:0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.9;text-align:start;background:none}
#order_review table.shop_table td:last-child,#order_review table.shop_table th:last-child{text-align:end;white-space:nowrap}
#order_review table.shop_table thead th{font-size:22px;font-weight:700;border-bottom:1px solid var(--line)}
#order_review .order-total th,#order_review .order-total td{font-size:18px;font-weight:700;color:var(--primary);border-bottom:0}
#order_review .product-quantity{color:var(--muted);font-weight:400}
.woocommerce-shipping-methods{list-style:none;margin:0;padding:0}
.woocommerce-shipping-methods li{display:flex;gap:8px;align-items:center;margin:0 0 6px}
.woocommerce-shipping-methods input{accent-color:var(--primary)}

/* payment */
#payment{background:none;border-radius:0}
#payment ul.payment_methods{list-style:none;margin:18px 0 0;padding:0;border:0}
#payment ul.payment_methods li{border:1px solid #dfd2c5;border-radius:12px;background:var(--surface);padding:16px 18px;margin:0 0 10px}
#payment ul.payment_methods li label{font-size:14px;font-weight:600;display:inline}
#payment ul.payment_methods li input{accent-color:var(--primary);margin-inline-end:8px}
#payment div.payment_box{background:none;color:var(--muted);font-size:12px;line-height:1.9;margin:8px 0 0;padding:0}
#payment div.payment_box::before{display:none}
.woocommerce-terms-and-conditions-wrapper,.woocommerce-privacy-policy-text{font-size:12px;line-height:1.9;color:var(--muted)}
#place_order,.woocommerce a.button.checkout-button,.woocommerce .button.alt,.woocommerce button.button.alt{width:100%;min-height:50px;padding:12px 24px;border-radius:12px;border:1px solid transparent;background:var(--primary);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px}
#place_order{margin-top:15px;float:none}
#place_order:hover,.woocommerce a.button.checkout-button:hover{background:var(--brand-dark,var(--primary));filter:brightness(.95)}
#place_order:disabled{opacity:.5;cursor:not-allowed}

/* notices */
.woocommerce-error,.woocommerce-message,.woocommerce-info{list-style:none;margin:0 0 18px;padding:14px 16px;border-radius:12px;font-size:13px;line-height:1.9}
.woocommerce-error{color:#a52b36;background:#fff1f1;border:1px solid #efc8cd}
.woocommerce-message,.woocommerce-info{background:var(--accent);border:1px solid var(--line)}
.woocommerce-error li{margin:0}
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-form-coupon-toggle{margin-bottom:14px}

/* ---- cart ---- */
.woocommerce-cart .woocommerce{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:0 32px;align-items:start}
.woocommerce-cart .woocommerce>.woocommerce-notices-wrapper,.woocommerce-cart .sz-ship-bar{grid-column:1 / -1}
.woocommerce-cart-form{grid-column:1}
.woocommerce-cart .cart-collaterals{grid-column:2;width:auto}
.woocommerce-cart table.shop_table.cart{width:100%;border:0;border-collapse:collapse;display:block;background:none}
.woocommerce-cart table.shop_table.cart thead{display:none}
.woocommerce-cart table.shop_table.cart tbody{display:block}
.woocommerce-cart table.shop_table.cart tr.cart_item{display:grid;grid-template-columns:106px 1fr auto;grid-template-areas:"img name remove" "img qty price";gap:6px 18px;padding:20px;margin:0 0 12px;background:var(--surface);border:1px solid var(--line);border-radius:16px;align-items:center}
.woocommerce-cart table.cart td{display:block;border:0;padding:0;background:none}
.woocommerce-cart table.cart td.product-thumbnail{grid-area:img}
.woocommerce-cart table.cart td.product-thumbnail img{width:106px;height:106px;object-fit:contain;border-radius:14px;background:var(--bg)}
.woocommerce-cart table.cart td.product-name{grid-area:name;font-size:15px;line-height:1.9;font-weight:550}
.woocommerce-cart table.cart td.product-name a{color:var(--ink)}
.woocommerce-cart table.cart td.product-price{display:none}
.woocommerce-cart table.cart td.product-quantity{grid-area:qty}
.woocommerce-cart table.cart td.product-subtotal{grid-area:price;font-size:20px;font-weight:650;text-align:end}
.woocommerce-cart table.cart td.product-remove{grid-area:remove}
.woocommerce-cart table.cart td.product-remove a.remove{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:var(--muted)!important;font-size:22px;text-decoration:none;background:none}
.woocommerce-cart table.cart td.product-remove a.remove:hover{background:var(--bg);color:#a52b36!important}
.woocommerce-cart table.cart td.actions{display:block;padding:6px 0 0}
.woocommerce-cart table.cart td.actions .coupon{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.woocommerce-cart table.cart td.actions .coupon input{flex:1;min-width:140px;min-height:46px;border:1px solid #cfc5bd;border-radius:12px;padding:0 14px;font:inherit}
.woocommerce-cart table.cart td.actions .button,.woocommerce-cart table.cart td.actions button{min-height:46px;border-radius:12px;border:1px solid #c4bbb4;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;font-weight:600;padding:0 20px;cursor:pointer}
.woocommerce-cart .cart_totals{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:26px;float:none;width:auto}
.woocommerce-cart .cart_totals h2{font-size:22px;margin:0 0 18px}
.woocommerce-cart .cart_totals table.shop_table{width:100%;border:0;border-collapse:collapse}
.woocommerce-cart .cart_totals th,.woocommerce-cart .cart_totals td{padding:12px 0;border:0;border-bottom:1px solid var(--line);font-size:14px;text-align:start;background:none}
.woocommerce-cart .cart_totals td{text-align:end}
.woocommerce-cart .cart_totals .order-total th,.woocommerce-cart .cart_totals .order-total td{font-size:20px;font-weight:700;border-bottom:0}
.woocommerce-cart .wc-proceed-to-checkout{padding:16px 0 0}
.woocommerce-cart .cart-empty{text-align:center;font-size:16px;padding:40px 0 10px}
.woocommerce-cart .return-to-shop{text-align:center}
.woocommerce-cart .return-to-shop a.button{display:inline-flex;min-height:48px;align-items:center;padding:0 24px;border-radius:12px;background:var(--primary);color:#fff;font-weight:600}

/* ---- thank-you ---- */
.sz-order-received{max-width:760px;margin:20px auto;padding:36px;border:1px solid var(--line);border-radius:20px;background:var(--surface);text-align:center}
.sz-order-received h1{font-size:32px;line-height:1.65;margin:0}
.sz-order-received p{font-size:15px;color:var(--muted);line-height:2;margin:12px 0 0}
.woocommerce-order{max-width:760px;margin:0 auto}
.woocommerce-order .woocommerce-notice--success{display:none}
.woocommerce-order ul.order_details{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0;padding:0}
.woocommerce-order ul.order_details li{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px 14px;font-size:12px;color:var(--muted);float:none;margin:0;border-right:1px solid var(--line)}
.woocommerce-order ul.order_details li strong{display:block;color:var(--ink);font-size:14px;margin-top:4px}
.woocommerce-order-details,.woocommerce-customer-details{margin-top:18px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.woocommerce-order-details h2,.woocommerce-customer-details h2{font-size:20px;margin:0 0 12px}
.woocommerce-order-details table.shop_table{width:100%;border:0;border-collapse:collapse}
.woocommerce-order-details table.shop_table th,.woocommerce-order-details table.shop_table td{padding:11px 0;border:0;border-bottom:1px solid var(--line);font-size:14px;text-align:start}
.woocommerce-order-details table.shop_table td:last-child{text-align:end}

/* ---- my account ---- */
.woocommerce-account .woocommerce{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:16px}
.woocommerce-MyAccount-navigation li a{display:block;padding:11px 14px;border-radius:10px;font-size:14px}
.woocommerce-MyAccount-navigation li.is-active a{background:var(--accent);font-weight:600;color:var(--primary)}
.woocommerce-MyAccount-content{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;min-width:0}
.woocommerce-account .u-columns,.woocommerce-account .col2-set{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.woocommerce-account:not(.logged-in) .woocommerce{display:block}
.woocommerce form.login,.woocommerce form.register{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;margin:0}

@media (max-width:899px){
	form.checkout.woocommerce-checkout,.woocommerce-cart .woocommerce,.woocommerce-account .woocommerce{display:block}
	form.checkout #customer_details,form.checkout #order_review{padding:24px;margin:0 0 24px;position:static}
	.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper{grid-template-columns:1fr}
	.woocommerce-cart table.shop_table.cart tr.cart_item{grid-template-columns:84px 1fr auto;padding:16px;gap:6px 14px}
	.woocommerce-cart table.cart td.product-thumbnail img{width:84px;height:84px}
	.sz-order-received{padding:26px}
	.sz-order-received h1{font-size:26px}
}

.woocommerce-cart .quantity{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.woocommerce-cart .quantity input.qty{width:32px;border:0;background:transparent;text-align:center;font:inherit;font-size:13px;padding:0;-moz-appearance:textfield}
.woocommerce-cart .quantity input.qty::-webkit-outer-spin-button,.woocommerce-cart .quantity input.qty::-webkit-inner-spin-button{-webkit-appearance:none}
.woocommerce-cart .quantity [data-qty]{width:32px;height:36px;background:none;border:0;font-size:18px;cursor:pointer}

/* ======== Parity pass: headings, notices, totals and the thank-you page, dressed like the app ======== */
/* page heading (back button + title + subtitle), built from the theme's .checkout-heading by theme.js */
.checkout-heading.page-heading{display:flex;align-items:center;gap:12px;margin:0 0 22px}
.checkout-heading.page-heading .grow{flex:1;min-width:0}
.checkout-heading.page-heading .icon-btn{width:44px;height:44px;flex:none}
@media(max-width:700px){.checkout-heading.page-heading h1{font-size:24px;line-height:1.65}.checkout-heading.page-heading p{font-size:12px}}
/* currency symbols are the small part of every amount */
.woocommerce-cart .woocommerce-Price-currencySymbol,.woocommerce-checkout #order_review .woocommerce-Price-currencySymbol,.woocommerce-order .woocommerce-Price-currencySymbol{font-size:.62em;font-weight:450}
.woocommerce .includes_tax,.woocommerce small.includes_tax{display:block;font-size:11px;font-weight:400;color:var(--muted);line-height:1.7}
/* notices: text and action on one tidy row, the action is a small outline button */
.woocommerce-message,.woocommerce-info,.woocommerce-error{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;border-width:1px}
.woocommerce-message .button,.woocommerce-info .button{order:2;margin-inline-start:auto;min-height:44px;padding:0 16px;border-radius:10px;border:1px solid #c4bbb4;background:var(--surface);color:var(--ink);font-size:13px;display:inline-flex;align-items:center}
.woocommerce-error li{flex:1 1 100%}
/* checkout: only one heading for the fields, the form panel carries it like the app */
.woocommerce-billing-fields>h3{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
form.checkout #customer_details>.checkout-fields-head{margin:0 0 6px}
.checkout-fields-head h2{display:flex;align-items:center;gap:10px}
.checkout-fields-head h2 .icon{width:22px;height:22px;color:var(--primary);flex:none}
#ship-to-different-address{font-size:14px;font-weight:500;margin:6px 0}
#ship-to-different-address label{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}
#ship-to-different-address input{width:20px;height:20px;accent-color:var(--primary)}
/* order summary: a heading instead of the Product / Subtotal column titles */
#order_review::before{content:"ملخص طلبك";display:block;font-size:22px;font-weight:650;margin:0 0 6px}
#order_review table.shop_table thead{display:none}
#order_review table.shop_table .order-total .woocommerce-Price-amount{font-size:20px}
.woocommerce-cart .cart_totals table.shop_table .order-total .woocommerce-Price-amount{font-size:22px}
/* thank-you page: green check, brand-coloured title, the order facts as one soft panel (the app's .order-receipt) */
.sz-order-received::before{content:"";display:block;width:68px;height:68px;margin:0 auto 20px;border-radius:50%;background:#edf6ef url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23237451' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E") center/30px no-repeat}
.sz-order-received h1{color:var(--primary);font-size:35px;font-weight:700}
.sz-order-received p{color:var(--ink);font-size:16px;line-height:2.1;max-width:610px;margin:17px auto 4px}
@media(max-width:899px){.sz-order-received h1{font-size:26px}.sz-order-received p{font-size:14px;line-height:2.05}}
.woocommerce-order ul.order_details{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:21px;gap:18px 12px}
.woocommerce-order ul.order_details li{border:0;background:none;padding:0;border-radius:0;font-size:12px}
.woocommerce-order ul.order_details li strong{font-size:15px;font-weight:600}
.woocommerce .includes_tax .woocommerce-Price-amount,.woocommerce .includes_tax .woocommerce-Price-currencySymbol{font-size:inherit!important;font-weight:inherit}

/* 0.9.4 · coupon box (when the manager shows it): calm, rounded, in the theme's style */
.woocommerce-form-coupon-toggle .woocommerce-info{display:block;margin:0 0 14px;padding:12px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);font-size:14px;line-height:1.7}
.woocommerce-form-coupon-toggle .showcoupon{color:var(--primary);font-weight:700;text-decoration:underline;text-underline-offset:3px}
form.woocommerce-form-coupon{margin:0 0 16px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
form.woocommerce-form-coupon .form-row{float:none;width:100%;margin:0 0 10px}
form.woocommerce-form-coupon input.input-text{min-height:46px;border:1px solid #cfc5bd;border-radius:12px;padding:8px 14px;width:100%}
form.woocommerce-form-coupon button.button{min-height:46px;border-radius:12px;font-weight:700}