/*
Theme Name: Fransbergen Trading & Shipping
Theme URI: https://github.com/WP-SEO-AI-Agency/agency-theme-gutenberg
Author: WP SEO AI Web Agency
Author URI: https://github.com/WP-SEO-AI-Agency
Description: Fransbergen Trading & Shipping — client child theme of Agency Theme Gutenberg. Brand values are theme.json tokens, section types are block patterns, repeated looks are style variations, and the fleet, carousel, menu, language switcher and map are dynamic blocks with their content in core blocks and native records.
Template: agency-theme-gutenberg
Version: 1.0.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fransbergen
Tags: block-theme, full-site-editing, block-patterns
*/

/*
 * Structural plumbing only — the few rules that must switch at the original
 * site's breakpoints, which theme.json and style variations cannot express
 * (a variation's CSS cannot carry a media query). Every rule is keyed to a
 * core block or a registered style variation the editor can reach; looks stay
 * in theme.json, block attributes and styles/*.json.
 */

/* The original theme's reset, in a cascade layer so every unlayered rule (core
   blocks, theme.json, plugins) still wins — exactly as the original shipped it.
   Plugin output such as the knowledge base relies on it. */
@layer fb.reset {
	*,
	*::before,
	*::after {
		box-sizing: border-box;
	}

	body,
	h1, h2, h3, h4, h5, h6,
	p, figure, blockquote, dl, dd {
		margin: 0;
	}

	ul[class]:not(.wp-block-list),
	ol[class]:not(.wp-block-list) {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	/* Core image blocks keep their own inline image model (wp-image-N). */
	img:not([class*="wp-image-"]),
	picture,
	video,
	canvas,
	svg {
		display: block;
		max-width: 100%;
	}

	img {
		height: auto;
	}

	input,
	button,
	textarea,
	select {
		font: inherit;
		color: inherit;
	}
}

/* Below 1200px the original header becomes a 110px bar that stays at the top
   while the page scrolls, at the same breakpoint as the menu block's overlay. */
@media (max-width: 1199px) {
	.wp-site-blocks header.wp-block-template-part {
		position: sticky;
		top: var(--wp-admin--admin-bar--height, 0px);
		z-index: 100;
	}

	.wp-block-group.is-style-site-header.has-global-padding {
		padding-right: 12px;
		padding-left: 12px;
	}

	.wp-block-group.is-style-site-header > .wp-block-group {
		height: 110px;
		min-height: 0;
		align-items: stretch;
	}

	.is-style-site-header .wp-block-site-logo {
		display: flex;
		align-items: center;
		padding: 8px 0;
	}

	.is-style-site-header .wp-block-site-logo a {
		padding: 8px;
	}

	.is-style-site-header .wp-block-site-logo img {
		width: 110px;
		height: auto;
	}
}

/* Home page on phones and tablets (the original switches at 68rem): the
   opener photograph is zoomed and re-centred, the section headings are
   condensed to keep the original's line breaks, and the company introduction
   switches to the original's phone typeface. */
@media (max-width: 68rem) {
	.wp-block-cover.is-style-home-opener .wp-block-cover__image-background {
		object-position: 55.2% 50% !important;
		transform: scale(1.34);
		transform-origin: 100% 15%;
	}

	.wp-block-heading.is-style-section {
		text-wrap: wrap;
	}

	.wp-block-cover.is-style-home-opener h1 {
		transform: scaleX(0.92);
		transform-origin: center;
	}

	.wp-block-cover.is-style-home-about > .wp-block-cover__inner-container > h2 {
		transform: scaleX(0.91);
		transform-origin: left center;
	}

	.wp-block-cover.is-style-home-about > .wp-block-cover__inner-container > .wp-block-group p {
		font-family: var(--wp--preset--font-family--georgia);
		letter-spacing: 0.18px;
	}

	.wp-block-cover.is-style-home-about > .wp-block-cover__inner-container > .wp-block-group p:last-child {
		letter-spacing: 0;
	}

	.wp-block-group.is-style-home-facts > h2 {
		width: max-content;
		white-space: nowrap;
		transform: scaleX(0.883);
		transform-origin: left center;
	}
}