/* =========================================================
   I. Ada Crapper — Library Lobby
   File: css/immersive-library.css
   ========================================================= */

/*
 * PURPOSE
 *
 * This file contains only Library Lobby-specific styling:
 *
 * - Grand Library door position
 * - Children’s Library door position
 * - Lobby hotspot shape
 * - Lobby hover and focus effects
 * - Compatibility with the separate /library/ page
 *
 * Full-screen sizing, image scaling, page overflow,
 * header removal, footer removal, and shared accessibility
 * are controlled by:
 *
 * css/immersive-framework.css
 */


/* =========================================================
   Homepage Library Lobby hotspots
   ========================================================= */

/*
 * Grand Library doorway.
 */

.iada-lobby-home__hotspot--grand {
	left: 23.5%;
	top: 13%;
	width: 23.5%;
	height: 73%;
	border-radius: 48% 48% 12% 12% / 18% 18% 7% 7%;
}


/*
 * Children’s Library doorway.
 */

.iada-lobby-home__hotspot--children {
	left: 54%;
	top: 13%;
	width: 25%;
	height: 73%;
	border-radius: 48% 48% 13% 13% / 18% 18% 7% 7%;
}


/* =========================================================
   Homepage Lobby doorway effects
   ========================================================= */

/*
 * The hotspot itself remains transparent.
 *
 * The pseudo-element creates a restrained internal glow
 * without placing a visible rectangle over the artwork.
 */

.iada-lobby-home__hotspot::after {
	content: "";
	position: absolute;
	inset: 5% 8% 4%;
	pointer-events: none;
	opacity: 0;
	border-radius: inherit;
	box-shadow:
		inset 0 0 12px rgba(255, 229, 170, 0),
		inset 0 0 28px rgba(255, 194, 82, 0),
		0 0 12px rgba(255, 200, 95, 0);
	transition:
		opacity 220ms ease,
		box-shadow 220ms ease;
}


/*
 * Grand Library doorway response.
 */

.iada-lobby-home__hotspot--grand:hover::after,
.iada-lobby-home__hotspot--grand:focus-visible::after {
	opacity: 1;
	box-shadow:
		inset 0 0 15px rgba(255, 229, 170, 0.34),
		inset 0 0 34px rgba(255, 194, 82, 0.16),
		0 0 14px rgba(255, 200, 95, 0.22);
}


/*
 * Children’s Library doorway response.
 */

.iada-lobby-home__hotspot--children:hover::after,
.iada-lobby-home__hotspot--children:focus-visible::after {
	opacity: 1;
	box-shadow:
		inset 0 0 16px rgba(255, 232, 182, 0.36),
		inset 0 0 36px rgba(230, 160, 115, 0.17),
		0 0 15px rgba(225, 170, 125, 0.23);
}


/* =========================================================
   Separate /library/ page compatibility
   ========================================================= */

/*
 * The existing page-library.php file still uses:
 *
 * .iada-library-hotspot--adult
 *
 * That class now represents the Grand Library doorway.
 */

.iada-library-hotspot--adult {
	left: 23.5%;
	top: 13%;
	width: 23.5%;
	height: 73%;
	border-radius: 48% 48% 12% 12% / 18% 18% 7% 7%;
}


/*
 * Existing Children’s Library doorway.
 */

.iada-library-hotspot--children {
	left: 54%;
	top: 13%;
	width: 25%;
	height: 73%;
	border-radius: 48% 48% 13% 13% / 18% 18% 7% 7%;
}


/* =========================================================
   Separate /library/ page doorway effects
   ========================================================= */

.iada-library-hotspot::after {
	content: "";
	position: absolute;
	inset: 5% 8% 4%;
	pointer-events: none;
	opacity: 0;
	border-radius: inherit;
	box-shadow:
		inset 0 0 12px rgba(255, 229, 170, 0),
		inset 0 0 28px rgba(255, 194, 82, 0),
		0 0 12px rgba(255, 200, 95, 0);
	transition:
		opacity 220ms ease,
		box-shadow 220ms ease;
}


/*
 * Grand Library doorway response.
 */

.iada-library-hotspot--adult:hover::after,
.iada-library-hotspot--adult:focus-visible::after {
	opacity: 1;
	box-shadow:
		inset 0 0 15px rgba(255, 229, 170, 0.34),
		inset 0 0 34px rgba(255, 194, 82, 0.16),
		0 0 14px rgba(255, 200, 95, 0.22);
}


/*
 * Children’s Library doorway response.
 */

.iada-library-hotspot--children:hover::after,
.iada-library-hotspot--children:focus-visible::after {
	opacity: 1;
	box-shadow:
		inset 0 0 16px rgba(255, 232, 182, 0.36),
		inset 0 0 36px rgba(230, 160, 115, 0.17),
		0 0 15px rgba(225, 170, 125, 0.23);
}


/* =========================================================
   Accessible homepage navigation
   ========================================================= */

/*
 * The navigation remains available to screen readers.
 * Its hidden-state behavior comes from the shared framework.
 */

.iada-lobby-home__accessible-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}


/* =========================================================
   Reduced-motion accessibility
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
	.iada-lobby-home__hotspot::after,
	.iada-library-hotspot::after {
		transition: none;
	}
}