/*
Theme Name: Ministry Ink
Theme URI: https://ministryinktattoo.com
Author: Ministry Ink Tattoo
Author URI: https://ministryinktattoo.com
Description: Custom block theme for Ministry Ink Tattoo — a Sign-Painter Heritage design with dark charcoal backgrounds, cream text, and burgundy accents.
Version: 1.0.4
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ministry-ink
*/

/* ── Artist cards: align gallery + buttons at the same vertical position ── */
.wp-block-columns .wp-block-column {
	display: flex;
	flex-direction: column;
}

.wp-block-columns .wp-block-column > .wp-block-group.has-background-secondary-background-color {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.wp-block-columns .wp-block-column > .wp-block-group.has-background-secondary-background-color > .wp-block-gallery {
	margin-block-start: auto !important;
}

/* ── Portfolio preview: force uniform image cells ── */
.ministry-ink-portfolio.wp-block-gallery.is-cropped .wp-block-image {
	aspect-ratio: 1 / 1 !important;
	min-width: 0 !important;
}

.ministry-ink-portfolio.wp-block-gallery.is-cropped .wp-block-image img {
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
}

/* ── Expandable artist story ── */
.artist-story-expandable {
	position: relative;
	max-height: 14em;
	overflow: hidden;
	transition: max-height 0.5s ease;
}

.artist-story-expandable.is-expanded {
	max-height: 200em;
}

.artist-story-expandable:not(.is-expanded)::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 6em;
	background: linear-gradient(to bottom, transparent, var(--wp--preset--color--background-primary, #1a1a1a));
	pointer-events: none;
}

.artist-story-toggle {
	display: block;
	margin: 1.25rem auto 0;
	padding: 0.6rem 2rem;
	background: var(--wp--preset--color--accent, #8b2635);
	color: var(--wp--preset--color--text-primary, #f5f0e8);
	border: none;
	font-family: var(--wp--preset--font-family--heading, serif);
	font-size: var(--wp--preset--font-size--small, 0.875rem);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	cursor: pointer;
	transition: opacity 0.2s;
}

.artist-story-toggle:hover {
	opacity: 0.85;
}

/* ── Mobile navigation overlay ── */
.wp-block-navigation__responsive-container.is-menu-open {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: var(--wp--preset--spacing--40) !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 2.5rem !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-family: var(--wp--preset--font-family--heading, serif) !important;
	font-size: clamp(1.75rem, 1.25rem + 2vw, 2.5rem) !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	color: var(--wp--preset--color--text-primary, #f5f0e8) !important;
	text-decoration: none !important;
	transition: color 0.2s ease;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--accent, #c0392b) !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close {
	position: absolute !important;
	top: var(--wp--preset--spacing--20, 1rem) !important;
	right: var(--wp--preset--spacing--20, 1rem) !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close svg {
	width: 32px !important;
	height: 32px !important;
}