/**
 * Custom Tax Switch Styling
 *
 * Tilpasset styling for Tax Switch for WooCommerce
 * Brukes sammen med is-style-inline class og custom-b2b-tax-switch class
 * Matcher jddutstyr.no stil med separate avrundede knapper
 */

/* Custom styling for inline button style - høy specificity for å overstyre theme */
.wp-block-wdevs-tax-switch.is-style-inline.custom-b2b-tax-switch .wdevs-tax-buttons {
	gap: 4px !important; /* Lite gap mellom knappene */
	display: inline-flex !important;
	align-items: center !important;
}

.wp-block-wdevs-tax-switch.is-style-inline.custom-b2b-tax-switch .wdevs-tax-buttons .wdevs-tax-button {
	background-color: transparent !important;
	border: 1px solid #dddddd !important; /* Subtil border */
	color: #666666 !important; /* Mørk grå farge for ikke-aktiv */
	padding: 5px 12px !important; /* Mindre padding */
	position: relative !important;
	font-size: 13px !important; /* Mindre font */
	font-weight: 400 !important;
	transition: all 0.3s ease !important;
	text-decoration: none !important;
	border-radius: 4px !important; /* Avrundet på alle 4 hjørner */
	box-shadow: none !important;
}

/* Fjern separator - vi bruker gap i stedet */
.wp-block-wdevs-tax-switch.is-style-inline.custom-b2b-tax-switch .wdevs-tax-buttons .wdevs-tax-button:first-child:after {
	display: none !important;
}

/* Hover state - ikke for aktiv knapp */
.wp-block-wdevs-tax-switch.is-style-inline.custom-b2b-tax-switch .wdevs-tax-buttons .wdevs-tax-button:hover:not(.wdevs-tax-button-active) {
	color: #333333 !important;
	border-color: #cccccc !important;
	text-decoration: none !important;
}

/* Aktiv knapp - hvit tekst på mørk bakgrunn (knapp-effekt som jddutstyr) */
.wp-block-wdevs-tax-switch.is-style-inline.custom-b2b-tax-switch .wdevs-tax-buttons .wdevs-tax-button.wdevs-tax-button-active {
	background-color: #003961 !important; /* Mørk blå som på jddutstyr */
	color: #ffffff !important; /* Hvit farge for aktiv */
	text-decoration: none !important;
	font-weight: 500 !important;
	border-color: #003961 !important; /* Samme farge som bakgrunn */
}

/* Responsiv styling for mindre skjermer */
@media (max-width: 768px) {
	.wp-block-wdevs-tax-switch.is-style-inline.custom-b2b-tax-switch .wdevs-tax-buttons .wdevs-tax-button {
		padding: 4px 10px !important;
		font-size: 12px !important;
	}
}