.elementor-800 .elementor-element.elementor-element-0ef57dc{--display:flex;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-800 .elementor-element.elementor-element-2983cf3{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D7D7D7;--border-color:#D7D7D7;--border-radius:30px 30px 30px 30px;box-shadow:0px 0px 25px 5px rgba(0, 0, 0, 0.05);--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-800 .elementor-element.elementor-element-2983cf3:not(.elementor-motion-effects-element-type-background), .elementor-800 .elementor-element.elementor-element-2983cf3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-800 .elementor-element.elementor-element-97ef65f{text-align:center;}.elementor-800 .elementor-element.elementor-element-97ef65f .elementor-heading-title{font-family:"YekanBakh", Sans-serif;font-size:36px;font-weight:700;line-height:1em;color:#587F59;}.elementor-800 .elementor-element.elementor-element-885dad9{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-800 .elementor-element.elementor-element-885dad9 .elementor-heading-title{font-family:"YekanBakh", Sans-serif;font-size:16px;font-weight:600;line-height:1em;color:#828282;}.elementor-800 .elementor-element.elementor-element-f4c9465{--lottie-container-max-width:35%;}.elementor-800 .elementor-element.elementor-element-e91ded6 .elementor-button{background-color:#6A1775;font-family:"YekanBakh", Sans-serif;font-size:15px;font-weight:600;border-radius:13px 13px 13px 13px;padding:17px 17px 17px 17px;}.elementor-800 .elementor-element.elementor-element-e91ded6{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-800 .elementor-element.elementor-element-30a6eea{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-800 .elementor-element.elementor-element-b9afa29{z-index:6;--order-summary-alignment:center;}.elementor-800 .elementor-element.elementor-element-b9afa29 .woocommerce-thankyou-order-received{font-family:"YekanBakh", Sans-serif;font-size:14px;font-weight:600;}.elementor-800 .elementor-element.elementor-element-b9afa29 h2{font-family:"YekanBakh", Sans-serif;font-weight:500;}.elementor-800 .elementor-element.elementor-element-b9afa29 address, .elementor-800 .elementor-element.elementor-element-b9afa29 .product-purchase-note, .elementor-800 .elementor-element.elementor-element-b9afa29 .woocommerce-thankyou-order-details + p{font-family:"YekanBakh", Sans-serif;font-weight:600;}.elementor-800 .elementor-element.elementor-element-b9afa29 .woocommerce-order-overview.order_details li{font-family:"YekanBakh", Sans-serif;font-weight:700;}.elementor-800 .elementor-element.elementor-element-b9afa29 .woocommerce-order-overview.order_details li strong{font-family:"YekanBakh", Sans-serif;font-weight:600;}.elementor-800 .elementor-element.elementor-element-b9afa29 .wc-bacs-bank-details-account-name{font-family:"YekanBakh", Sans-serif;font-weight:600;}.elementor-800 .elementor-element.elementor-element-b9afa29 .woocommerce-bacs-bank-details .wc-bacs-bank-details li{font-family:"YekanBakh", Sans-serif;font-weight:600;}.elementor-800 .elementor-element.elementor-element-b9afa29 .woocommerce-bacs-bank-details .wc-bacs-bank-details li strong{font-family:"YekanBakh", Sans-serif;font-weight:600;}.elementor-800 .elementor-element.elementor-element-b9afa29 .shop_table thead tr th, .elementor-800 .elementor-element.elementor-element-b9afa29 .shop_table tfoot th, .elementor-800 .elementor-element.elementor-element-b9afa29 .shop_table tfoot tr td, .elementor-800 .elementor-element.elementor-element-b9afa29 .shop_table tfoot tr td span, .elementor-800 .elementor-element.elementor-element-b9afa29 .woocommerce-table--order-downloads tr td:before{font-family:"YekanBakh", Sans-serif;font-weight:600;}.elementor-800 .elementor-element.elementor-element-b9afa29 .product-quantity, .elementor-800 .elementor-element.elementor-element-b9afa29 .woocommerce-table--order-details td a, .elementor-800 .elementor-element.elementor-element-b9afa29 td.product-total, .elementor-800 .elementor-element.elementor-element-b9afa29 td.download-product, .elementor-800 .elementor-element.elementor-element-b9afa29 td.download-remaining, .elementor-800 .elementor-element.elementor-element-b9afa29 td.download-expires, .elementor-800 .elementor-element.elementor-element-b9afa29 td.download-file{font-family:"YekanBakh", Sans-serif;font-weight:600;}.elementor-800 .elementor-element.elementor-element-b9afa29 .product-name .wc-item-meta .wc-item-meta-label, .elementor-800 .elementor-element.elementor-element-b9afa29 .wc-item-meta li p{font-family:"YekanBakh", Sans-serif;font-weight:500;}.elementor-800 .elementor-element.elementor-element-b9afa29 .shop_table .button, .elementor-800 .elementor-element.elementor-element-b9afa29 .order-again .button{font-family:"YekanBakh", Sans-serif;}@media(min-width:768px){.elementor-800 .elementor-element.elementor-element-0ef57dc{--content-width:700px;}}@media(max-width:1024px) and (min-width:768px){.elementor-800 .elementor-element.elementor-element-0ef57dc{--content-width:600px;}}@media(max-width:1024px){.elementor-800 .elementor-element.elementor-element-97ef65f .elementor-heading-title{font-size:30px;}.elementor-800 .elementor-element.elementor-element-885dad9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-800 .elementor-element.elementor-element-885dad9 .elementor-heading-title{font-size:16px;}}@media(max-width:767px){.elementor-800 .elementor-element.elementor-element-97ef65f .elementor-heading-title{font-size:20px;}.elementor-800 .elementor-element.elementor-element-885dad9 .elementor-heading-title{font-size:13px;line-height:1.7em;}.elementor-800 .elementor-element.elementor-element-f4c9465{--lottie-container-max-width:47%;}.elementor-800 .elementor-element.elementor-element-e91ded6 .elementor-button{font-size:12px;padding:13px 13px 13px 13px;}.elementor-800 .elementor-element.elementor-element-30a6eea{--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}}/* Start custom CSS for woocommerce-purchase-summary, class: .elementor-element-b9afa29 *//* ========================================= LUXURY WOMEN FASHION - WOOCOMMERCE ORDER Primary: #5c1972 ========================================= */ .woocommerce-order { --fashion-purple: #5c1972; --fashion-purple-dark: #421050; --fashion-purple-light: #f7f0f9; --fashion-gold: #b89a5a; --fashion-text: #29232b; --fashion-muted: #817781; --fashion-border: #eee7f0; max-width: 980px; margin: 55px auto; padding: 45px; direction: rtl; background: #fff; border: 1px solid var(--fashion-border); border-radius: 28px; box-shadow: 0 25px 70px rgba(92, 25, 114, 0.10), 0 5px 20px rgba(0, 0, 0, 0.03); position: relative; overflow: hidden; } /* ========================================= TOP DECORATION ========================================= */ .woocommerce-order::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 5px; background: linear-gradient( 90deg, #5c1972, #8b3ca0, #c5a66b, #8b3ca0, #5c1972 ); } /* ========================================= TITLES ========================================= */ .woocommerce-order h2, .woocommerce-order h3 { color: var(--fashion-text); font-weight: 700; letter-spacing: -0.3px; margin-top: 30px; margin-bottom: 22px; } .woocommerce-order h2:first-child, .woocommerce-order h3:first-child { margin-top: 0; } /* ========================================= ORDER INFO ========================================= */ .woocommerce-order ul.order_details { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 0 0 35px; padding: 0; list-style: none; } .woocommerce-order ul.order_details li { margin: 0; padding: 20px 16px; background: linear-gradient( 145deg, #fff, var(--fashion-purple-light) ); border: 1px solid var(--fashion-border); border-radius: 16px; color: var(--fashion-muted); font-size: 13px; transition: all .3s ease; } .woocommerce-order ul.order_details li:hover { transform: translateY(-3px); border-color: rgba(92, 25, 114, .25); box-shadow: 0 10px 25px rgba(92, 25, 114, .08); } .woocommerce-order ul.order_details li strong { display: block; margin-top: 8px; color: var(--fashion-purple); font-size: 15px; font-weight: 700; } /* ========================================= ORDER TABLE ========================================= */ .woocommerce-order table.shop_table { width: 100%; border: 0 !important; border-collapse: separate; border-spacing: 0; overflow: hidden; border-radius: 18px; background: #fff; } /* Table Head */ .woocommerce-order table.shop_table thead th { padding: 18px 20px; background: var(--fashion-purple); color: #fff; border: 0 !important; font-size: 14px; font-weight: 600; } /* Table Body */ .woocommerce-order table.shop_table tbody td { padding: 20px; color: var(--fashion-text); border-bottom: 1px solid var(--fashion-border) !important; border-top: 0 !important; background: #fff; } /* Product Name */ .woocommerce-order table.shop_table td.product-name { font-weight: 600; } .woocommerce-order table.shop_table td.product-name a { color: var(--fashion-text); font-weight: 600; } /* Quantity */ .woocommerce-order table.shop_table td.product-name .product-quantity { color: var(--fashion-purple); font-weight: 700; } /* Price */ .woocommerce-order table.shop_table td.product-total { color: var(--fashion-purple); font-weight: 700; } /* ========================================= TOTALS ========================================= */ .woocommerce-order table.shop_table tfoot tr:last-child { background: var(--fashion-purple-light); } .woocommerce-order table.shop_table tfoot th, .woocommerce-order table.shop_table tfoot td { padding: 18px 20px; border-bottom: 0 !important; color: var(--fashion-text); } .woocommerce-order table.shop_table tfoot tr:last-child th, .woocommerce-order table.shop_table tfoot tr:last-child td { color: var(--fashion-purple); font-size: 18px; font-weight: 800; } /* ========================================= CUSTOMER DETAILS ========================================= */ .woocommerce-order .woocommerce-customer-details { margin-top: 40px; padding-top: 30px; border-top: 1px solid var(--fashion-border); } .woocommerce-order .woocommerce-customer-details address { padding: 25px; background: linear-gradient( 145deg, #fff, #faf5fb ); border: 1px solid var(--fashion-border); border-radius: 18px; color: var(--fashion-muted); line-height: 2; font-style: normal; } /* ========================================= LINKS ========================================= */ .woocommerce-order a { color: var(--fashion-purple); text-decoration: none; transition: all .25s ease; } .woocommerce-order a:hover { color: var(--fashion-purple-dark); } /* ========================================= BUTTONS ========================================= */ .woocommerce-order .button { display: inline-flex; align-items: center; justify-content: center; padding: 13px 25px; background: var(--fashion-purple); color: #fff !important; border: 0; border-radius: 12px; font-weight: 600; box-shadow: 0 8px 20px rgba(92, 25, 114, .20); transition: all .3s ease; } .woocommerce-order .button:hover { background: var(--fashion-purple-dark); transform: translateY(-2px); box-shadow: 0 12px 25px rgba(92, 25, 114, .28); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .woocommerce-order { margin: 25px 12px; padding: 28px 18px; border-radius: 22px; } .woocommerce-order ul.order_details { grid-template-columns: 1fr 1fr; gap: 10px; } .woocommerce-order ul.order_details li { padding: 16px 12px; } .woocommerce-order table.shop_table { font-size: 13px; } .woocommerce-order table.shop_table thead th, .woocommerce-order table.shop_table tbody td, .woocommerce-order table.shop_table tfoot th, .woocommerce-order table.shop_table tfoot td { padding: 13px 9px; } .woocommerce-order h2, .woocommerce-order h3 { font-size: 20px; } } /* ========================================= EXTRA LUXURY TOUCH ========================================= */ .woocommerce-order strong { color: var(--fashion-text); } .woocommerce-order .woocommerce-table__product-name.product-name { color: var(--fashion-text); } بخش ۲ /* ========================================= LUXURY WOMEN FASHION WooCommerce Order Table Main Color: #5c1972 ========================================= */ .woocommerce-order .woocommerce-table--order-details { width: 100% !important; margin: 30px 0 25px !important; border: 1px solid #eadfea !important; border-radius: 18px !important; border-collapse: separate !important; border-spacing: 0 !important; overflow: hidden !important; background: #ffffff !important; box-shadow: 0 8px 28px rgba(92, 25, 114, 0.07) !important; font-size: 15px !important; } /* ========================================= TABLE HEADER ========================================= */ .woocommerce-order .woocommerce-table--order-details thead th { padding: 17px 22px !important; background: #5c1972 !important; color: #ffffff !important; border: 0 !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.6 !important; } .woocommerce-order .woocommerce-table--order-details thead th:first-child { border-radius: 0 14px 0 0 !important; } .woocommerce-order .woocommerce-table--order-details thead th:last-child { border-radius: 14px 0 0 0 !important; } /* ========================================= PRODUCT ROW ========================================= */ .woocommerce-order .woocommerce-table--order-details tbody tr { background: #ffffff !important; transition: background .2s ease; } .woocommerce-order .woocommerce-table--order-details tbody tr:hover { background: #fcf9fd !important; } /* ========================================= PRODUCT CELLS ========================================= */ .woocommerce-order .woocommerce-table--order-details tbody td { padding: 20px 22px !important; background: transparent !important; color: #302b32 !important; border: 0 !important; border-bottom: 1px solid #eee7f0 !important; font-size: 15px !important; vertical-align: middle !important; } /* ========================================= PRODUCT NAME ========================================= */ .woocommerce-order .woocommerce-table--order-details .product-name { font-weight: 600 !important; } .woocommerce-order .woocommerce-table--order-details .product-name a { color: #302b32 !important; font-weight: 600 !important; text-decoration: none !important; } .woocommerce-order .woocommerce-table--order-details .product-name a:hover { color: #5c1972 !important; } /* ========================================= QUANTITY ========================================= */ .woocommerce-order .woocommerce-table--order-details .product-quantity { color: #5c1972 !important; font-weight: 700 !important; } /* ========================================= PRODUCT PRICE ========================================= */ .woocommerce-order .woocommerce-table--order-details .product-total { display: table-cell !important; color: #5c1972 !important; font-size: 15px !important; font-weight: 700 !important; white-space: nowrap !important; text-align: left !important; } /* ========================================= FOOTER ========================================= */ .woocommerce-order .woocommerce-table--order-details tfoot th, .woocommerce-order .woocommerce-table--order-details tfoot td { padding: 15px 22px !important; background: #ffffff !important; color: #6f6871 !important; border: 0 !important; border-bottom: 1px solid #eee7f0 !important; font-size: 14px !important; } /* ========================================= FINAL TOTAL ========================================= */ .woocommerce-order .woocommerce-table--order-details tfoot tr:last-child th, .woocommerce-order .woocommerce-table--order-details tfoot tr:last-child td { padding: 19px 22px !important; background: #f8f2fa !important; color: #5c1972 !important; border-bottom: 0 !important; font-size: 17px !important; font-weight: 800 !important; } .woocommerce-order .woocommerce-table--order-details tfoot tr:last-child td { text-align: left !important; } /* ========================================= PAYMENT BUTTON WooCommerce "Pay" button ========================================= */ .woocommerce-order .woocommerce-button, .woocommerce-order a.button, .woocommerce-order .button { background: #5c1972 !important; color: #ffffff !important; border: 0 !important; border-radius: 12px !important; padding: 13px 26px !important; font-size: 14px !important; font-weight: 700 !important; text-decoration: none !important; box-shadow: 0 6px 18px rgba(92, 25, 114, 0.18) !important; transition: background .2s ease, transform .2s ease, box-shadow .2s ease !important; } .woocommerce-order .woocommerce-button:hover, .woocommerce-order a.button:hover, .woocommerce-order .button:hover { background: #461057 !important; color: #ffffff !important; transform: translateY(-2px); box-shadow: 0 9px 22px rgba(92, 25, 114, 0.25) !important; } /* ========================================= CUSTOMER DETAILS ========================================= */ .woocommerce-order .woocommerce-customer-details { margin-top: 30px !important; } .woocommerce-order .woocommerce-customer-details address { padding: 20px !important; background: #faf7fb !important; border: 1px solid #eee7f0 !important; border-radius: 16px !important; color: #6f6871 !important; line-height: 1.9 !important; } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .woocommerce-order .woocommerce-table--order-details { margin-top: 22px !important; border-radius: 14px !important; font-size: 13px !important; } .woocommerce-order .woocommerce-table--order-details thead th { padding: 13px 10px !important; font-size: 13px !important; } .woocommerce-order .woocommerce-table--order-details tbody td { padding: 15px 10px !important; font-size: 13px !important; } .woocommerce-order .woocommerce-table--order-details .product-total { padding: 15px 10px !important; font-size: 13px !important; } .woocommerce-order .woocommerce-table--order-details tfoot th, .woocommerce-order .woocommerce-table--order-details tfoot td { padding: 13px 10px !important; font-size: 13px !important; } .woocommerce-order .woocommerce-table--order-details tfoot tr:last-child th, .woocommerce-order .woocommerce-table--order-details tfoot tr:last-child td { padding: 16px 10px !important; font-size: 15px !important; } .woocommerce-order .woocommerce-button, .woocommerce-order a.button, .woocommerce-order .button { padding: 11px 20px !important; font-size: 13px !important; } } بخش ۳ /* ========================================= RESTORE ORDER TOTAL / PRICE COLUMN ========================================= */ .woocommerce-order .woocommerce-table--order-details .product-total, .woocommerce-order .woocommerce-table--order-details td.product-total, .woocommerce-order .woocommerce-table--order-details th.product-total { display: table-cell !important; visibility: visible !important; opacity: 1 !important; width: auto !important; min-width: 120px !important; color: #5c1972 !important; } /* مبلغ داخل ستون */ .woocommerce-order .woocommerce-table--order-details .product-total .amount, .woocommerce-order .woocommerce-table--order-details .product-total .woocommerce-Price-amount { display: inline-block !important; color: #5c1972 !important; font-size: 16px !important; font-weight: 800 !important; white-space: nowrap !important; } /* ========================================= RESTORE FOOTER TOTAL ========================================= */ .woocommerce-order .woocommerce-table--order-details tfoot { display: table-footer-group !important; visibility: visible !important; opacity: 1 !important; } .woocommerce-order .woocommerce-table--order-details tfoot tr { display: table-row !important; visibility: visible !important; opacity: 1 !important; } .woocommerce-order .woocommerce-table--order-details tfoot th, .woocommerce-order .woocommerce-table--order-details tfoot td { display: table-cell !important; visibility: visible !important; opacity: 1 !important; } /* مجموع نهایی */ .woocommerce-order .woocommerce-table--order-details tfoot .woocommerce-Price-amount { display: inline-block !important; color: #5c1972 !important; font-size: 18px !important; font-weight: 800 !important; white-space: nowrap !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-30a6eea *//* ========================================= LUXURY WOMEN FASHION - WOOCOMMERCE ORDER Primary: #5c1972 ========================================= */ .woocommerce-order { --fashion-purple: #5c1972; --fashion-purple-dark: #421050; --fashion-purple-light: #f7f0f9; --fashion-gold: #b89a5a; --fashion-text: #29232b; --fashion-muted: #817781; --fashion-border: #eee7f0; max-width: 980px; margin: 55px auto; padding: 45px; direction: rtl; background: #fff; border: 1px solid var(--fashion-border); border-radius: 28px; box-shadow: 0 25px 70px rgba(92, 25, 114, 0.10), 0 5px 20px rgba(0, 0, 0, 0.03); position: relative; overflow: hidden; } /* ========================================= TOP DECORATION ========================================= */ .woocommerce-order::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 5px; background: linear-gradient( 90deg, #5c1972, #8b3ca0, #c5a66b, #8b3ca0, #5c1972 ); } /* ========================================= TITLES ========================================= */ .woocommerce-order h2, .woocommerce-order h3 { color: var(--fashion-text); font-weight: 700; letter-spacing: -0.3px; margin-top: 30px; margin-bottom: 22px; } .woocommerce-order h2:first-child, .woocommerce-order h3:first-child { margin-top: 0; } /* ========================================= ORDER INFO ========================================= */ .woocommerce-order ul.order_details { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 0 0 35px; padding: 0; list-style: none; } .woocommerce-order ul.order_details li { margin: 0; padding: 20px 16px; background: linear-gradient( 145deg, #fff, var(--fashion-purple-light) ); border: 1px solid var(--fashion-border); border-radius: 16px; color: var(--fashion-muted); font-size: 13px; transition: all .3s ease; } .woocommerce-order ul.order_details li:hover { transform: translateY(-3px); border-color: rgba(92, 25, 114, .25); box-shadow: 0 10px 25px rgba(92, 25, 114, .08); } .woocommerce-order ul.order_details li strong { display: block; margin-top: 8px; color: var(--fashion-purple); font-size: 15px; font-weight: 700; } /* ========================================= ORDER TABLE ========================================= */ .woocommerce-order table.shop_table { width: 100%; border: 0 !important; border-collapse: separate; border-spacing: 0; overflow: hidden; border-radius: 18px; background: #fff; } /* Table Head */ .woocommerce-order table.shop_table thead th { padding: 18px 20px; background: var(--fashion-purple); color: #fff; border: 0 !important; font-size: 14px; font-weight: 600; } /* Table Body */ .woocommerce-order table.shop_table tbody td { padding: 20px; color: var(--fashion-text); border-bottom: 1px solid var(--fashion-border) !important; border-top: 0 !important; background: #fff; } /* Product Name */ .woocommerce-order table.shop_table td.product-name { font-weight: 600; } .woocommerce-order table.shop_table td.product-name a { color: var(--fashion-text); font-weight: 600; } /* Quantity */ .woocommerce-order table.shop_table td.product-name .product-quantity { color: var(--fashion-purple); font-weight: 700; } /* Price */ .woocommerce-order table.shop_table td.product-total { color: var(--fashion-purple); font-weight: 700; } /* ========================================= TOTALS ========================================= */ .woocommerce-order table.shop_table tfoot tr:last-child { background: var(--fashion-purple-light); } .woocommerce-order table.shop_table tfoot th, .woocommerce-order table.shop_table tfoot td { padding: 18px 20px; border-bottom: 0 !important; color: var(--fashion-text); } .woocommerce-order table.shop_table tfoot tr:last-child th, .woocommerce-order table.shop_table tfoot tr:last-child td { color: var(--fashion-purple); font-size: 18px; font-weight: 800; } /* ========================================= CUSTOMER DETAILS ========================================= */ .woocommerce-order .woocommerce-customer-details { margin-top: 40px; padding-top: 30px; border-top: 1px solid var(--fashion-border); } .woocommerce-order .woocommerce-customer-details address { padding: 25px; background: linear-gradient( 145deg, #fff, #faf5fb ); border: 1px solid var(--fashion-border); border-radius: 18px; color: var(--fashion-muted); line-height: 2; font-style: normal; } /* ========================================= LINKS ========================================= */ .woocommerce-order a { color: var(--fashion-purple); text-decoration: none; transition: all .25s ease; } .woocommerce-order a:hover { color: var(--fashion-purple-dark); } /* ========================================= BUTTONS ========================================= */ .woocommerce-order .button { display: inline-flex; align-items: center; justify-content: center; padding: 13px 25px; background: var(--fashion-purple); color: #fff !important; border: 0; border-radius: 12px; font-weight: 600; box-shadow: 0 8px 20px rgba(92, 25, 114, .20); transition: all .3s ease; } .woocommerce-order .button:hover { background: var(--fashion-purple-dark); transform: translateY(-2px); box-shadow: 0 12px 25px rgba(92, 25, 114, .28); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .woocommerce-order { margin: 25px 12px; padding: 28px 18px; border-radius: 22px; } .woocommerce-order ul.order_details { grid-template-columns: 1fr 1fr; gap: 10px; } .woocommerce-order ul.order_details li { padding: 16px 12px; } .woocommerce-order table.shop_table { font-size: 13px; } .woocommerce-order table.shop_table thead th, .woocommerce-order table.shop_table tbody td, .woocommerce-order table.shop_table tfoot th, .woocommerce-order table.shop_table tfoot td { padding: 13px 9px; } .woocommerce-order h2, .woocommerce-order h3 { font-size: 20px; } } /* ========================================= EXTRA LUXURY TOUCH ========================================= */ .woocommerce-order strong { color: var(--fashion-text); } .woocommerce-order .woocommerce-table__product-name.product-name { color: var(--fashion-text); } بخش ۲ /* ========================================= LUXURY WOMEN FASHION WooCommerce Order Table Main Color: #5c1972 ========================================= */ .woocommerce-order .woocommerce-table--order-details { width: 100% !important; margin: 30px 0 25px !important; border: 1px solid #eadfea !important; border-radius: 18px !important; border-collapse: separate !important; border-spacing: 0 !important; overflow: hidden !important; background: #ffffff !important; box-shadow: 0 8px 28px rgba(92, 25, 114, 0.07) !important; font-size: 15px !important; } /* ========================================= TABLE HEADER ========================================= */ .woocommerce-order .woocommerce-table--order-details thead th { padding: 17px 22px !important; background: #5c1972 !important; color: #ffffff !important; border: 0 !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.6 !important; } .woocommerce-order .woocommerce-table--order-details thead th:first-child { border-radius: 0 14px 0 0 !important; } .woocommerce-order .woocommerce-table--order-details thead th:last-child { border-radius: 14px 0 0 0 !important; } /* ========================================= PRODUCT ROW ========================================= */ .woocommerce-order .woocommerce-table--order-details tbody tr { background: #ffffff !important; transition: background .2s ease; } .woocommerce-order .woocommerce-table--order-details tbody tr:hover { background: #fcf9fd !important; } /* ========================================= PRODUCT CELLS ========================================= */ .woocommerce-order .woocommerce-table--order-details tbody td { padding: 20px 22px !important; background: transparent !important; color: #302b32 !important; border: 0 !important; border-bottom: 1px solid #eee7f0 !important; font-size: 15px !important; vertical-align: middle !important; } /* ========================================= PRODUCT NAME ========================================= */ .woocommerce-order .woocommerce-table--order-details .product-name { font-weight: 600 !important; } .woocommerce-order .woocommerce-table--order-details .product-name a { color: #302b32 !important; font-weight: 600 !important; text-decoration: none !important; } .woocommerce-order .woocommerce-table--order-details .product-name a:hover { color: #5c1972 !important; } /* ========================================= QUANTITY ========================================= */ .woocommerce-order .woocommerce-table--order-details .product-quantity { color: #5c1972 !important; font-weight: 700 !important; } /* ========================================= PRODUCT PRICE ========================================= */ .woocommerce-order .woocommerce-table--order-details .product-total { display: table-cell !important; color: #5c1972 !important; font-size: 15px !important; font-weight: 700 !important; white-space: nowrap !important; text-align: left !important; } /* ========================================= FOOTER ========================================= */ .woocommerce-order .woocommerce-table--order-details tfoot th, .woocommerce-order .woocommerce-table--order-details tfoot td { padding: 15px 22px !important; background: #ffffff !important; color: #6f6871 !important; border: 0 !important; border-bottom: 1px solid #eee7f0 !important; font-size: 14px !important; } /* ========================================= FINAL TOTAL ========================================= */ .woocommerce-order .woocommerce-table--order-details tfoot tr:last-child th, .woocommerce-order .woocommerce-table--order-details tfoot tr:last-child td { padding: 19px 22px !important; background: #f8f2fa !important; color: #5c1972 !important; border-bottom: 0 !important; font-size: 17px !important; font-weight: 800 !important; } .woocommerce-order .woocommerce-table--order-details tfoot tr:last-child td { text-align: left !important; } /* ========================================= PAYMENT BUTTON WooCommerce "Pay" button ========================================= */ .woocommerce-order .woocommerce-button, .woocommerce-order a.button, .woocommerce-order .button { background: #5c1972 !important; color: #ffffff !important; border: 0 !important; border-radius: 12px !important; padding: 13px 26px !important; font-size: 14px !important; font-weight: 700 !important; text-decoration: none !important; box-shadow: 0 6px 18px rgba(92, 25, 114, 0.18) !important; transition: background .2s ease, transform .2s ease, box-shadow .2s ease !important; } .woocommerce-order .woocommerce-button:hover, .woocommerce-order a.button:hover, .woocommerce-order .button:hover { background: #461057 !important; color: #ffffff !important; transform: translateY(-2px); box-shadow: 0 9px 22px rgba(92, 25, 114, 0.25) !important; } /* ========================================= CUSTOMER DETAILS ========================================= */ .woocommerce-order .woocommerce-customer-details { margin-top: 30px !important; } .woocommerce-order .woocommerce-customer-details address { padding: 20px !important; background: #faf7fb !important; border: 1px solid #eee7f0 !important; border-radius: 16px !important; color: #6f6871 !important; line-height: 1.9 !important; } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .woocommerce-order .woocommerce-table--order-details { margin-top: 22px !important; border-radius: 14px !important; font-size: 13px !important; } .woocommerce-order .woocommerce-table--order-details thead th { padding: 13px 10px !important; font-size: 13px !important; } .woocommerce-order .woocommerce-table--order-details tbody td { padding: 15px 10px !important; font-size: 13px !important; } .woocommerce-order .woocommerce-table--order-details .product-total { padding: 15px 10px !important; font-size: 13px !important; } .woocommerce-order .woocommerce-table--order-details tfoot th, .woocommerce-order .woocommerce-table--order-details tfoot td { padding: 13px 10px !important; font-size: 13px !important; } .woocommerce-order .woocommerce-table--order-details tfoot tr:last-child th, .woocommerce-order .woocommerce-table--order-details tfoot tr:last-child td { padding: 16px 10px !important; font-size: 15px !important; } .woocommerce-order .woocommerce-button, .woocommerce-order a.button, .woocommerce-order .button { padding: 11px 20px !important; font-size: 13px !important; } } بخش ۳ /* ========================================= RESTORE ORDER TOTAL / PRICE COLUMN ========================================= */ .woocommerce-order .woocommerce-table--order-details .product-total, .woocommerce-order .woocommerce-table--order-details td.product-total, .woocommerce-order .woocommerce-table--order-details th.product-total { display: table-cell !important; visibility: visible !important; opacity: 1 !important; width: auto !important; min-width: 120px !important; color: #5c1972 !important; } /* مبلغ داخل ستون */ .woocommerce-order .woocommerce-table--order-details .product-total .amount, .woocommerce-order .woocommerce-table--order-details .product-total .woocommerce-Price-amount { display: inline-block !important; color: #5c1972 !important; font-size: 16px !important; font-weight: 800 !important; white-space: nowrap !important; } /* ========================================= RESTORE FOOTER TOTAL ========================================= */ .woocommerce-order .woocommerce-table--order-details tfoot { display: table-footer-group !important; visibility: visible !important; opacity: 1 !important; } .woocommerce-order .woocommerce-table--order-details tfoot tr { display: table-row !important; visibility: visible !important; opacity: 1 !important; } .woocommerce-order .woocommerce-table--order-details tfoot th, .woocommerce-order .woocommerce-table--order-details tfoot td { display: table-cell !important; visibility: visible !important; opacity: 1 !important; } /* مجموع نهایی */ .woocommerce-order .woocommerce-table--order-details tfoot .woocommerce-Price-amount { display: inline-block !important; color: #5c1972 !important; font-size: 18px !important; font-weight: 800 !important; white-space: nowrap !important; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'YekanBakh'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://azin-boutique.ir/wp-content/uploads/2026/08/YekanBakhFaNum-Regular.woff2') format('woff2'); } @font-face { font-family: 'YekanBakh'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://azin-boutique.ir/wp-content/uploads/2026/08/YekanBakhFaNum-Light.woff2') format('woff2'); } @font-face { font-family: 'YekanBakh'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://azin-boutique.ir/wp-content/uploads/2026/08/YekanBakhFaNum-SemiBold.woff2') format('woff2'); } @font-face { font-family: 'YekanBakh'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://azin-boutique.ir/wp-content/uploads/2026/08/YekanBakhFaNum-Bold.woff2') format('woff2'); } /* End Custom Fonts CSS */