/*
 * Sunrise collection (the November box; pre-orders open 2026-11-05): the home-page row and the What's in the box page.
 * Own file (not in bakt.css; renamed sunrise.css → sunrise-v2.css 2026-10-28 → sunrise-v3.css 2026-11-05 for the same reason) so it gets a new URL: AccelerateWP serves minified CSS at a fixed ?ver= with a one-year
 * browser cache, so changes appended to bakt.css would not reach returning visitors. Loaded after bakt.css.
 */
/* Same layout as the Valkyrie page (bakt-vk-*, bakt-cookie classes); plain ivory background and an
   ember accent (#a2401f: over 5.5:1 on ivory). Template page-sunrise, header-sunrise, patterns sunrise-*. */

:root {
	--bk-ember: var(--wp--preset--color--sunrise-ember, #a2401f);
	--bk-sr-paper: var(--wp--preset--color--sunrise-paper, #f8efe2);
}
.bakt-ember { color: var(--bk-ember); }
/* Plain ivory like the rest of the site, no watercolour edges (owner, 2026-10-28). */
.bakt-sunrise { background: var(--bk-ivory); }
.bakt-sunrise .bakt-main { background: transparent; }
.bakt-sunrise .bakt-header a:hover { color: var(--bk-ember); }
.bakt-sunrise .bakt-star { color: var(--bk-ember); }
.bakt-header--sunrise { background: transparent; border-bottom-color: rgba(62, 47, 35, .25); transition: background-color .35s ease; }
html.bakt-scrolled .bakt-header--sunrise { background-color: rgba(247, 244, 237, .97); }

/* Label only (no cookie photo yet): no flip, no pointer. */
.bakt-cookie__media--static { cursor: default; }

/* Coming-soon panel: text + buttons, no product photo. */
.bakt-vk-cta.bakt-vk-cta--soon { grid-template-columns: minmax(0, 1fr) auto; }
.bakt-vk-cta--soon .wp-block-buttons { display: flex; flex-direction: column; gap: 12px; }
.bakt-vk-cta--soon .wp-block-button { width: 100%; margin: 0; }

/* Home row: the owner's poster (inc/sunrise.php), whole at 3:4 on every screen (the title is at the top edge). */
.bakt-row .bk-media.bakt-sr-poster { aspect-ratio: 3 / 4; display: block; }
.bk-media.bakt-sr-poster > img { position: static; transform: none; width: 100%; height: 100%; min-width: 0; max-width: 100%; object-fit: cover; }
.bakt-sr-poster:focus-visible { outline: var(--bk-focus); outline-offset: 3px; }

/* Home row since pre-orders opened: the owner's photo of the open box, whole at 3:2 so all six cookies show. */
.bakt-row .bk-media.bakt-sr-photo { aspect-ratio: 3 / 2; display: block; }
.bk-media.bakt-sr-photo > img { position: static; transform: none; width: 100%; height: 100%; min-width: 0; max-width: 100%; object-fit: cover; }
.bakt-sr-photo:focus-visible, .bakt-sr-plate:focus-visible { outline: var(--bk-focus); outline-offset: 3px; }
.bakt-row__soon { font-size: 14px; color: var(--bk-muted); }
.bakt-row__soon-cta { margin-top: -8px !important; }

@media (max-width: 760px) {
	.bakt-vk-cta.bakt-vk-cta--soon { grid-template-columns: minmax(0, 1fr); }
}