/* OZZI theme: סל, קופה, החשבון שלי על ה-markup של WooCommerce (ברירת המחדל), בשפת העיצוב החדש. מחליף את shop.css של התוסף שנכתב מול Oxygen. */
.ozzi-page.ozzi-page{max-width:1200px}
body.ozd-shop .ozzi-page>h1.single-page-title{font-size:clamp(26px,3vw,36px);margin:4px 0 22px}
body.ozzi-theme .woocommerce,body.ozzi-theme .woocommerce-page{color:#3A3A3A}
/* כותרות */
.woocommerce h2,.woocommerce h3,.woocommerce-page h2,.woocommerce-page h3{font-size:22px;font-weight:800;color:#1A1A1A;margin:0 0 14px}
/* הודעות: התוסף כבר מעצב את .woocommerce-message/.woocommerce-info/.woocommerce-error גלובלית */
/* שדות */
.woocommerce form .form-row{margin:0 0 14px;padding:0}
.woocommerce form .form-row label{display:block;font-size:14px;font-weight:600;color:#1A1A1A;margin-bottom:6px}
.woocommerce form .form-row label .required{color:#B91C1C;text-decoration:none}
.woocommerce form .form-row .input-text,.woocommerce form .form-row select,.woocommerce form .form-row textarea,.woocommerce .select2-container--default .select2-selection--single{width:100%;border:1px solid #E5E7EB;border-radius:10px;padding:12px 14px;font:inherit;font-size:16px;background:#fff;color:#1A1A1A;min-height:48px}
.woocommerce .select2-container--default .select2-selection--single{display:flex;align-items:center}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:1.4;padding:0;color:#1A1A1A}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow{height:100%;left:10px;right:auto}
.woocommerce form .form-row .input-text:focus,.woocommerce form .form-row select:focus,.woocommerce form .form-row textarea:focus{outline:2px solid #EBE12B;outline-offset:1px;border-color:#1A1A1A}
.woocommerce form .form-row.woocommerce-invalid .input-text,.woocommerce form .form-row.woocommerce-invalid select{border-color:#B91C1C}
.woocommerce form .form-row-first,.woocommerce form .form-row-last{width:calc(50% - 8px)}
.woocommerce form .form-row-first{float:right}
.woocommerce form .form-row-last{float:left}
.woocommerce form .form-row-wide{clear:both}
.woocommerce form input[type=checkbox],.woocommerce form input[type=radio]{appearance:auto;-webkit-appearance:auto;width:18px;height:18px;accent-color:#1A1A1A;margin:0 0 0 8px;vertical-align:middle}
/* כפתורים */
.woocommerce .button,.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce .button.alt,.woocommerce button.button.alt{background:#1A1A1A;color:#fff;border:0;border-radius:999px;padding:13px 26px;font:inherit;font-weight:700;line-height:1.2;cursor:pointer;text-decoration:none;transition:background .15s,color .15s}
.woocommerce .button:hover,.woocommerce button.button:hover,.woocommerce a.button:hover,.woocommerce input.button:hover,.woocommerce .button.alt:hover,.woocommerce button.button.alt:hover{background:#EBE12B;color:#1A1A1A}
.woocommerce .button:disabled,.woocommerce button.button:disabled,.woocommerce .button.disabled{opacity:.5;cursor:default}
/* הכפתורים "הראשיים" של WooCommerce (.alt: מעבר לתשלום, שליחת הזמנה) מקבלים סגול מהגיליון של WooCommerce בספציפיות גבוהה יותר. כאן גוברים. */
body.ozzi-theme .woocommerce a.button.alt,body.ozzi-theme .woocommerce button.button.alt,body.ozzi-theme .woocommerce input.button.alt,body.ozzi-theme .woocommerce #respond input#submit.alt,body.ozzi-theme .woocommerce a.button,body.ozzi-theme .woocommerce button.button,body.ozzi-theme .woocommerce input.button{background-color:#1A1A1A;color:#fff}
body.ozzi-theme .woocommerce a.button.alt:hover,body.ozzi-theme .woocommerce button.button.alt:hover,body.ozzi-theme .woocommerce input.button.alt:hover,body.ozzi-theme .woocommerce a.button:hover,body.ozzi-theme .woocommerce button.button:hover,body.ozzi-theme .woocommerce input.button:hover{background-color:#EBE12B;color:#1A1A1A}
body.ozzi-theme .woocommerce a.button.alt.disabled,body.ozzi-theme .woocommerce button.button.alt:disabled,body.ozzi-theme .woocommerce button.button:disabled{background-color:#1A1A1A;color:#fff;opacity:.5}
/* שדה "עדכונים ומבצעים" (Checkout Field Editor, שדה mail_me מסוג רדיו עם אפשרות אחת): תווית השדה חוזרת על תווית האפשרות, מסתירים אותה. */
body.ozzi-theme #mail_me_field.thwcfd-field-radio>label{display:none}
body.ozzi-theme #mail_me_field .woocommerce-input-wrapper label.radio{display:flex;align-items:center;gap:8px;font-weight:400}
/* טבלאות: סל, סקירת הזמנה, הזמנות בחשבון */
.woocommerce table.shop_table{width:100%;border-collapse:collapse;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden;font-size:15px}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{padding:14px 12px;border:0;border-bottom:1px solid #E5E7EB;text-align:right;vertical-align:middle}
.woocommerce table.shop_table thead th{background:#F8F9FA;color:#1A1A1A;font-weight:700;font-size:14px}
.woocommerce table.shop_table tbody tr:last-child td{border-bottom:0}
.woocommerce table.shop_table tfoot th,.woocommerce table.shop_table tfoot td{background:#F8F9FA}
.woocommerce table.shop_table .product-thumbnail img{width:96px;height:96px;object-fit:contain;border-radius:8px;background:#F8F9FA;display:block}
.woocommerce table.shop_table .product-name a{color:#1A1A1A;text-decoration:none;font-weight:600}
.woocommerce table.shop_table .product-remove a.remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid #E5E7EB;color:#6B7280;text-decoration:none;font-size:18px;line-height:1}
.woocommerce table.shop_table .product-remove a.remove:hover{background:#1A1A1A;color:#fff;border-color:#1A1A1A}
.woocommerce .quantity{display:inline-flex;align-items:center;border:1px solid #E5E7EB;border-radius:999px;overflow:hidden}
.woocommerce .quantity .qty{width:64px;border:0;padding:10px 6px;text-align:center;font:inherit;font-weight:700;background:#fff;-moz-appearance:textfield}
.woocommerce .quantity .qty::-webkit-outer-spin-button,.woocommerce .quantity .qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.woocommerce .product-price,.woocommerce .product-subtotal,.woocommerce .amount{color:#1A1A1A;font-weight:700;white-space:nowrap}
/* סל */
.woocommerce-cart .woocommerce-cart-form{margin-bottom:28px}
.woocommerce-cart table.shop_table td.actions{padding:14px 12px}
.woocommerce-cart table.shop_table td.actions .coupon{display:flex;gap:8px;float:right;align-items:center}
.woocommerce-cart table.shop_table td.actions .coupon .input-text{width:180px;min-height:44px;padding:10px 14px;border:1px solid #E5E7EB;border-radius:999px;font:inherit}
.woocommerce-cart table.shop_table td.actions .coupon label{display:none}
.woocommerce-cart table.shop_table td.actions>.button{float:left}
.woocommerce .cart-collaterals{display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:start}
.woocommerce .cart-collaterals .cross-sells{grid-column:1}
.woocommerce .cart-collaterals .cart_totals{grid-column:2;grid-row:1;border:1px solid #E5E7EB;border-radius:12px;padding:22px;background:#fff;width:auto;float:none}
.woocommerce .cart_totals table.shop_table{border:0;border-radius:0}
.woocommerce .cart_totals table.shop_table th{width:40%;background:transparent}
.woocommerce .cart_totals .order-total td,.woocommerce .cart_totals .order-total th{font-size:18px;color:#1A1A1A}
.woocommerce .cart_totals .wc-proceed-to-checkout{padding:16px 0 0}
.woocommerce .cart_totals .wc-proceed-to-checkout a.checkout-button{display:block;text-align:center;font-size:17px;padding:15px 20px;margin:0}
.woocommerce .cart_totals .woocommerce-shipping-methods{list-style:none;padding:0;margin:0}
.woocommerce .cart_totals .woocommerce-shipping-methods li{margin:0 0 8px;display:flex;align-items:center;gap:8px}
.woocommerce .cross-sells ul.products{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.woocommerce .cross-sells ul.products li.product{border:1px solid #E5E7EB;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px;font-size:15px}
.woocommerce .cross-sells ul.products li.product img{width:100%;border-radius:8px}
.woocommerce .cross-sells ul.products li.product .button{padding:10px 16px;font-size:14px;align-self:flex-start}
.woocommerce .return-to-shop{text-align:center;margin:40px 0}
.woocommerce .cart-empty.woocommerce-info{justify-content:center}
/* קופה */
/* ההודעות "קנית כאן בעבר?" / "יש לך קופון?": הקישור אינו .button, ולכן ברשת של ozd.css הוא נדחס לעמודה של 28px במובייל. כאן flex. */
body.ozd-on .woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info,body.ozd-on .woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:12px}
body.ozd-on .woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a,body.ozd-on .woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info a{display:inline;width:auto;float:none;color:#1A1A1A;font-weight:700;border-bottom:2px solid #EBE12B;text-decoration:none}
.woocommerce-checkout form.checkout{display:grid;grid-template-columns:1fr 440px;gap:40px;align-items:start}
.woocommerce-checkout form.checkout .col2-set{grid-column:1;width:auto;float:none}
.woocommerce-checkout form.checkout .col2-set .col-1,.woocommerce-checkout form.checkout .col2-set .col-2{width:auto;float:none;padding:0;max-width:none}
.woocommerce-checkout form.checkout #order_review_heading{grid-column:2;grid-row:1;margin:0}
.woocommerce-checkout form.checkout #order_review{grid-column:2;grid-row:1;margin-top:38px;border:1px solid #E5E7EB;border-radius:12px;padding:22px;background:#fff}
.woocommerce-checkout #order_review table.shop_table{border:0;font-size:15px}
.woocommerce-checkout #order_review table.shop_table .product-quantity{color:#6B7280;font-weight:400;font-size:13px}
.woocommerce-checkout #order_review .order-total td,.woocommerce-checkout #order_review .order-total th{font-size:18px;color:#1A1A1A}
.woocommerce-checkout #order_review ul#shipping_method{list-style:none;padding:0;margin:0}
.woocommerce-checkout #order_review ul#shipping_method li{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-weight:400}
.woocommerce-checkout #payment{background:transparent;border-radius:0;margin-top:18px}
.woocommerce-checkout #payment ul.payment_methods{list-style:none;padding:0;margin:0 0 16px;border:0}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method{display:block!important;border:1px solid #E5E7EB;border-radius:12px;padding:14px 16px;margin:0 0 10px}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label{display:inline;font-weight:700;color:#1A1A1A;cursor:pointer}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label img{height:24px;vertical-align:middle;margin-right:8px}
.woocommerce-checkout #payment div.payment_box{background:#F8F9FA;color:#6B7280;border-radius:8px;padding:12px 14px;margin:10px 0 0;font-size:14px}
.woocommerce-checkout #payment div.payment_box::before{display:none}
.woocommerce-checkout #payment .place-order{padding:0}
.woocommerce-checkout #payment #place_order{width:100%;display:block;font-size:17px;padding:16px 20px;margin:0}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{margin:0 0 16px;border:0}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .form-row{padding:6px 0}
.woocommerce-checkout .woocommerce-privacy-policy-text{font-size:13px;color:#6B7280}
.woocommerce-checkout .woocommerce-additional-fields h3{margin-top:24px}
.woocommerce-checkout .woocommerce-billing-fields h3{margin-top:0}
.woocommerce-checkout textarea#order_comments{min-height:90px}
/* דף תודה */
.woocommerce-order .woocommerce-thankyou-order-received{font-size:22px;font-weight:800;color:#1A1A1A;margin:0 0 18px}
.woocommerce-order ul.order_details{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:12px}
.woocommerce-order ul.order_details li{border:1px solid #E5E7EB;border-radius:12px;padding:12px 16px;font-size:13px;color:#6B7280;flex:1 1 160px}
.woocommerce-order ul.order_details li strong{display:block;font-size:16px;color:#1A1A1A;margin-top:4px}
/* החשבון שלי */
.woocommerce-account .woocommerce-MyAccount-navigation{float:none;width:auto;margin:0 0 24px}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:inline-block;padding:9px 16px;border:1px solid #E5E7EB;border-radius:999px;text-decoration:none;font-weight:600;font-size:14px;color:#1A1A1A}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{background:#1A1A1A;color:#fff;border-color:#1A1A1A}
.woocommerce-account .woocommerce-MyAccount-content{float:none;width:auto}
.woocommerce-account .woocommerce-MyAccount-content>p{margin-bottom:16px}
.woocommerce-account .u-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.woocommerce-account .u-columns .col-1,.woocommerce-account .u-columns .col-2{width:auto;float:none;max-width:none;padding:0}
.woocommerce-account form.login,.woocommerce-account form.register,.woocommerce-account form.woocommerce-ResetPassword,.woocommerce-account form.woocommerce-EditAccountForm,.woocommerce-account .woocommerce-address-fields{border:1px solid #E5E7EB;border-radius:12px;padding:24px;margin:0}
.woocommerce-account form.login .woocommerce-form-login__rememberme{display:flex;align-items:center;gap:6px;margin:12px 0}
.woocommerce-account form.login .woocommerce-LostPassword{margin:12px 0 0;font-size:14px}
.woocommerce-account .woocommerce-orders-table .button{padding:8px 14px;font-size:13px}
.woocommerce-account .woocommerce-Addresses{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.woocommerce-account .woocommerce-Address{border:1px solid #E5E7EB;border-radius:12px;padding:20px}
.woocommerce-account .woocommerce-Address-title{display:flex;justify-content:space-between;align-items:baseline}
.woocommerce-account .woocommerce-Address-title a{font-size:14px}
/* מובייל */
@media(max-width:900px){
.woocommerce .cart-collaterals,.woocommerce-checkout form.checkout,.woocommerce-account .u-columns,.woocommerce-account .woocommerce-Addresses{grid-template-columns:1fr}
.woocommerce .cart-collaterals .cart_totals,.woocommerce-checkout form.checkout #order_review_heading,.woocommerce-checkout form.checkout #order_review{grid-column:1;grid-row:auto}
.woocommerce .cart-collaterals .cart_totals{order:-1}
.woocommerce-checkout form.checkout #order_review{margin-top:0}
}
@media(max-width:767px){
.woocommerce form .form-row-first,.woocommerce form .form-row-last{width:100%;float:none}
.woocommerce table.shop_table_responsive tr{display:block;border-bottom:1px solid #E5E7EB;padding:10px 0}
.woocommerce table.shop_table_responsive tr td{display:flex;justify-content:space-between;align-items:center;border:0;padding:6px 12px;text-align:left}
.woocommerce table.shop_table_responsive tr td::before{content:attr(data-title);font-weight:700;color:#1A1A1A;margin-left:12px}
.woocommerce table.shop_table_responsive tr td.product-remove::before,.woocommerce table.shop_table_responsive tr td.product-thumbnail::before,.woocommerce table.shop_table_responsive tr td.actions::before{display:none}
.woocommerce table.shop_table_responsive tr td.product-thumbnail{justify-content:center}
.woocommerce table.shop_table_responsive thead{display:none}
.woocommerce-cart table.shop_table td.actions{display:flex;flex-direction:column;gap:10px}
.woocommerce-cart table.shop_table td.actions .coupon,.woocommerce-cart table.shop_table td.actions>.button{float:none;width:100%}
.woocommerce-cart table.shop_table td.actions .coupon .input-text{flex:1;width:auto}
}