{"sections":{"main":{"type":"main-order","settings":{"section_width":"max-w-page","color_scheme":"","spacing_top":"2","spacing_bottom":"2"}},"custom_liquid_ERwz6k":{"type":"custom-liquid","name":"Order Details Custom Styling Mobile","settings":{"custom_liquid":"{% style %} \/* ============================= 1. HIDE SKU COLUMN ============================= *\/ .account-dashboard__table thead tr th:nth-child(2), .account-dashboard__table tbody tr td:nth-child(2), .account-dashboard__table tfoot tr td:nth-child(2) { display: none !important; } \/* ============================= 2. REMOVE LEFT PADDING ============================= *\/ .account-dashboard__table, .account-dashboard__table table { margin-left: 0 !important; padding-left: 0 !important; } .account-dashboard__table th, .account-dashboard__table td { padding-left: 0 !important; } \/* ============================= 3. HEADER STYLING (PRODUCT, QUANTITY, TOTAL) ============================= *\/ \/* PRODUCT (column 1) *\/ .account-dashboard__table thead tr th:nth-child(1) { font-weight: 700 !important; text-transform: uppercase !important; } \/* QUANTITY (column 4) *\/ .account-dashboard__table thead tr th:nth-child(4) { font-weight: 700 !important; text-transform: uppercase !important; text-align: center !important; } \/* TOTAL (column 5 — after hiding SKU this stays column 5) *\/ .account-dashboard__table thead tr th:nth-child(5) { font-weight: 700 !important; text-transform: uppercase !important; } \/* ============================= 4. GLOBAL QUANTITY CENTERING (BODY ONLY – NOT FOOTER) ============================= *\/ .account-dashboard__table tbody tr td:nth-child(4), .account-dashboard__table tbody tr td[data-heading=\"Quantity\"] { text-align: center !important; } \/* ============================= 5. WIDEN PRODUCT COLUMN ============================= *\/ .account-dashboard__table th:first-child, .account-dashboard__table td[data-heading=\"Product\"] { max-width: 360px !important; width: 360px !important; } @media (max-width: 749px) { .account-dashboard__table td[data-heading=\"Product\"] { max-width: 420px !important; width: 420px !important; } } \/* ============================= 6. MOBILE TABLE BEHAVIOR - Horizontal scroll - Big product titles - Show header (PRODUCT \/ QUANTITY \/ TOTAL) ============================= *\/ @media (max-width: 749px) { \/* horizontal scrolling *\/ .account-dashboard__table { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .account-dashboard__table table { width: max-content; min-width: 480px; border-collapse: collapse; } \/* FORCE HEADER ROW VISIBLE ON MOBILE *\/ .account-dashboard__table thead { display: table-header-group !important; } .account-dashboard__table th, .account-dashboard__table td { display: table-cell !important; padding: 12px 0 !important; vertical-align: top; white-space: normal; text-align: left; } \/* stop theme from injecting \"Product:\" mobile labels *\/ .account-dashboard__table--column-mobile td::before, .account-dashboard__table td::before { display: none !important; content: none !important; } \/* BIG product titles *\/ .account-dashboard__table-title a { font-size: 1.3rem !important; font-weight: 600 !important; line-height: 1.45 !important; white-space: normal; } \/* allow info blocks under product to wrap normally *\/ .account-dashboard__table-info { display: block !important; white-space: normal !important; font-size: 0.95rem; } \/* Quantity cells stay centered on mobile too *\/ .account-dashboard__table tbody tr td:nth-child(4), .account-dashboard__table tbody tr td[data-heading=\"Quantity\"] { text-align: center !important; } \/* ============================= 7. FOOTER FIXES (MOBILE) - Labels left - Numbers right - No indent ============================= *\/ \/* hide empty columns 1 + 3 in footer on mobile *\/ .account-dashboard__table tfoot tr td:nth-child(1), .account-dashboard__table tfoot tr td:nth-child(3) { display: none !important; } \/* footer labels (Subtotal, Shipping, Tax, Total) → LEFT on mobile *\/ .account-dashboard__table tfoot tr td:nth-child(4) { text-align: left !important; font-size: 1.3rem !important; font-weight: 600 !important; } \/* footer numbers → RIGHT, flush on mobile *\/ .account-dashboard__table tfoot tr td:nth-child(5) { text-align: right !important; white-space: nowrap !important; font-size: 1.3rem !important; font-weight: 600 !important; padding-right: 0 !important; } } \/* ============================= 8. FOOTER ALIGNMENT (DESKTOP) - Labels left - Numbers right ============================= *\/ \/* labels (Subtotal \/ Shipping \/ Tax \/ Total) left-aligned on desktop *\/ .account-dashboard__table tfoot tr td:nth-child(4) { text-align: left !important; } \/* values right-aligned on desktop, flush to edge *\/ .account-dashboard__table tfoot tr td:nth-child(5) { text-align: right !important; padding-right: 0 !important; } \n\/* =============================\n   9. SLIGHT HORIZONTAL PADDING  \n   for Price, Quantity, Total\n   ============================= *\/\n\n\/* Desktop + Mobile *\/\n.account-dashboard__table tbody tr td:nth-child(3),\n.account-dashboard__table thead tr th:nth-child(3),\n.account-dashboard__table tfoot tr td:nth-child(3) {\n  padding-left: 5px !important;\n  padding-right: 5px !important;\n}\n\n.account-dashboard__table tbody tr td:nth-child(4),\n.account-dashboard__table thead tr th:nth-child(4),\n.account-dashboard__table tfoot tr td:nth-child(4) {\n  padding-left: 5px !important;\n  padding-right: 5px !important;\n}\n\n.account-dashboard__table tbody tr td:nth-child(5),\n.account-dashboard__table thead tr th:nth-child(5),\n.account-dashboard__table tfoot tr td:nth-child(5) {\n  padding-left: 10px !important;\n  padding-right: 10px !important;\n}\n\n\/* =============================\n   9. HIDE BREADCRUMB ON MOBILE\n   (prevents overlap with account menu)\n   ============================= *\/\n@media (max-width: 749px) {\n  .account-dashboard__breadcrumbs {\n    display: none !important;\n  }\n}\n\n{% endstyle %}","section_width":"max-w-page","color_scheme":"","spacing_top":"0","spacing_bottom":"0"}}},"order":["main","custom_liquid_ERwz6k"]}