/*
Theme Name:   Wolffs Abroad
Theme URI:    https://wolffsabroad.com
Description:  Child theme of Twenty Twenty-Five for Wolffs Abroad
Author:       Brian Wolff
Author URI:   https://wolffsabroad.com
Template:     twentytwentyfive
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  wolffsabroad
*/

/* ============================================
   HEADER
   ============================================ */

.wp-block-site-title a,
.wp-block-site-title {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	letter-spacing: -0.02em;
	text-decoration: none;
}

/* Center the site title when used as a hero heading */
.wp-block-site-title.has-text-align-center,
.wp-block-site-title.aligncenter {
	text-align: center;
	display: block;
	width: 100%;
}

/* Navigation links — white text, gold hover */
header .wp-block-navigation a,
header .wp-block-navigation-item__content {
	color: rgba(250, 250, 247, 0.85) !important;
	text-decoration: none;
	transition: color 0.2s ease;
}

header .wp-block-navigation a:hover {
	color: #C9903A !important;
}

/* Mobile nav overlay matches site palette */
.wp-block-navigation__responsive-container.is-menu-open {
	background-color: #1A1A2E !important;
}

/* ============================================
   IMAGES — consistent sizing in column grids
   ============================================ */

/* All images inside columns get a consistent 4:3 crop */
.wp-block-columns .wp-block-image img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
	width: 100%;
	display: block;
}

/* ============================================
   RESPONSIVE — Mobile & Tablet
   ============================================ */

/* Stack columns on mobile */
@media (max-width: 600px) {
	.wp-block-columns {
		flex-direction: column;
	}

	.wp-block-column {
		flex-basis: 100% !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	/* Tighten page title size on mobile */
	.wp-block-post-title {
		font-size: clamp(1.75rem, 6vw, 2.5rem) !important;
	}
}

/* Tablet — two columns max */
@media (min-width: 601px) and (max-width: 900px) {
	.wp-block-columns:has(.wp-block-column:nth-child(3)) {
		flex-wrap: wrap;
	}

	.wp-block-columns:has(.wp-block-column:nth-child(3)) .wp-block-column {
		flex-basis: calc(50% - 1rem) !important;
	}
}