/**
 * LekkaPay WooCommerce Blocks Styles
 */

/* LekkaPay payment method label styling */
.wc-lekkapay-label {
	padding: 8px 0 !important;
}

/* Logo section styling */
.wc-lekkapay-logo-section {
	flex-shrink: 0;
}

/* Logo styling */
.wc-lekkapay-logo {
	transition: opacity 0.2s ease;
}

.wc-lekkapay-logo:hover {
	opacity: 0.8;
}

/* Brand text styling */
.wc-lekkapay-brand-text {
	user-select: none;
	transition: color 0.2s ease;
}

.wc-lekkapay-brand-text:hover {
	color: #0073aa !important;
}

/* Payment method icons container */
.wc-lekkapay-payment-icons {
	flex-shrink: 0;
}

/* Individual payment method icons */
.wc-lekkapay-payment-icon {
	transition: opacity 0.2s ease, transform 0.2s ease;
	border-radius: 2px;
}

.wc-lekkapay-payment-icon:hover {
	opacity: 1 !important;
	transform: translateY(-1px);
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.wc-lekkapay-label {
		flex-direction: column;
		align-items: flex-start !important;
		gap: 6px !important;
	}

	.wc-lekkapay-logo-section {
		gap: 6px !important;
	}

	.wc-lekkapay-payment-icons {
		margin-left: 0 !important;
		justify-content: flex-start;
	}

	.wc-lekkapay-logo {
		max-width: 100px !important;
		height: 20px !important;
	}

	.wc-lekkapay-brand-text {
		font-size: 14px !important;
	}

	.wc-lekkapay-payment-icon {
		height: 18px !important;
	}
}

@media (max-width: 480px) {
	.wc-lekkapay-payment-icons {
		gap: 2px !important;
	}

	.wc-lekkapay-payment-icon {
		height: 16px !important;
	}
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
	.wc-lekkapay-payment-icon {
		filter: brightness(1.1);
	}
}

/* Accessibility improvements */
.wc-lekkapay-payment-icon:focus {
	outline: 2px solid #0073aa;
	outline-offset: 2px;
}

/* Animation for payment method selection */
.wc-block-components-radio-control-accordion-option.is-selected .wc-lekkapay-logo {
	opacity: 1;
}

.wc-block-components-radio-control-accordion-option.is-selected .wc-lekkapay-payment-icon {
	opacity: 1 !important;
}

/* Ensure proper spacing in the payment method list */
.wc-block-components-radio-control-accordion-option .wc-lekkapay-label {
	width: 100%;
}