/* =============================================================================
 * BASELINE — KMA CSS MODULE 11 — RESIDENT RESOURCES
 * =============================================================================
 *
 * FILE: 11-resident-resources.css
 * VERSION: 1.0
 * Last Updated: 2026-03-21
 *
 * PURPOSE
 * -------
 * Provides the styling support for Resident Resources cards, including:
 * - positioning context for the card
 * - full-card clickable overlay behavior
 * - invisible click-capture layer
 * - keyboard focus visibility
 *
 * CARD ATTRIBUTES
 * ---------------
 * Elementor → Advanced → Attributes:
 * - data-km-url               → destination URL or file
 * - data-km-title             → analytics label
 * - data-km-target            → _blank | _self
 * - data-km-download          → 1 = force download, 0 = open
 * - data-km-last-updated      → blank | mm/dd/yyyy
 * - data-note                 → human-readable note (ignored by JS)
 *
 * NOTES
 * -----
 * - This module assumes JS creates/uses a full-card overlay link pattern.
 * - Styling here is intentionally minimal and structural.
 *
 * IMPORTANT
 * ---------
 * - NO LOGIC OR STRUCTURAL CHANGES HAVE BEEN MADE.
 * - This snapshot reflects the working production version.
 *
 * ============================================================================= */


/* =============================================================================
 * MODULE 11A — CARD POSITIONING CONTEXT
 * ============================================================================= */

.km-resource-card {

	/**** Establish positioning context for absolute overlay layer. ****/
	position: relative;
}


/* =============================================================================
 * MODULE 11B — FULL-CARD CLICKABLE OVERLAY
 * ============================================================================= */

.km-resource-card .km-link-overlay {

	/**** Stretch overlay across the full card surface. ****/
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;

	/**** Keep overlay above normal card content for click capture. ****/
	z-index: 10;
}


/* =============================================================================
 * MODULE 11C — INVISIBLE BUT CLICKABLE OVERLAY BEHAVIOR
 * ============================================================================= */

.km-link-overlay *{

	/**** Prevent child elements inside overlay from intercepting pointer events. ****/
	pointer-events: none;
}


/* =============================================================================
 * MODULE 11D — OVERLAY LINK SURFACE
 * ============================================================================= */

.km-resource-card .km-link-overlay a {

	/**** Make overlay anchor fill the entire overlay area. ****/
	display: block;
	width: 100%;
	height: 100%;

	/**** Show pointer cursor across the full clickable card surface. ****/
	cursor: pointer;
}1


/* =============================================================================
 * MODULE 11E — KEYBOARD ACCESSIBILITY
 * ============================================================================= */

.km-resource-card:focus-within{

	/**** Visible focus ring when card receives keyboard focus via overlay/link. ****/
	outline: 2px solid currentColor;
	outline-offset: 3px;
}