/*
Theme Name: Cryo Sleep Studios
Description: Dark block theme for the Cryo Sleep Studios website. Custom code blocks (leaderboards, roadmaps, widgets) run exactly as they did on Squarespace.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: cryosleep
*/

/* ---- header ------------------------------------------------------------------ */
.cryo-header {
	position: sticky; top: 0; z-index: 50;
	background: var(--wp--preset--color--base);
	border-bottom: 1px solid var(--wp--preset--color--line);
	padding-top: 12px; padding-bottom: 12px;
}
.admin-bar .cryo-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .cryo-header { top: 46px; } }
.cryo-header-row { gap: 20px; }
.cryo-brand { gap: 14px; align-items: center; }
.cryo-brand .wp-block-site-logo img { display: block; height: auto; max-height: 48px; width: auto; max-width: 190px; }
.cryo-header .wp-block-site-title { margin: 0; font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: 20px; text-transform: uppercase; letter-spacing: .08em; line-height: 1.1; }
.cryo-header .wp-block-site-title a { color: var(--wp--preset--color--bright); text-decoration: none; }
.cryo-header .wp-block-navigation { gap: 6px 22px; font-size: 14px; }
.cryo-header .wp-block-navigation .wp-block-navigation__container { gap: 6px 22px; justify-content: flex-end; }
.cryo-header .wp-block-navigation a { color: var(--wp--preset--color--text); text-decoration: none; padding: 10px 0; }
.cryo-header .wp-block-navigation a:hover,
.cryo-header .wp-block-navigation .current-menu-item > a { color: var(--wp--preset--color--accent); }
.cryo-header .wp-block-navigation .wp-block-navigation__submenu-container {
	background: var(--wp--preset--color--surface) !important;
	border: 1px solid var(--wp--preset--color--line) !important;
	padding: 8px 0; min-width: 260px !important;
}
.cryo-header .wp-block-navigation .wp-block-navigation__submenu-container { color: var(--wp--preset--color--text) !important; }
.cryo-header .wp-block-navigation .wp-block-navigation__submenu-container a { padding: 10px 18px; font-size: 14px; color: var(--wp--preset--color--text) !important; }
.cryo-header .wp-block-navigation .wp-block-navigation__submenu-container a:hover,
.cryo-header .wp-block-navigation .wp-block-navigation__submenu-container a:focus-visible,
.cryo-header .wp-block-navigation .wp-block-navigation__submenu-container .current-menu-item > a { color: var(--wp--preset--color--accent) !important; background: rgba(95, 212, 244, .06); }
.cryo-header .wp-block-navigation__responsive-container.is-menu-open { background: var(--wp--preset--color--base) !important; color: var(--wp--preset--color--text) !important; padding: 20px 24px !important; }
.cryo-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 40px; align-items: flex-start !important; }
.cryo-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { align-items: flex-start !important; gap: 6px !important; }
.cryo-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { font-size: 20px; align-items: flex-start !important; }
.cryo-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { border: 0 !important; padding: 0 0 8px 16px !important; background: transparent !important; }
.cryo-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a { font-size: 16px; padding: 8px 0; color: var(--wp--preset--color--muted); }
.cryo-header .wp-block-navigation__responsive-container-open,
.cryo-header .wp-block-navigation__responsive-container-close { min-width: 44px; min-height: 44px; align-items: center; justify-content: center; color: var(--wp--preset--color--bright); }
a:focus-visible, button:focus-visible { outline: 2px solid var(--wp--preset--color--accent); outline-offset: 3px; }

/* ---- page sections (imported from Squarespace) ----------------------------- */
main.cryo-main, main.cryo-main > .wp-block-post-content { margin-block-start: 0; }
main.cryo-main > .wp-block-post-content > * { margin-block-start: 0; margin-block-end: 0; }
.cryo-section { padding-top: clamp(48px, 7vw, 96px); padding-bottom: clamp(48px, 7vw, 96px); }
.cryo-dark { background: var(--wp--preset--color--base); }
.cryo-dark + .cryo-dark { border-top: 1px solid var(--wp--preset--color--line); }
.cryo-light { background: var(--wp--preset--color--paper); color: var(--wp--preset--color--ink); }
.cryo-light :where(h1, h2, h3, h4, h5, h6) { color: var(--wp--preset--color--ink); }
.cryo-light a { color: #0B6A86; }
.wp-block-cover.cryo-section { padding-left: 24px; padding-right: 24px; }
.wp-block-cover.cryo-section .wp-block-cover__inner-container { width: 100%; max-width: 1200px; }
.cryo-cols { gap: clamp(24px, 4vw, 56px); }
.cryo-section .wp-block-image img { height: auto; border-radius: 4px; }
.cryo-section .wp-block-image { margin-left: auto; margin-right: auto; }
.cryo-section .wp-block-list li + li { margin-top: 8px; }
.cryo-section .wp-block-list li::marker { color: var(--wp--preset--color--accent); }
.sqsrte-large { font-size: 1.25em; line-height: 1.5; }
.sqsrte-small { font-size: .88em; }
.cryo-section .wp-block-embed { margin-top: 0; }
.cryo-section .wp-block-html { max-width: 100%; }
.cryo-code { margin-left: 0; margin-right: 0; }
.cryo-section iframe { max-width: 100%; }
.cryo-plain { padding-top: 72px; padding-bottom: 96px; }

/* ---- footer ------------------------------------------------------------------ */
.cryo-footer { border-top: 1px solid var(--wp--preset--color--line); padding-top: 8px; padding-bottom: 32px; }
.cryo-footer .cryo-section { padding-top: 40px; padding-bottom: 24px; }
.cryo-footer h4 { font-size: 18px; line-height: 1.6; }
.cryo-footer-small { font-family: var(--wp--preset--font-family--mono); font-size: 13px; color: var(--wp--preset--color--muted); margin-top: 8px; }