/*
 * P-Clips — extracted my-account-order-details-layout-improvements.php (Phase 3.1e, 21 Jul 2026).
 * Was a raw <style> echoed at wp_head:60. Registered with NO deps and printed at that
 * SAME hook and priority so its cascade position is unchanged. Do not convert to a plain
 * wp_enqueue_style — that moves it earlier and can invert specificity ties.
 */

		/* --------------------------------
		   Order details table visuals
		   -------------------------------- */

		.woocommerce table.woocommerce-table--order-details.shop_table.order_details,
		.woocommerce table.woocommerce-table--order-details.shop_table.order_details thead,
		.woocommerce table.woocommerce-table--order-details.shop_table.order_details tbody,
		.woocommerce table.woocommerce-table--order-details.shop_table.order_details tfoot,
		.woocommerce table.woocommerce-table--order-details.shop_table.order_details tr,
		.woocommerce table.woocommerce-table--order-details.shop_table.order_details th,
		.woocommerce table.woocommerce-table--order-details.shop_table.order_details td {
			background: var(--ppuk-order-bg, #f7f7f7) !important;
		}

		.woocommerce table.woocommerce-table--order-details.shop_table.order_details th,
		.woocommerce table.woocommerce-table--order-details.shop_table.order_details td {
			padding: 12px 14px !important;
			vertical-align: middle;
		}

		.woocommerce table.woocommerce-table--order-details.shop_table.order_details tfoot th,
		.woocommerce table.woocommerce-table--order-details.shop_table.order_details tfoot td {
			border-top: 1px solid rgba(0, 0, 0, 0.06);
		}

		.woocommerce table.woocommerce-table--order-details.shop_table.order_details .order-actions--heading,
		.woocommerce table.woocommerce-table--order-details.shop_table.order_details th.order-actions {
			white-space: nowrap;
		}

		/* Footer actions layout */
		.woocommerce table.woocommerce-table--order-details.shop_table.order_details tfoot .order-actions {
			display: flex;
			gap: 8px;
			align-items: center;
			flex-wrap: wrap;
			justify-content: flex-end;
		}

		/* --------------------------------
		   Desktop vs mobile action areas
		   -------------------------------- */

		/* Default (desktop/tablet): show footer actions, hide mobile actions */
		.woocommerce .order-mobile { display: none !important; }

		/* Mobile: hide table footer actions, show the mobile actions block */
		@media (max-width: 640px) {
			.woocommerce table.woocommerce-table--order-details.shop_table.order_details tfoot .order-actions {
				display: none !important;
			}
			.woocommerce .order-mobile {
				display: flex !important;
				gap: 8px;
				align-items: center;
				flex-wrap: wrap;
				margin-top: 12px;
			}
		}

		/* --------------------------------
		   Buttons (order/account actions)
		   -------------------------------- */

		/* Base style */
		.woocommerce table.woocommerce-table--order-details.shop_table.order_details tfoot .order-actions .button,
		.woocommerce .order-mobile .button,
		.woocommerce a.button.order-actions-button,
		.woocommerce a.order-actions-button,
		.woocommerce a.button {
			background: #0b2a4a !important;
			border-color: #0b2a4a !important;
			color: #ffffff !important;
			display: inline-block !important;
			padding: 15px !important;
			line-height: 1.2 !important;
			font-weight: 600 !important;
			font-size: 0.9rem !important;
			text-decoration: none !important;
			box-shadow: none !important;
			border-radius: 4px !important;
			transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
		}

		/* Hover animation target */
		.woocommerce table.woocommerce-table--order-details.shop_table.order_details tfoot .order-actions .button:hover,
		.woocommerce .order-mobile .button:hover,
		.woocommerce a.button.order-actions-button:hover,
		.woocommerce a.order-actions-button:hover,
		.woocommerce a.button:hover {
			background: #0F4C9B !important;
			border-color: #0F4C9B !important;
			color: #ffffff !important;
		}

		/* Optional outline variant sanity */
		.woocommerce .button.is-outline {
			background: transparent !important;
			color: #0b2a4a !important;
			border-color: #0b2a4a !important;
			transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
		}
		.woocommerce .button.is-outline:hover {
			background: #0F4C9B !important;
			border-color: #0F4C9B !important;
			color: #ffffff !important;
		}

		/* Focus visibility */
		.woocommerce a.button:focus {
			outline: 2px solid #173d79 !important;
			outline-offset: 2px !important;
		}