/*
Theme Name: Alumni Portal UI
Theme URI: https://example.com
Author: Purple Minds Software Solutions
Description: UI-only theme for the Alumni Portal (header, footer, homepage, register/forgot-password/dashboard page markup). Pairs with the "Alumni Auth Functionality" plugin, which handles all AJAX/backend logic.
Version: 1.0
Requires at least: 5.8
Requires PHP: 7.4
Text Domain: alumni-ui
*/

:root {
	--primary-color: #153A5B;
	--secondary-color: #2E6FB6;
	--accent-color: #D4A017;
	--success-color: #2E8B57;
	--warning-color: #F39C12;
	--danger-color: #C0392B;
	--page-background: #F5F7FA;
	--surface-color: #FFFFFF;
	--border-color: #D9E2EC;
	--text-color: #2C3E50;
	--muted-text: #5D6D7E;
	--footer-color: #102A43;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
	font-family: 'Inter', sans-serif;
	background: var(--page-background);
	color: var(--text-color);
	line-height: 1.6;
}

h1, h2, h3, h4 {
	font-family: 'Merriweather', serif;
	color: var(--primary-color);
}

body.modal-open { overflow: hidden; }

/* ===================== Directory: Flip Cards ===================== */
.flip-card {
	perspective: 1000px;
	width: 100%;
	max-width: 270px;
	height: 380px;
	margin: 0 auto;
}

.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	transition: transform 0.6s;
	transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner,
.flip-card:focus-within .flip-card-inner {
	transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
	position: absolute;
	inset: 0;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	border-radius: 1rem;
	overflow: hidden;
}

.flip-card-front {
	border: 2px dashed var(--secondary-color);
	background: var(--surface-color);
}

.flip-card-back {
	transform: rotateY(180deg);
	background: var(--primary-color);
	border: 2px solid var(--primary-color);
}

.flip-card-avatar-ring {
	border: 3px solid var(--accent-color);
	border-radius: 9999px;
	padding: 4px;
	display: inline-flex;
}

.flip-card-role-pill {
	background: var(--accent-color);
	color: #fff;
	font-size: 0.75rem;
	font-weight: 600;
	padding: 4px 14px;
	border-radius: 9999px;
	display: inline-block;
}

/* ===================== Newsletter Footer Form ===================== */
.alumni-nl-footer-form input::placeholder {
	color: rgba(217, 226, 236, 0.5);
}

.alumni-nl-msg {
	padding: 8px 12px;
	border-radius: 6px;
	font-weight: 500;
}

.alumni-nl-msg-success {
	background: rgba(46, 139, 87, 0.15);
	color: #2E8B57;
	border: 1px solid rgba(46, 139, 87, 0.3);
}

.alumni-nl-msg-error {
	background: rgba(192, 57, 43, 0.15);
	color: #C0392B;
	border: 1px solid rgba(192, 57, 43, 0.3);
}

/* ===================== Line Clamp Utilities ===================== */
.line-clamp-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.line-clamp-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}