/**
 * qTap Finance Fees Block - Frontend Styles
 *
 * MINIMAL plugin-specific styles only.
 * Parent UI framework handles all core components.
 *
 * @package KDC_qTap_Finance
 * @since 2.8.9
 * @since 2.8.14 Added WCAG utilities.
 */

/* ==========================================================================
   Block Container - Plugin layout
   ========================================================================== */

.kdc-qtap-finance-fees-block {
	max-width: 600px;
	margin: 0 auto;
}

/* ==========================================================================
   Accessibility - Screen Reader Text
   ========================================================================== */

.kdc-qtap-finance-fees-block .screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

/* ==========================================================================
   User Selector Results - Scrollable container
   ========================================================================== */

.kdc-qtap-finance-user-selector__results {
	max-height: 250px;
	overflow-y: auto;
}

/* ==========================================================================
   Fee Card - Semantic highlighting
   ========================================================================== */

/* Amount display */
.kdc-qtap-finance-fee-card__amount {
	font-weight: 600;
	font-size: 1.1em;
}

/* Balance due - semantic error color */
.kdc-qtap-finance-fee-card__balance,
.kdc-qtap-finance-fees-summary-balance {
	color: #dc2626;
	font-weight: 600;
}

/* Badge as link - inherit badge styling, add link behavior */
a.kdc-qtap-badge {
	text-decoration: none;
	cursor: pointer;
}

a.kdc-qtap-badge:hover,
a.kdc-qtap-badge:focus {
	opacity: 0.85;
	text-decoration: none;
}

a.kdc-qtap-badge .dashicons {
	font-size: 12px;
	width: 12px;
	height: 12px;
	vertical-align: middle;
}

/* ==========================================================================
   Print Styles
   ========================================================================== */

@media print {
	.kdc-qtap-finance-user-selector__search,
	.kdc-qtap-finance-user-selector__browse,
	.kdc-qtap-finance-user-selector__grade-browser,
	.kdc-qtap-finance-pay-button,
	.kdc-qtap-finance-offline-pay-button,
	.kdc-qtap-finance-pay-all-button {
		display: none !important;
	}
}

/* ==========================================================================
   Reduced Motion
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
	.kdc-qtap-finance-fees-block * {
		transition: none !important;
	}
}