/**
 * WooCommerce AvaTax - Avalara Tab Common Styles
 *
 * This file contains styles that are shared across ALL sections within the Avalara tab:
 * - AvaTax (main section)
 * - E-Invoicing/ELR
 * - Tax Registrations/Business License
 * - Reconciliation
 *
 * This file is enqueued on ALL Avalara tab pages to ensure consistent styling.
 *
 * @package WooCommerce_AvaTax
 * @since 3.7.0
 */

/**
 * Avalara Section Navigation Styles
 * 
 * The .avalara-subsubsub class is used for the section navigation menu
 * displayed at the top of each Avalara section (sub-tabs within the Avalara tab).
 */
ul.avalara-subsubsub {
	width: 100%;
	border-bottom: 1px solid #dddddd;
	margin: 0;
	padding: 0;
}

.avalara-subsubsub li {
	list-style: none;
	display: inline-block;
	margin: 0;
}

.avalara-subsubsub li a {
	color: #505050;
	cursor: pointer;
	font-size: 14px;
	margin-right: .5em;
	text-decoration: none;
	white-space: nowrap;
	display: inline-block;
	padding: .2em !important;
	border-bottom: 2px solid transparent;
	transition: all 0.2s ease;
}

.avalara-subsubsub li a:focus {
	box-shadow: none;
	outline: none;
}

.avalara-subsubsub li a.current,
.avalara-subsubsub li a:hover {
	border-bottom: 2px solid var(--wp-admin-theme-color, #3858e9);
	color: #070707;
}

/**
 * Additional common Avalara tab styles can be added below
 * Keep this file focused on truly shared styles across ALL sections
 */