/*
Theme Name: Fabio Sommer
Theme URI: https://fabiosommer.no
Author: Fabio Sommer
Description: Images. Stories. Observations. A dark, editorial block theme for the photographer and author Fabio Sommer.
Requires at least: 6.6
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fabio-sommer
*/

/* Small helpers that theme.json cannot express. */

/* Thin gold rule with a dot in the middle, used under titles and quotes. */
.fs-divider {
	display: flex;
	align-items: center;
	width: 150px;
	max-width: 100%;
	margin-bottom: 0;
}
.fs-divider::before,
.fs-divider::after {
	content: "";
	flex: 1;
	height: 1px;
	background: var(--wp--preset--color--gold);
}
.fs-divider > span {
	width: 6px;
	height: 6px;
	border-radius: 9999px;
	background: var(--wp--preset--color--gold);
}
.fs-divider.aligncenter,
.has-text-align-center > .fs-divider {
	margin-inline: auto;
}

/* Uppercase label: menu, eyebrows, buttons. */
.is-style-fs-eyebrow,
.fs-eyebrow {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	font-size: var(--wp--preset--font-size--eyebrow);
	letter-spacing: 0.25em;
	text-transform: uppercase;
	line-height: 1.3;
}

/* Wordmark in the header. */
.fs-wordmark,
.fs-wordmark a {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 500;
	letter-spacing: 0.35em;
	text-transform: uppercase;
	color: var(--wp--preset--color--gold);
	text-decoration: none;
}

/* Grey photo placeholder until the real image is set (Cover block without image). */
.fs-placeholder .wp-block-cover__inner-container p {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--muted);
}

/* Photos are always square-cornered and borderless. */
.wp-block-image img,
.wp-block-cover,
.wp-block-post-featured-image img {
	border-radius: 0;
}

/* Collection cards: whole card is the link. */
.fs-card a {
	text-decoration: none;
}

@media (max-width: 781px) {
	.fs-hero h1 {
		font-size: clamp(2.5rem, 11vw, 4.5rem) !important;
	}
}