/* AUDIOSTAFF merged inline CSS */ .as-live-order-center .as-live-shipment-grid-public > div{background:transparent!important;color:inherit!important;border:1px solid rgba(130,140,155,.3)!important}.as-live-order-center .as-live-shipment-grid-public > div span{color:inherit!important;opacity:.8}.as-live-order-center .as-live-shipment-grid-public > div strong,.as-live-order-center .as-live-shipment-grid-public > div a{color:inherit!important;opacity:1!important}.as-live-order-center .as-live-shipment-grid-public a{text-decoration:underline} /* ========================================================= ORDERS PAGE - PREMIUM STYLE ========================================================= */ body.woocommerce-account { --as-border: #eeeeee; --as-soft: #ffffff; --as-text: #111111; --as-muted: #777777; } /* MAIN CONTENT */ body.woocommerce-account .woocommerce-MyAccount-content { background: #ffffff !important; border: 1px solid var(--as-border) !important; border-radius: 18px !important; padding: 28px !important; box-shadow: 0 18px 50px rgba(0,0,0,.035) !important; min-height: 360px !important; } /* ========================================================= EMAIL CONFIRM NOTICE ========================================================= */ body.woocommerce-account .woocommerce-info { position: relative !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 25px !important; margin: 0 0 24px !important; padding: 18px 20px !important; background: #ffffff !important; color: #222222 !important; border: 1px solid #eeeeee !important; border-radius: 14px !important; box-shadow: none !important; font-size: 14px !important; line-height: 1.45 !important; } /* remove default blue line */ body.woocommerce-account .woocommerce-info::before { color: #111111 !important; } /* confirm email link */ body.woocommerce-account .woocommerce-info a { color: #111111 !important; text-decoration: none !important; font-weight: 600 !important; white-space: nowrap !important; border-bottom: 1px solid #111111 !important; padding-bottom: 2px !important; } /* ========================================================= ORDERS TABLE ========================================================= */ body.woocommerce-account table.woocommerce-orders-table { width: 100% !important; margin: 0 !important; border: 1px solid var(--as-border) !important; border-radius: 16px !important; border-collapse: separate !important; border-spacing: 0 !important; overflow: hidden !important; background: #ffffff !important; } /* TABLE HEADER */ body.woocommerce-account .woocommerce-orders-table thead th { padding: 14px 16px !important; background: #ffffff !important; border: 0 !important; border-bottom: 1px solid #eeeeee !important; color: #777777 !important; font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .10em !important; white-space: nowrap !important; } /* TABLE ROW */ body.woocommerce-account .woocommerce-orders-table tbody tr { transition: background .15s ease !important; } body.woocommerce-account .woocommerce-orders-table tbody tr:hover { background: #ffffff !important; } /* TABLE CELLS */ body.woocommerce-account .woocommerce-orders-table tbody td { padding: 18px 16px !important; border: 0 !important; border-bottom: 1px solid #eeeeee !important; font-size: 13px !important; color: #222222 !important; vertical-align: middle !important; } /* ORDER NUMBER */ body.woocommerce-account .woocommerce-orders-table__cell-order-number a { color: #111111 !important; font-size: 14px !important; font-weight: 700 !important; text-decoration: none !important; } /* DATE */ body.woocommerce-account .woocommerce-orders-table__cell-order-date { color: #666666 !important; } /* TOTAL */ body.woocommerce-account .woocommerce-orders-table__cell-order-total { font-weight: 600 !important; color: #111111 !important; } /* ========================================================= STATUS PILL ========================================================= */ body.woocommerce-account .woocommerce-orders-table__cell-order-status { font-size: 0 !important; } body.woocommerce-account .woocommerce-orders-table__cell-order-status::after { content: attr(data-title); display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 28px !important; padding: 0 10px !important; border-radius: 999px !important; background: #eeeeee !important; color: #303030 !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: .03em !important; text-transform: uppercase !important; } /* ========================================================= ACTION BUTTON ========================================================= */ body.woocommerce-account .woocommerce-orders-table__cell-order-actions .button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 80px !important; min-height: 38px !important; padding: 0 15px !important; margin: 0 !important; border: 0 !important; border-radius: 999px !important; background: #111111 !important; color: #ffffff !important; font-size: 11px !important; font-weight: 600 !important; text-decoration: none !important; box-shadow: 0 7px 18px rgba(0,0,0,.10) !important; transition: transform .15s ease, box-shadow .15s ease, background .15s ease !important; } body.woocommerce-account .woocommerce-orders-table__cell-order-actions .button:hover { background: #222222 !important; transform: translateY(-1px) !important; box-shadow: 0 10px 24px rgba(0,0,0,.14) !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width:700px) { body.woocommerce-account .woocommerce-MyAccount-content { padding: 16px !important; border-radius: 14px !important; } body.woocommerce-account .woocommerce-info { display: block !important; padding: 14px !important; font-size: 12px !important; } body.woocommerce-account .woocommerce-info a { display: inline-block !important; margin-top: 8px !important; } /* WooCommerce mobile order cards */ body.woocommerce-account .woocommerce-orders-table thead { display: none !important; } body.woocommerce-account .woocommerce-orders-table, body.woocommerce-account .woocommerce-orders-table tbody, body.woocommerce-account .woocommerce-orders-table tr, body.woocommerce-account .woocommerce-orders-table td { display: block !important; width: 100% !important; } body.woocommerce-account .woocommerce-orders-table { border: 0 !important; background: transparent !important; } body.woocommerce-account .woocommerce-orders-table tr { margin-bottom: 12px !important; padding: 14px !important; background: #ffffff !important; border: 1px solid #eeeeee !important; border-radius: 14px !important; box-sizing: border-box !important; } body.woocommerce-account .woocommerce-orders-table tbody td { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 15px !important; padding: 9px 0 !important; border-bottom: 1px solid #eeeeee !important; font-size: 12px !important; } body.woocommerce-account .woocommerce-orders-table tbody td:last-child { border-bottom: 0 !important; padding-bottom: 0 !important; } body.woocommerce-account .woocommerce-orders-table tbody td::before { font-size: 9px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .08em !important; color: #999999 !important; } body.woocommerce-account .woocommerce-orders-table__cell-order-actions .button { width: auto !important; min-width: 76px !important; } } .stock, .woocommerce-variation-availability, .wc-block-components-product-stock-indicator, .wc-block-components-product-stock-indicator--in-stock, .wc-block-components-product-stock-indicator--out-of-stock { display: none !important; } /* ========================================= ORDER DETAIL TYPOGRAPHY ========================================= */ body.woocommerce-account .woocommerce-order-details, body.woocommerce-account .woocommerce-customer-details { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important; color: #111111 !important; } /* ORDER DETAILS TITLE */ body.woocommerce-account .woocommerce-order-details__title, body.woocommerce-account .woocommerce-column__title { font-size: 24px !important; font-weight: 600 !important; line-height: 1.1 !important; letter-spacing: -.035em !important; margin-bottom: 18px !important; } /* TOP ORDER STATUS TEXT */ body.woocommerce-account .woocommerce-MyAccount-content > p { font-size: 13px !important; line-height: 1.5 !important; color: #555555 !important; } /* TABLE HEADER */ body.woocommerce-account .woocommerce-order-details table.shop_table th { font-size: 10px !important; font-weight: 700 !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: #777777 !important; padding: 12px 14px !important; } /* TABLE CELLS */ body.woocommerce-account .woocommerce-order-details table.shop_table td { font-size: 13px !important; font-weight: 400 !important; line-height: 1.4 !important; padding: 12px 14px !important; color: #222222 !important; } /* PRODUCT NAME */ body.woocommerce-account .woocommerce-order-details .product-name a { font-size: 13px !important; font-weight: 500 !important; color: #111111 !important; text-decoration: none !important; } /* TOTALS LABEL */ body.woocommerce-account .woocommerce-order-details tfoot th { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .05em !important; color: #555555 !important; } /* TOTAL VALUES */ body.woocommerce-account .woocommerce-order-details tfoot td { font-size: 13px !important; font-weight: 600 !important; color: #111111 !important; } /* BILLING ADDRESS TITLE */ body.woocommerce-account .woocommerce-customer-details .woocommerce-column__title { font-size: 18px !important; margin-top: 28px !important; margin-bottom: 12px !important; } /* BILLING ADDRESS BOX */ body.woocommerce-account .woocommerce-customer-details address { font-size: 13px !important; line-height: 1.55 !important; font-style: normal !important; color: #303030 !important; padding: 16px !important; border: 1px solid #eeeeee !important; border-radius: 12px !important; background: #ffffff !important; } /* EMAIL / PHONE */ body.woocommerce-account .woocommerce-customer-details address p { font-size: 12px !important; line-height: 1.45 !important; margin: 6px 0 0 !important; } /* ========================================= MOBILE ========================================= */ @media (max-width:700px) { body.woocommerce-account .woocommerce-order-details__title { font-size: 21px !important; } body.woocommerce-account .woocommerce-order-details table.shop_table th, body.woocommerce-account .woocommerce-order-details table.shop_table td { font-size: 11px !important; padding: 10px 8px !important; } body.woocommerce-account .woocommerce-customer-details address { font-size: 12px !important; padding: 13px !important; } } /* ========================================================= DESKTOP ========================================================= */ @media (min-width: 901px) { /* * Keep header content aligned with the same content width * used by the Dealer Price List. */ header.wp-block-template-part > .wp-block-group, header.wp-block-template-part .wp-block-group.alignwide, header.wp-block-template-part .wp-block-group.alignfull { width: min(1500px, calc(100% - 56px)) !important; max-width: 1500px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } /* * Push the account/cart group inward so it visually * lines up with My Account / Review Order. */ header.wp-block-template-part .wp-block-woocommerce-customer-account, header.wp-block-template-part .wc-block-mini-cart { position: relative !important; right: 0 !important; } /* * Small correction toward the center. */ header.wp-block-template-part .wc-block-mini-cart { margin-right: 74px !important; } } /* ========================================================= LARGE SCREENS ========================================================= */ @media (min-width: 1500px) { header.wp-block-template-part .wc-block-mini-cart { margin-right: 90px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 900px) { header.wp-block-template-part .wc-block-mini-cart { margin-right: 8px !important; } } /* ========================================================= ADDRESSES PAGE - CLEAN TYPOGRAPHY ========================================================= */ body.woocommerce-account .woocommerce-Addresses { display:grid !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap:32px !important; margin-top:24px !important; } /* COLUMN */ body.woocommerce-account .woocommerce-Address { float:none !important; width:100% !important; margin:0 !important; padding:24px !important; box-sizing:border-box !important; border:1px solid #eeeeee !important; border-radius:14px !important; background:#ffffff !important; } /* TITLE ROW */ body.woocommerce-account .woocommerce-Address-title { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:15px !important; margin-bottom:18px !important; } /* BILLING / SHIPPING TITLE */ body.woocommerce-account .woocommerce-Address-title h2 { margin:0 !important; font-size:23px !important; line-height:1.1 !important; font-weight:600 !important; letter-spacing:-.035em !important; color:#111111 !important; } /* EDIT LINK */ body.woocommerce-account .woocommerce-Address-title a { float:none !important; margin:0 !important; padding:0 !important; font-size:11px !important; font-weight:600 !important; color:#666666 !important; text-decoration:none !important; white-space:nowrap !important; border-bottom:1px solid transparent !important; transition: color .15s ease, border-color .15s ease !important; } body.woocommerce-account .woocommerce-Address-title a:hover { color:#111111 !important; border-color:#111111 !important; } /* ADDRESS */ body.woocommerce-account .woocommerce-Address address { margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; font-style:normal !important; font-size:14px !important; font-weight:400 !important; line-height:1.65 !important; color:#444444 !important; } /* PAGE INTRO */ body.woocommerce-account .woocommerce-MyAccount-content > p:first-child { margin: 0 0 18px !important; font-size:12px !important; line-height:1.5 !important; color:#777777 !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width:700px) { body.woocommerce-account .woocommerce-Addresses { grid-template-columns: 1fr !important; gap:14px !important; margin-top:16px !important; } body.woocommerce-account .woocommerce-Address { padding:18px !important; border-radius:12px !important; } body.woocommerce-account .woocommerce-Address-title h2 { font-size:20px !important; } body.woocommerce-account .woocommerce-Address address { font-size:13px !important; line-height:1.55 !important; } } /* Classic WooCommerce coupon forms */ .woocommerce-form-coupon-toggle, .woocommerce-form-coupon, .coupon, .checkout_coupon, .cart-coupon, .woocommerce-cart .coupon, .woocommerce-checkout .checkout_coupon { display:none !important; } /* WooCommerce Blocks coupon components */ .wc-block-components-totals-coupon, .wc-block-components-totals-coupon__button, .wc-block-components-totals-coupon__form, .wc-block-components-panel__button[aria-controls*="coupon"], .wc-block-components-panel__button[aria-expanded][class*="coupon"], .wp-block-woocommerce-cart-order-summary-coupon-form-block, .wp-block-woocommerce-checkout-order-summary-coupon-form-block { display:none !important; } /* ========================================================= HIDE SITE HEADER / TOP BAR ========================================================= */ header.wp-block-template-part, .wp-site-blocks > header, .site-header, #masthead, header.site-header { display: none !important; } /* ========================================================= REMOVE SPACE LEFT BY HEADER ========================================================= */ .wp-site-blocks { padding-top: 0 !important; margin-top: 0 !important; } main, .wp-block-post-content { margin-top: 0 !important; } /* ========================================================= IF WORDPRESS ADMIN BAR IS ACTIVE, DON'T TOUCH IT ========================================================= */ #wpadminbar { display: block; } #as-claims-dashboard-card{ width:100%; margin:0 0 10px; border:1px solid #dddddd; border-radius:11px; background:#ffffff; overflow:hidden; box-sizing:border-box; } .as-claims-dash-head{ min-height:50px; padding:0 14px; border-bottom:1px solid #eeeeee; display:flex; align-items:center; justify-content:space-between; gap:12px; } .as-claims-dash-head strong{ display:block; font-size:10px; } .as-claims-dash-head span{ display:block; margin-top:3px; color:#aaaaaa; font-size:7px; } .as-claims-dash-actions{ display:flex; align-items:center; gap:6px; } .as-claims-dash-actions a{ min-height:30px; padding:0 9px; border:1px solid #dddddd; border-radius:6px; background:#ffffff; color:#555555; text-decoration:none; font-size:8px; font-weight:750; display:flex; align-items:center; } .as-claims-dash-actions a.primary{ border-color:#111111; background:#111111; color:#ffffff; } .as-claims-dash-body{ display:grid; grid-template-columns:220px minmax(0,1fr); } .as-claims-dash-stats{ padding:13px; border-right:1px solid #eeeeee; display:grid; grid-template-columns:1fr 1fr; gap:7px; } .as-claims-dash-stat{ padding:11px; border:1px solid #eeeeee; border-radius:8px; background:#ffffff; } .as-claims-dash-stat strong{ display:block; font-size:19px; line-height:1; } .as-claims-dash-stat span{ display:block; margin-top:6px; color:#999999; font-size:7px; line-height:1.3; } .as-claims-dash-latest{ min-width:0; } .as-claims-dash-row{ min-height:48px; padding:9px 13px; border-bottom:1px solid #eeeeee; color:#111111 !important; text-decoration:none !important; display:flex; align-items:center; justify-content:space-between; gap:12px; } .as-claims-dash-row:last-child{ border-bottom:0; } .as-claims-dash-row:hover{ background:#ffffff; } .as-claims-dash-row strong{ display:block; font-size:8.5px; } .as-claims-dash-row span{ display:block; margin-top:3px; color:#999999; font-size:7px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .as-claims-dash-status{ flex:0 0 auto; padding:4px 6px; border-radius:999px; background:#eeeeee; color:#666666; font-size:6.5px; font-weight:800; } .as-claims-dash-empty{ padding:16px; color:#999999; font-size:8px; line-height:1.45; } @media(max-width:850px){ .as-claims-dash-body{ grid-template-columns:1fr; } .as-claims-dash-stats{ border-right:0; border-bottom:1px solid #eeeeee; } .as-claims-dash-head{ align-items:flex-start; flex-direction:column; padding:12px 14px; } } .as-pp-live{max-width:1400px;margin:0 auto 12px;border:1px solid #dddddd;border-radius:11px;background:#ffffff;overflow:hidden}.as-pp-live-head{padding:14px 16px;background:#ffffff;display:flex;justify-content:space-between;gap:18px}.as-pp-kicker{color:#999999;font-size:7px;font-weight:800;letter-spacing:.1em}.as-pp-live-head strong{display:block;font-size:11px}.as-pp-live-head span{display:block;margin-top:4px;color:#888888;font-size:8.5px}.as-pp-paid-badge{padding:5px 8px;border-radius:999px;background:#eeeeee;color:#2f6d3d;font-size:7px;font-weight:800;height:max-content}.as-pp-proof-row{padding:10px 14px;border-top:1px solid #eeeeee;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center}.as-pp-proof-row strong{display:block;font-size:10px}.as-pp-proof-row span,.as-pp-proof-row p{font-size:7.5px;color:#888888}.as-pp-proof-files{display:flex;gap:5px}.as-pp-customer-file{width:42px;height:32px;border:1px solid #dddddd;border-radius:5px;overflow:hidden;background:#eeeeee;display:flex;align-items:center;justify-content:center;text-decoration:none!important;font-size:7px}.as-pp-customer-file img{width:100%;height:100%;object-fit:cover}.as-pp-status{padding:4px 7px;border-radius:999px;background:#eeeeee;font-size:7px;font-weight:800;text-transform:uppercase}.as-pp-status.status-approved{background:#eeeeee;color:#2f6d3d}.as-pp-status.status-needs_new_proof,.as-pp-status.status-rejected{background:#fdecec;color:#98312b}.as-pp-upload-form{padding:14px 16px 16px;border-top:1px solid #eeeeee}.as-pp-fields{display:grid;grid-template-columns:.35fr .65fr;gap:9px}.as-pp-upload-form label{display:block;margin-bottom:10px}.as-pp-upload-form label>span{display:block;margin-bottom:5px;color:#666666;font-size:8px;font-weight:800}.as-pp-upload-form input,.as-pp-upload-form textarea{width:100%;box-sizing:border-box;border:1px solid #dddddd;border-radius:6px;font-size:10px}.as-pp-upload-form input{min-height:37px;padding:7px 9px}.as-pp-upload-form textarea{padding:8px 9px}.as-pp-amount{display:flex}.as-pp-amount b{padding:0 8px;border:1px solid #dddddd;border-right:0;border-radius:6px 0 0 6px;background:#ffffff;display:flex;align-items:center;font-size:8px}.as-pp-amount input{border-radius:0 6px 6px 0}.as-pp-drop{min-height:105px;padding:16px;border:1.5px dashed #cccccc;border-radius:9px;background:#ffffff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.as-pp-drop.dragging{border-color:#111111;background:#eeeeee}.as-pp-drop>div{width:28px;height:28px;margin-bottom:6px;border-radius:50%;background:#111111;color:#ffffff;display:flex;align-items:center;justify-content:center}.as-pp-drop strong{font-size:9px}.as-pp-drop span{margin-top:4px;color:#999999;font-size:7.5px}.as-pp-picked{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.as-pp-picked span{padding:5px 7px;border:1px solid #dddddd;border-radius:6px;font-size:7px}.as-pp-submit-row{margin-top:13px;padding-top:12px;border-top:1px solid #eeeeee;display:flex;justify-content:space-between;align-items:center}.as-pp-submit-row>span{color:#888888;font-size:8px}.as-pp-submit-row button{min-height:36px;padding:0 12px;border:0;border-radius:7px;background:#111111;color:#ffffff;font-size:9px;font-weight:800}.as-pp-submit-row button:disabled{opacity:.45} .as-pp-split-compact .as-pp-compact-check{ background:#edf4ff!important; color:#3c5f91!important; } .as-pp-split-compact[open]{ background:#ffffff; } .as-pp-live-compact{ background:#ffffff; } .as-pp-live-compact>summary{ list-style:none; } .as-pp-live-compact>summary::-webkit-details-marker{ display:none; } .as-pp-compact-summary{ min-height:48px; padding:9px 13px; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:12px; user-select:none; } .as-pp-compact-left{ min-width:0; display:flex; align-items:center; gap:9px; } .as-pp-compact-check{ width:24px; height:24px; flex:0 0 24px; border-radius:50%; background:#eeeeee; color:#2f6d3d; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:900; } .as-pp-compact-left strong{ display:block; font-size:9px; } .as-pp-compact-left div>span{ display:block; margin-top:2px; color:#999999; font-size:7px; } .as-pp-compact-open{ flex:0 0 auto; color:#777777; font-size:7.5px; font-weight:700; } .as-pp-live-compact[open] .as-pp-compact-open:after{ content:" ↑"; } .as-pp-live-compact:not([open]) .as-pp-compact-open:after{ content:" ↓"; } .as-pp-compact-body{ border-top:1px solid #eeeeee; background:#ffffff; } @media(max-width:700px){.as-pp-fields,.as-pp-proof-row{grid-template-columns:1fr}.as-pp-submit-row{flex-direction:column;align-items:stretch;gap:8px}} .as-pp-current-payment{margin-bottom:12px;padding:12px 14px;border:1px solid #dfe4ea;border-radius:9px;background:#ffffff;display:grid;grid-template-columns:1fr auto;gap:3px 14px;align-items:center}.as-pp-current-payment span{color:#7180a3;font-size:8px;font-weight:800;letter-spacing:.1em}.as-pp-current-payment strong{font-size:13px}.as-pp-current-payment b{grid-column:2;grid-row:1/3;font-size:15px}.as-pp-current-payment em{grid-column:1/-1;color:#777777;font-size:8px;font-style:normal}.as-pp-amount input[readonly]{background:#eeeeee;color:#222222;cursor:not-allowed} .as-pp-plan-card{margin:14px 18px;border:1px solid #dfe4ea;border-radius:12px;overflow:hidden;background:#ffffff;box-shadow:0 5px 18px rgba(20,25,35,.04)} .as-pp-plan-head{padding:15px 17px;display:flex;justify-content:space-between;gap:16px;align-items:center;background:#ffffff;border-bottom:1px solid #eeeeee} .as-pp-plan-head span{display:block;color:#8a8f98;font-size:8px;font-weight:800;letter-spacing:.12em} .as-pp-plan-head strong{display:block;margin-top:4px;font-size:14px;color:#111111} .as-pp-plan-head>b{padding:6px 9px;border-radius:99px;background:#eeeeee;color:#2f6d3d;font-size:8px;white-space:nowrap} .as-pp-plan-totals{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #eeeeee} .as-pp-plan-totals>div{padding:13px 17px;border-right:1px solid #eeeeee} .as-pp-plan-totals>div:last-child{border-right:0} .as-pp-plan-totals span,.as-pp-plan-row span{display:block;color:#8a8f98;font-size:8px} .as-pp-plan-totals strong{display:block;margin-top:5px;font-size:14px;color:#111111} .as-pp-plan-row{padding:12px 17px;display:grid;grid-template-columns:minmax(0,1fr) auto 100px;gap:14px;align-items:center;border-bottom:1px solid #eeeeee} .as-pp-plan-row:last-child{border-bottom:0} .as-pp-plan-row strong,.as-pp-plan-row>b{font-size:11px;color:#222222} .as-pp-plan-row em{padding:5px 7px;border-radius:99px;background:#eeeeee;text-align:center;font-size:8px;font-style:normal;color:#666666} .as-pp-plan-row.status-paid em{background:#eeeeee;color:#2f6d3d} .as-pp-plan-row.status-due_soon em,.as-pp-plan-row.status-due em{background:#fff3d4;color:#7a5a0c} .as-pp-plan-row.status-overdue em{background:#fdecec;color:#a52b25} @media(max-width:600px){.as-pp-plan-card{margin:10px}.as-pp-plan-head{align-items:flex-start;flex-direction:column}.as-pp-plan-totals{grid-template-columns:1fr}.as-pp-plan-totals>div{border-right:0;border-bottom:1px solid #eeeeee}.as-pp-plan-row{grid-template-columns:1fr auto}.as-pp-plan-row em{grid-column:1/-1;width:max-content}} .as-claims-launch{min-height:34px;padding:0 11px;border:1px solid #dddddd;border-radius:7px;background:#ffffff;color:#111!important;text-decoration:none!important;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700} .as-clm-page{width:100%;max-width:1280px;margin:auto;color:#111111}.as-clm-back{display:inline-block;margin-bottom:12px;color:#777!important;text-decoration:none;font-size:10px;font-weight:700} .as-clm-hero{display:flex;justify-content:space-between;gap:20px;padding:22px;margin-bottom:12px;border:1px solid #dddddd;border-radius:13px;background:#ffffff}.as-clm-hero.compact{padding:18px 20px} .as-clm-hero small,.as-clm-detailhead small{color:#999999;font-size:8px;font-weight:800;letter-spacing:.1em}.as-clm-hero h1,.as-clm-detailhead h1{margin:5px 0!important;font-size:27px!important;letter-spacing:-.035em}.as-clm-hero p,.as-clm-detailhead p{margin:5px 0 0!important;color:#777777;font-size:10px;line-height:1.5;max-width:720px} .as-clm-primary{min-height:40px;padding:0 14px;border:0;border-radius:8px;background:#111111;color:#fff!important;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;cursor:pointer}.as-clm-primary:disabled{opacity:.45} .as-clm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.as-clm-stats>div{padding:15px;border:1px solid #dddddd;border-radius:10px;background:#ffffff}.as-clm-stats b{display:block;font-size:22px}.as-clm-stats span{color:#888888;font-size:8px} .as-clm-how{padding:13px 15px;margin-bottom:10px;border:1px solid #dddddd;border-radius:9px;background:#ffffff;display:flex;gap:12px}.as-clm-how b{font-size:9px;white-space:nowrap}.as-clm-how span{font-size:9px;color:#777777;line-height:1.45} .as-clm-list{border:1px solid #dddddd;border-radius:11px;background:#ffffff;overflow:hidden}.as-clm-row{padding:13px 15px;border-bottom:1px solid #eeeeee;display:flex;justify-content:space-between;align-items:center;color:#111!important;text-decoration:none!important}.as-clm-row:last-child{border:0}.as-clm-row:hover{background:#ffffff}.as-clm-row b{font-size:10px;margin-right:7px}.as-clm-row em{padding:3px 6px;border-radius:999px;background:#eeeeee;font-size:7px;font-style:normal}.as-clm-row strong{display:block;margin-top:7px;font-size:11px}.as-clm-row span{display:block;margin-top:3px;color:#999999;font-size:8px}.as-clm-row i{font-size:20px;color:#aaaaaa} .as-clm-empty{padding:35px;text-align:center}.as-clm-empty b{display:block}.as-clm-empty span{display:block;margin-top:6px;color:#888888;font-size:9px} .as-clm-form{padding:20px;border:1px solid #dddddd;border-radius:12px;background:#ffffff}.as-clm-form label,.as-clm-adminform label{display:block;margin-bottom:11px;font-size:9px;font-weight:700}.as-clm-form input,.as-clm-form select,.as-clm-form textarea,.as-clm-adminform input,.as-clm-adminform select,.as-clm-adminform textarea{width:100%;box-sizing:border-box;margin-top:5px}.as-clm-two{display:grid;grid-template-columns:.35fr .65fr;gap:10px} .as-clm-drop,.as-clm-admindrop{min-height:130px;padding:18px;border:2px dashed #cccccc;border-radius:10px;background:#ffffff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer}.as-clm-drop.compact{min-height:90px;margin-top:9px}.as-clm-drop.drag,.as-clm-admindrop.drag{border-color:#111111;background:#eeeeee}.as-clm-drop b,.as-clm-admindrop b{font-size:10px}.as-clm-drop span,.as-clm-admindrop span{margin-top:5px;color:#999999;font-size:8px} .as-clm-picked{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.as-clm-picked span{padding:5px 7px;border:1px solid #dddddd;border-radius:6px;font-size:8px}.as-clm-submit{margin-top:15px;padding-top:14px;border-top:1px solid #eeeeee;display:flex;justify-content:space-between;align-items:center;gap:15px}.as-clm-submit>span{color:#888888;font-size:8px} .as-clm-detailhead{padding:18px;margin-bottom:10px;border:1px solid #dddddd;border-radius:11px;background:#ffffff;display:flex;justify-content:space-between}.as-clm-detailhead em{align-self:flex-start;padding:5px 7px;border-radius:999px;background:#eeeeee;font-size:8px;font-style:normal;font-weight:800} .as-clm-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:10px}.as-clm-card,.as-clm-grid aside section{border:1px solid #dddddd;border-radius:11px;background:#ffffff;overflow:hidden}.as-clm-card>header{padding:13px 15px;border-bottom:1px solid #eeeeee}.as-clm-card>header b{display:block;font-size:10px}.as-clm-card>header span{color:#999999;font-size:8px} .as-clm-timeline{padding:5px 15px}.as-clm-timeline article{padding:12px 0;border-bottom:1px solid #eeeeee}.as-clm-timeline article>div:first-child{display:flex;justify-content:space-between}.as-clm-timeline article b{font-size:9px}.as-clm-timeline article span{font-size:7px;color:#aaaaaa}.as-clm-timeline article p{font-size:9px;line-height:1.5} .as-clm-reply{padding:14px 15px;border-top:1px solid #eeeeee}.as-clm-reply textarea{width:100%;box-sizing:border-box}.as-clm-reply button{margin-top:10px} .as-clm-grid aside{display:flex;flex-direction:column;gap:8px}.as-clm-grid aside section{padding:14px}.as-clm-grid aside small{display:block;color:#999999;font-size:7px;font-weight:800}.as-clm-grid aside b{display:block;margin-top:6px;font-size:10px}.as-clm-grid aside span{display:block;margin-top:6px;color:#888888;font-size:8px;line-height:1.45}.as-clm-grid aside .resolved{background:#ffffff} .as-clm-filegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.as-clm-file{overflow:hidden;border:1px solid #dddddd;border-radius:7px;background:#ffffff}.as-clm-file>a,.as-clm-file video{display:block;width:100%;height:110px;object-fit:cover;overflow:hidden}.as-clm-file img{width:100%;height:100%;object-fit:cover}.as-clm-file>div{padding:7px}.as-clm-file strong{display:block;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.as-clm-file span,.as-clm-file div a{margin-right:5px;color:#888888;font-size:7px} @media(max-width:800px){.as-clm-hero,.as-clm-detailhead{flex-direction:column}.as-clm-stats,.as-clm-two,.as-clm-grid{grid-template-columns:1fr}.as-clm-submit{flex-direction:column;align-items:stretch}.as-clm-filegrid{grid-template-columns:repeat(2,1fr)}} /* ===================================================== CONTENT AREA ===================================================== */ .woocommerce-account .woocommerce-MyAccount-content{ width:100% !important; max-width:none !important; padding:0 !important; } /* ===================================================== ORDERS PAGE INTRO ===================================================== */ .as-orders-page-head{ margin:0 0 22px; } .as-orders-page-kicker{ margin:0 0 6px; color:#999999; font-size:10px; font-weight:750; letter-spacing:.14em; text-transform:uppercase; } .as-orders-page-title{ margin:0; color:#111111; font-size:34px; font-weight:650; line-height:1; letter-spacing:-.035em; } .as-orders-page-copy{ max-width:680px; margin:8px 0 0; color:#888888; font-size:13px; line-height:1.45; } /* ===================================================== REMOVE OLD WOOCOMMERCE NOTICE LOOK ===================================================== */ .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-message, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Message{ position:relative !important; width:100% !important; margin:0 0 12px !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; color:inherit !important; box-shadow:none !important; min-height:0 !important; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info::before, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-message::before, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Message::before{ display:none !important; content:none !important; } /* ===================================================== MODERN CARD ===================================================== */ .as-orders-card{ display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:14px; width:100%; padding:16px 18px; border:1px solid #eeeeee; border-radius:12px; background:#ffffff; box-sizing:border-box; } .as-orders-card-icon{ width:42px; height:42px; display:flex; align-items:center; justify-content:center; border-radius:10px; background:#eeeeee; color:#111111; font-size:18px; line-height:1; } .as-orders-card-copy{ min-width:0; } .as-orders-card-title{ margin:0; color:#111111; font-size:13px; font-weight:700; line-height:1.25; } .as-orders-card-text{ margin:4px 0 0; color:#888888; font-size:11px; line-height:1.45; } .as-orders-card-action{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:34px !important; margin:0 !important; padding:0 13px !important; border:1px solid #dddddd !important; border-radius:7px !important; background:#ffffff !important; color:#111111 !important; font-size:10px !important; font-weight:650 !important; line-height:1 !important; text-decoration:none !important; white-space:nowrap !important; box-shadow:none !important; } .as-orders-card-action:hover{ border-color:#111111 !important; background:#111111 !important; color:#ffffff !important; } /* ===================================================== EMPTY ORDERS — HERO STATE ===================================================== */ .as-orders-empty{ display:flex; flex-direction:column; align-items:flex-start; width:100%; margin-top:14px; padding:28px; border:1px solid #eeeeee; border-radius:14px; background: linear-gradient( 180deg, #ffffff 0%, #ffffff 100% ); box-sizing:border-box; } .as-orders-empty-icon{ width:46px; height:46px; display:flex; align-items:center; justify-content:center; margin-bottom:18px; border-radius:11px; background:#111111; color:#ffffff; font-size:18px; } .as-orders-empty h2{ margin:0; color:#111111; font-size:22px; font-weight:650; line-height:1.1; letter-spacing:-.025em; } .as-orders-empty p{ max-width:600px; margin:8px 0 18px; color:#888888; font-size:12px; line-height:1.55; } .as-orders-empty-action{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:38px !important; padding:0 15px !important; border:1px solid #111111 !important; border-radius:7px !important; background:#111111 !important; color:#ffffff !important; font-size:10px !important; font-weight:700 !important; text-decoration:none !important; box-shadow:none !important; } .as-orders-empty-action:hover{ opacity:.86; color:#ffffff !important; } /* ===================================================== EXISTING ORDERS TABLE — LIGHT POLISH ===================================================== */ .woocommerce-account .woocommerce-orders-table{ overflow:hidden; width:100% !important; border:1px solid #eeeeee !important; border-radius:12px !important; background:#ffffff !important; border-collapse:separate !important; border-spacing:0 !important; } .woocommerce-account .woocommerce-orders-table thead th{ padding:12px 14px !important; border:0 !important; border-bottom:1px solid #eeeeee !important; background:#ffffff !important; color:#777777 !important; font-size:9px !important; font-weight:750 !important; letter-spacing:.06em !important; text-transform:uppercase !important; } .woocommerce-account .woocommerce-orders-table tbody td{ padding:14px !important; border:0 !important; border-bottom:1px solid #eeeeee !important; color:#222222 !important; font-size:11px !important; } .woocommerce-account .woocommerce-orders-table tbody tr:last-child td{ border-bottom:0 !important; } /* ===================================================== MOBILE ===================================================== */ @media(max-width:700px){ .as-orders-page-title{ font-size:28px; } .as-orders-card{ grid-template-columns:38px minmax(0,1fr); gap:11px; padding:14px; } .as-orders-card-icon{ width:38px; height:38px; } .as-orders-card-action{ grid-column:1 / -1; width:100% !important; } .as-orders-empty{ padding:22px 18px; } } [data-as-appearance="dark"] .woocommerce-MyAccount-content, [data-as-display-mode="dark"] .woocommerce-MyAccount-content { color:#eeeeee !important; } [data-as-appearance="dark"] .as-orders-page-title, [data-as-display-mode="dark"] .as-orders-page-title, [data-as-appearance="dark"] .as-orders-empty h2, [data-as-display-mode="dark"] .as-orders-empty h2 { color:#edf4ff !important; } [data-as-appearance="dark"] .as-orders-page-copy, [data-as-display-mode="dark"] .as-orders-page-copy, [data-as-appearance="dark"] .as-orders-card-text, [data-as-display-mode="dark"] .as-orders-card-text, [data-as-appearance="dark"] .as-orders-empty p, [data-as-display-mode="dark"] .as-orders-empty p { color:#aab3c2 !important; } [data-as-appearance="dark"] .as-orders-card, [data-as-display-mode="dark"] .as-orders-card { border-color:#303030 !important; background:#111111 !important; } [data-as-appearance="dark"] .as-orders-card-icon, [data-as-display-mode="dark"] .as-orders-card-icon { background:#202631 !important; color:#edf4ff !important; } [data-as-appearance="dark"] .as-orders-card-title, [data-as-display-mode="dark"] .as-orders-card-title { color:#eeeeee !important; } [data-as-appearance="dark"] .as-orders-card-action, [data-as-display-mode="dark"] .as-orders-card-action { border-color:#424f64 !important; background:#202631 !important; color:#edf4ff !important; } [data-as-appearance="dark"] .as-orders-card-action:hover { background:#edf4ff !important; color:#111111 !important; } [data-as-appearance="dark"] .as-orders-empty, [data-as-display-mode="dark"] .as-orders-empty { border-color:#303030 !important; background:linear-gradient(180deg,#151820 0%,#151820 100%) !important; } [data-as-appearance="dark"] .as-orders-empty-icon, [data-as-display-mode="dark"] .as-orders-empty-icon { background:#eeeeee !important; color:#111111 !important; } [data-as-appearance="dark"] .as-orders-empty-action, [data-as-display-mode="dark"] .as-orders-empty-action { border-color:#eeeeee !important; background:#eeeeee !important; color:#111111 !important; } [data-as-appearance="dark"] .woocommerce-orders-table, [data-as-display-mode="dark"] .woocommerce-orders-table { border-color:#303030 !important; background:#111111 !important; } [data-as-appearance="dark"] .woocommerce-orders-table thead th, [data-as-display-mode="dark"] .woocommerce-orders-table thead th { border-bottom-color:#303030 !important; background:#202631 !important; color:#aab3c2 !important; } [data-as-appearance="dark"] .woocommerce-orders-table tbody td, [data-as-display-mode="dark"] .woocommerce-orders-table tbody td { border-bottom-color:#303030 !important; color:#eeeeee !important; } @media (max-width:700px){ .as-account-fullbleed-root { overflow-x:hidden !important; } .audiostaff-account-shell { min-width:0 !important; } .woocommerce-MyAccount-content { min-width:0 !important; } .as-orders-page-head { margin-bottom:16px !important; } .as-orders-page-title { font-size:clamp(25px,8vw,30px) !important; } .as-orders-page-copy { max-width:100% !important; font-size:12px !important; } .as-orders-card { grid-template-columns:36px minmax(0,1fr) !important; padding:13px !important; gap:10px !important; } .as-orders-card-icon { width:36px !important; height:36px !important; } .as-orders-card-action { grid-column:1 / -1 !important; width:100% !important; min-height:38px !important; } .as-orders-empty { padding:20px 16px !important; margin-top:10px !important; } .as-orders-empty h2 { font-size:21px !important; } .woocommerce-orders-table { display:block !important; overflow-x:auto !important; -webkit-overflow-scrolling:touch; } .woocommerce-orders-table table { min-width:560px !important; } #as-account-menu-toggle { z-index:10001 !important; } } html{ --as-i18n-lang: en; } /* ----------------------------------------- SWITCHER ----------------------------------------- */ .as-i18n-switcher{ position:relative; z-index:100000; flex:0 0 auto; margin-left:auto; font-family:inherit; } .as-i18n-switcher > summary{ list-style:none; cursor:pointer; height:28px; min-width:62px; display:flex; align-items:center; justify-content:center; gap:5px; padding:0 9px; border:1px solid #dddddd; border-radius:999px; background:#ffffff; color:#111111; box-sizing:border-box; font-size:9px; line-height:1; user-select:none; } .as-i18n-switcher > summary::-webkit-details-marker{ display:none; } .as-i18n-globe{ color:#777777; font-size:11px; } .as-i18n-chevron{ color:#999999; font-size:10px; } .as-i18n-menu{ position:absolute; top:34px; right:0; width:155px; padding:5px; border:1px solid #dddddd; border-radius:10px; background:#ffffff; box-shadow: 0 16px 45px rgba(0,0,0,.10); } .as-i18n-menu a{ min-height:35px; display:grid; grid-template-columns:26px 1fr; align-items:center; gap:7px; padding:5px 8px; border-radius:7px; color:#222222; text-decoration:none; } .as-i18n-menu a:hover, .as-i18n-menu a.is-active{ background:#eeeeee; } .as-i18n-menu span{ font-size:9px; font-weight:750; } .as-i18n-menu small{ color:#777777; font-size:10px; } .as-i18n-notice{ margin:5px 3px 2px; padding:8px 9px 7px; border-top:1px solid #eeeeee; color:#999999; font-size:8px; font-weight:500; line-height:1.4; text-align:left; } /* * Fallback if no AUDIOSTAFF portal header exists. */ .as-i18n-switcher.is-floating{ position:fixed; top: 12px; right:14px; } /* ----------------------------------------- I18N-SAFE LAYOUT Longer FR/PT/ES labels may wrap but never overflow. ----------------------------------------- */ html[lang^="es"] .as-pl-v3-header-actions > *, html[lang^="fr"] .as-pl-v3-header-actions > *, html[lang^="pt"] .as-pl-v3-header-actions > *, html[lang^="zh"] .as-pl-v3-header-actions > *{ min-width:0 !important; } html[lang^="es"] .as-pl-v3-header-actions a, html[lang^="es"] .as-pl-v3-header-actions button, html[lang^="fr"] .as-pl-v3-header-actions a, html[lang^="fr"] .as-pl-v3-header-actions button, html[lang^="pt"] .as-pl-v3-header-actions a, html[lang^="pt"] .as-pl-v3-header-actions button, html[lang^="zh"] .as-pl-v3-header-actions a, html[lang^="zh"] .as-pl-v3-header-actions button{ height:auto !important; min-height:34px !important; padding-top:5px !important; padding-bottom:5px !important; white-space:normal !important; overflow-wrap:normal !important; word-break:normal !important; text-align:center !important; line-height:1.15 !important; } .as-pl-v3-table th, .as-pl-v3-table td, .as-ow2-panel *, .as-live-order-center *, .as-tm-modal *, .as-cp-modal *, .as-support-overlay *, .as-logistics-card *{ min-width:0; } .as-pl-v3-table th{ overflow-wrap:normal; word-break:normal; } @media(max-width:700px){ .as-i18n-switcher.is-floating{ top:auto; right:12px; bottom:72px; } .as-i18n-menu{ top:auto; bottom:34px; } } :root { --as-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Helvetica, Arial, sans-serif; --as-text-xs: 11px; --as-text-sm: 13px; --as-text-md: 14px; --as-text-lg: 16px; --as-title-sm: 20px; --as-title-md: 26px; --as-title-lg: clamp(30px, 3vw, 38px); --as-leading: 1.5; } html { -webkit-text-size-adjust: 100%; } body, button, input, select, textarea, .woocommerce, [class^="as-"], [class*=" as-"] { font-family: var(--as-font) !important; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } body, .woocommerce, .woocommerce-MyAccount-content, .as-pl-v3, #as-ow2-panel { font-size: var(--as-text-md) !important; line-height: var(--as-leading); } p, li, address, .woocommerce table.shop_table td, .woocommerce-MyAccount-content > p, .as-pl-v3-table td, #as-ow2-panel p { font-size: var(--as-text-md) !important; line-height: var(--as-leading) !important; } h1, .entry-title, .page-title, .product_title, .as-pl-v3-header h1, #as-ow2-panel h1 { font-size: var(--as-title-lg) !important; line-height: 1.1 !important; font-weight: 650 !important; letter-spacing: -.035em !important; } h2, .woocommerce-order-details__title, .woocommerce-column__title, #as-ow2-panel h2 { font-size: var(--as-title-md) !important; line-height: 1.18 !important; font-weight: 650 !important; letter-spacing: -.025em !important; } h3, h4, .as-ow2-section-title { font-size: var(--as-title-sm) !important; line-height: 1.25 !important; font-weight: 650 !important; } button, input, select, textarea, .button, a.button, .woocommerce-button, .as-pl-v3-filters input, .as-pl-v3-filters select, #as-ow2-panel button { font-size: var(--as-text-sm) !important; line-height: 1.25 !important; } label, table th, .woocommerce table.shop_table th, .as-pl-v3-table th, #as-ow2-panel label { font-size: var(--as-text-sm) !important; line-height: 1.3 !important; font-weight: 650 !important; } small, .description, .product_meta, .product_meta *, [class*="-meta"], [class*="-eyebrow"], [class*="-kicker"], [class*="-label"] { font-size: var(--as-text-xs) !important; line-height: 1.4 !important; } .price, .as-pl-v3-price, .as-mobile-price { font-size: var(--as-text-md) !important; line-height: 1.25 !important; font-weight: 550 !important; } /* Nested money markup follows its context, including grand totals. */ body .woocommerce-Price-amount, body .woocommerce-Price-amount bdi, body .woocommerce-Price-currencySymbol { font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; } body .as-pl-v3-table td.col-price, body .as-pl-v3-table td.col-total, body .as-live-product-row .as-lop-price, body .as-live-product-row .as-lop-line { font-size: 14px !important; font-weight: 550 !important; line-height: 1.4 !important; font-variant-numeric: tabular-nums; white-space: nowrap; } body .as-live-order-center .as-live-product-name strong, body .as-pl-v3-table .as-pl-v3-name { font-size: 14px !important; font-weight: 600 !important; line-height: 1.4 !important; white-space: normal !important; overflow-wrap: anywhere; } body .as-live-order-center .as-live-product-row { font-size: 13px !important; line-height: 1.4 !important; } body .as-live-order-center .as-live-products-head { font-size: 11px !important; line-height: 1.35 !important; } body .as-live-order-center .as-live-products-head > span { padding-block: 9px; } /* Scope width changes to actual portal pages and their containers. No viewport breakout, zoom, fixed panels or modal geometry. */ @media (min-width: 1100px) { body:has(.as-pl-v3, .as-live-order-center) { --wp--style--global--content-size: 100%; --wp--style--global--wide-size: 100%; } body main:has(.as-pl-v3, .as-live-order-center), body .entry-content:has(.as-pl-v3, .as-live-order-center), body .wp-block-post-content:has(.as-pl-v3, .as-live-order-center), body .wp-block-group:has(.as-pl-v3, .as-live-order-center), body .woocommerce:has(.as-live-order-center) { max-width: none !important; width: 100% !important; box-sizing: border-box; } body .as-pl-v3, body .as-live-order-center.standalone { width: 100% !important; max-width: none !important; margin-inline: auto !important; padding-inline: clamp(24px, 3vw, 64px) !important; box-sizing: border-box; } body .as-pl-v3-table-wrap { width: 100% !important; max-width: 100% !important; overflow-x: auto !important; } } .woocommerce-loop-product__title, .product-name, .product-name a, .as-pl-v3-name, .as-mobile-name { font-size: var(--as-text-md) !important; line-height: 1.4 !important; font-weight: 600 !important; } /* Compact utility controls stay compact without becoming unreadable. */ .as-b2b-brand, .as-pl-v3-add, .as-pl-v3-options, .as-pl-v3-header-actions a, .as-pl-v3-header-actions button, .as-nc-wrap button, .as-i18n-switcher summary { font-size: var(--as-text-xs) !important; line-height: 1.2 !important; } @media (max-width: 700px) { :root { --as-text-xs: 11px; --as-text-sm: 13px; --as-text-md: 14px; --as-text-lg: 16px; --as-title-sm: 19px; --as-title-md: 23px; --as-title-lg: 30px; } input, select, textarea { font-size: 16px !important; } } body #as-ow2-panel .as-ow2-item { grid-template-columns: 64px minmax(0, 1fr) 36px !important; gap: 12px !important; padding: 18px 0 !important; align-items: start; } body #as-ow2-panel .as-ow2-img { width: 64px !important; height: 64px !important; max-width: 64px !important; object-fit: contain !important; } body #as-ow2-panel .as-ow2-name { font-size: 16px !important; font-weight: 600 !important; line-height: 1.4 !important; white-space: normal !important; overflow: visible !important; overflow-wrap: anywhere; text-overflow: clip !important; } body #as-ow2-panel .as-ow2-sku { font-size: 12px !important; line-height: 1.5 !important; color: #666666 !important; overflow-wrap: anywhere; } body #as-ow2-panel .as-ow2-price, body #as-ow2-panel .as-ow2-price .woocommerce-Price-amount, body #as-ow2-panel .as-ow2-price bdi, body #as-ow2-panel .as-ow2-price .woocommerce-Price-currencySymbol { font-size: 14px !important; line-height: 1.5 !important; } body #as-ow2-panel .as-ow2-price { flex-wrap: wrap; color: #555555 !important; font-weight: 500 !important; } body #as-ow2-panel .as-ow2-line-total { font-weight: 600 !important; } body #as-ow2-panel .as-ow2-qty-wrap { gap: 8px !important; flex-wrap: wrap; } body #as-ow2-panel .as-ow2-minus, body #as-ow2-panel .as-ow2-plus { width: 44px !important; height: 44px !important; min-height: 44px !important; font-size: 20px !important; line-height: 1 !important; } body #as-ow2-panel .as-ow2-qty { width: 70px !important; height: 44px !important; min-height: 44px !important; font-size: 16px !important; font-weight: 600 !important; box-sizing: border-box; } body #as-ow2-panel .as-ow2-remove { width: 36px !important; min-height: 44px !important; font-size: 22px !important; color: #666666 !important; } body #as-ow2-panel .as-ow2-input { height: auto !important; min-height: 44px !important; font-size: 16px !important; padding: 10px !important; box-sizing: border-box; min-width: 0; } body #as-ow2-panel .as-ow2-readonly { font-size: 14px !important; line-height: 1.5 !important; overflow-wrap: anywhere; } body #as-ow2-panel .as-ow2-meta-title, body #as-ow2-panel .as-ow2-field label, body #as-ow2-panel .as-ow2-footer-total > span, body #as-ow2-panel #as-ow2-count, body #as-ow2-panel .as-ow2-sub { font-size: 13px !important; line-height: 1.4 !important; color: #555555 !important; } body #as-ow2-panel .as-ow2-btn { font-size: 14px !important; font-weight: 600 !important; min-height: 44px !important; height: auto !important; padding: 10px 12px !important; white-space: normal !important; line-height: 1.3 !important; } @media (max-width: 480px) { body #as-ow2-panel .as-ow2-item { grid-template-columns: 48px minmax(0, 1fr) 30px !important; gap: 8px !important; } body #as-ow2-panel .as-ow2-img { width: 48px !important; height: 48px !important; } body #as-ow2-panel .as-ow2-remove { width: 30px !important; } body #as-ow2-panel .as-ow2-grid { grid-template-columns: minmax(0, 1fr) !important; } } body .as-pl-v3 .as-pl-v3-header-actions > a, body .as-pl-v3 .as-pl-v3-header-actions > button, body .as-pl-v3 .as-pl-v3-header-actions > .as-cp-launch, body .as-pl-v3 .as-pl-v3-header-actions .as-dash-switch > button, body .as-pl-v3 .as-pl-v3-header-actions .as-dash-switch > a { font-size: 14px !important; font-weight: 600 !important; line-height: 1.3 !important; min-height: 46px !important; height: auto !important; max-height: none !important; padding: 11px 14px !important; box-sizing: border-box !important; white-space: normal !important; overflow-wrap: anywhere; text-align: center; } body .as-pl-v3 .as-pl-v3-header-actions .as-dash-switch { height: auto !important; min-height: 46px !important; max-height: none !important; align-self: stretch; align-items: stretch !important; } body .as-pl-v3 .as-pl-v3-header-actions .as-nc-wrap { height: auto !important; min-height: 46px !important; } body .as-pl-v3-cartbar > a, body #as-pl-v3-cartbar > a { font-size: 14px !important; font-weight: 600 !important; line-height: 1.3 !important; min-height: 44px !important; height: auto !important; padding: 11px 14px !important; box-sizing: border-box !important; white-space: normal !important; } /* Add-to-order: stronger label, unchanged font size and spacing. */ body .as-pl-v3 .as-pl-v3-table .as-pl-v3-add { font-weight: 700 !important; }