/*
Theme Name: Isabel Shaw
Description: One page for Isabel Shaw's trip to the UK — the "Split" design (2026-09-25): her photograph holds the left half while her letter and the giving form scroll beside it.
Version: 0.1.6
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: isabelgshaw
*/

/*
 * Mechanics only. Colours, type, sizes and spacing are theme.json presets (and so
 * editable in Styles); this file holds what theme.json cannot express: the sticky
 * half-screen photograph and the Donorbox frame.
 */

/* The split: two columns, no gap, edge to edge. The left column stretches to the
   height of the letter, and the photograph inside it sticks to the top of the screen. */
.wp-block-columns.is-split { margin-block: 0; gap: 0; }
.is-split > .wp-block-column { min-width: 0; }
.is-split .split-photo {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
	min-height: 0 !important; /* the block's own min-height is for the stacked phone view below */
	padding: 0;
}

/* Headings balance their lines; a stray last word under a big title looks like a mistake. */
h1, h2 { text-wrap: balance; }

/* Donorbox's newer form (<dbox-widget>) draws itself and sets its own height.
   ⛔ Never size iframes here: Stripe's Google Pay frame is slotted into the page's light DOM. */
.isabelgshaw-donorbox dbox-widget { display: block; }

/* Phones and small tablets: core stacks the columns below 782px. The photograph
   then sits on top at most of a screen, and stops sticking. */
@media (max-width: 781px) {
	.is-split .split-photo {
		position: relative;
		top: 0;
		height: auto;
		min-height: 72svh !important;
	}
}

/* Skip link, visible on focus only. */
.skip-link.screen-reader-text:focus {
	clip: auto; clip-path: none; height: auto; width: auto;
	position: fixed; top: 8px; left: 8px; z-index: 100000;
	padding: 10px 14px; background: var(--wp--preset--color--base); color: var(--wp--preset--color--ink);
}