body.woocommerce-cart .cross-sells { padding-right: 1em; padding-left: 1em; } body.woocommerce-cart .cross-sells h2 { padding-right: 1em; padding-left: 1em; margin: 0 -15px 15px; } body.woocommerce-cart .cross-sells ul.products { display: block; } body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap { width: 70px; } body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .ast-quick-view-text { font-size: .8em; } body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .onsale, body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .ast-onsale-card { top: 0.7em; right: 0; color: var(--ast-global-color-3); background-color: var(--ast-global-color-primary, --ast-global-color-5); width: fit-content; border-radius: 20px; padding: 0.3em 0.8em; font-size: .75em; font-weight: normal; line-height: 1em; letter-spacing: normal; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15); min-height: auto; transform: scale(0.8); } body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .ast-onsale-card { top: 0.3em; } body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .ast-select-options-trigger { display: none; } body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .ast-quick-view-trigger { transform: scale(0.9); bottom: 0; left: 0; top: inherit; } body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap .woocommerce-loop-product__title { color: var(--ast-global-color-0); font-weight: 500; } body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap .woocommerce-loop-product__title:hover { color: var(--ast-global-color-3); } body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap .price { position: absolute; left: 0; top: 1em; width: 100%; max-width: 7.5em; text-align: left; } body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap > .button, body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap .ast-quick-view-button { position: absolute; left: 0; bottom: 0.5em; padding: 0.7em .8em; width: 9em; font-size: .8em; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap .ast-quick-view-button { bottom: 3.5em; } body.woocommerce-cart .cross-sells ul.products .ast-article-single:nth-last-child(1) { border-bottom: 0; } body.woocommerce-cart .cross-sells ul.products .ast-article-single:nth-child(1) { margin-top: -1em; } body.woocommerce-cart .woocommerce .cross-sells ul.products .ast-article-single { -js-display: flex; display: flex; flex-direction: row; align-items: flex-start; border-bottom: 1px solid var(--ast-border-color); padding: 1em 0; box-shadow: none; } body.woocommerce-cart .woocommerce .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap { width: calc(100% - 70px); padding-left: 7.5em; padding-right: 1em; } body.woocommerce-cart .woocommerce .cross-sells ul.products .ast-article-single:nth-last-child(1) { border-bottom: 0; } /* Focus Management Styles - WCAG 2.1 Compliance */ /* Added for keyboard accessibility and screen reader support */ /* Button Focus Styles */ .hvac-button:focus, .hvac-content .button:focus, .hvac-content button:focus, .hvac-content input[type="submit"]:focus, .hvac-email-submit:focus, .hvac-filter-submit:focus, .hvac-certificate-actions button:focus, .hvac-certificate-actions a:focus { outline: 2px solid #005fcc; outline-offset: 2px; box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); border-radius: 4px; } /* Input Focus Styles */ .hvac-form-input:focus, .hvac-content input[type="text"]:focus, .hvac-content input[type="email"]:focus, .hvac-content input[type="password"]:focus, .hvac-content input[type="url"]:focus, .hvac-content textarea:focus, .hvac-content select:focus, .hvac-email-form-row input:focus, .hvac-email-form-row textarea:focus, .hvac-filter-group input:focus, .hvac-filter-group select:focus { outline: 2px solid #005fcc; outline-offset: 2px; border-color: #005fcc; box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); } /* Link Focus Styles */ .hvac-content a:focus, .hvac-event-link:focus, .hvac-certificate-link:focus, .hvac-attendee-profile-icon:focus, .hvac-dashboard-nav a:focus, .hvac-email-navigation a:focus { outline: 2px solid #005fcc; outline-offset: 2px; text-decoration: underline; background-color: rgba(0, 95, 204, 0.1); border-radius: 2px; } /* Interactive Element Focus Styles */ .hvac-attendee-checkbox:focus, .hvac-select-all-container input[type="checkbox"]:focus, .hvac-modal-close:focus, .hvac-certificate-table tr:focus { outline: 2px solid #005fcc; outline-offset: 2px; box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); } /* High Contrast Mode Support */ @media (prefers-contrast: high) { .hvac-content *:focus { outline: 3px solid #000000; outline-offset: 2px; background-color: #ffff00; color: #000000; } } /* Focus-visible polyfill support */ /* Reset focus for mouse users while preserving keyboard accessibility */ .js-focus-visible :focus:not(.focus-visible) { outline: none; box-shadow: none; } /* Ensure focus is visible for keyboard users */ .js-focus-visible .focus-visible { outline: 2px solid #005fcc; outline-offset: 2px; }