/*
Theme Name: CelluLan
Theme URI: https://www.cellulan.com/
Author: CelluLan, Inc.
Author URI: https://www.cellulan.com/
Description: A lightweight block theme for CelluLan, Inc. — network infrastructure and security for Chicagoland businesses. Edit everything from Appearance → Editor.
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cellulan
*/

/* Small refinements theme.json can't express. */

.cl-eyebrow {
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.cl-hero-diagram svg {
	display: block;
	width: 100%;
	height: auto;
	max-width: 520px;
	margin-inline: auto;
}

.cl-card {
	transition: border-color 0.2s ease, transform 0.2s ease;
}
.cl-card:hover {
	border-color: var(--wp--preset--color--accent-strong) !important;
	transform: translateY(-2px);
}

.cl-port {
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--wp--preset--color--accent-strong);
	letter-spacing: 0.06em;
}

.cl-big-link a {
	text-decoration: none;
	color: inherit;
}
.cl-big-link a:hover {
	color: var(--wp--preset--color--accent-strong);
}

.has-ink-background-color .cl-port,
.has-ink-background-color .cl-eyebrow {
	color: var(--wp--preset--color--accent);
}

.wp-block-navigation a:hover {
	color: var(--wp--preset--color--accent-strong);
}

:where(a:focus-visible, button:focus-visible) {
	outline: 2px solid var(--wp--preset--color--accent-strong);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	.cl-card { transition: none; }
	.cl-card:hover { transform: none; }
}

/* Keep the header tidy on phones: the menu collapses, so drop the call button. */
@media (max-width: 600px) {
	.wp-block-buttons > .wp-block-button.cl-header-call,
	.wp-block-buttons:has(> .cl-header-call) { display: none; }
}

/* No gap between header and first band. */
.wp-site-blocks > header + main,
.wp-site-blocks > main + * { margin-block-start: 0; }

.cl-big-link { overflow-wrap: anywhere; }
.cl-callout { border-left-style: solid !important; }