/**
 * Rates Block Styles
 *
 * @package EurosimMain
 */

/* Flag Icon Overrides */
.fi {
	width: 20px !important;
	height: 20px !important;
	background-size: cover !important;
	background-position: center !important;
	border-radius: 50% !important;
	line-height: 25px !important;
}

/* Rates Block Specific Styles */
.eurosim-rates-block {
	/* Add any specific styles for the rates block here */
}

/* Dropdown Animations */
.eurosim-rates-block [data-dropdown] .transition-transform {
	transition: transform 0.2s ease-in-out;
}

.eurosim-rates-block [data-dropdown].dropdown-open .transition-transform {
	transform: rotate(180deg);
}

/* Rate Card Animation */
.eurosim-rates-block .metric-card-value {
	transition:
		opacity 0.15s ease-in-out,
		transform 0.15s ease-in-out;
}

.eurosim-rates-block .metric-card-value.updating {
	opacity: 0.5;
	transform: scale(0.95);
}

.data-block-label {
	color: #a6a7ab;
}

.eurosim-main-plugin-show-instruction {
	text-decoration: underline;
}

.rates-card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}