/*
Theme Name: STEAM School
Description: Custom Gutenberg block theme for the STEAM School website.
Version: 0.1.0
Author: STEAM School
Text Domain: steam-school
Requires at least: 6.5
Requires PHP: 8.1
*/

/* Teacher Card & Aspect Ratio Utilities */
.teacher-card {
	background-color: #ffffff;
	border-radius: 16px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
	outline: 1px solid rgba(0, 0, 0, 0.05);
	overflow: hidden;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.teacher-card:hover {
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
	transform: translateY(-2px);
}

.teacher-card__image-wrap {
	position: relative;
	width: 100%;
	aspect-ratio: 3 / 4;
	overflow: hidden;
	background-color: #f3f4f6;
}

.teacher-card__image-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}

.teacher-card:hover .teacher-card__image-wrap img {
	transform: scale(1.05);
}

/* Badge Pills */
.subject-badge {
	display: inline-block;
	font-size: 12px;
	padding: 4px 10px;
	border-radius: 9999px;
	background-color: #f3f4f6;
	color: #374151;
	border: 1px solid #e5e7eb;
}

/* Filter Input Styling */
.teacher-filter-input,
.teacher-filter-select {
	width: 100%;
	border-radius: 12px;
	border: 1px solid #d1d5db;
	background-color: #ffffff;
	padding: 10px 16px;
	font-size: 14px;
	outline: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.teacher-filter-input:focus,
.teacher-filter-select:focus {
	border-color: #4A4E1C;
	box-shadow: 0 0 0 4px rgba(74, 78, 28, 0.15);
}