/*
Theme Name: Cular Technologies
Theme URI: https://culartechnologies.com
Author: Cular Technologies
Description: Block theme for Cular Technologies. Edit everything under Appearance → Editor; reusable page sections are in the "Cular Technologies" pattern category.
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: cular-technologies
*/

/* Only what theme.json cannot express lives here. Colours, fonts and sizes are in theme.json. */

.ct-logo img {
	width: 230px;
	height: auto;
	display: block;
}

.ct-eyebrow {
	font-family: var(--wp--preset--font-family--mono);
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

/* The beam: a thin red rule used as a section accent. */
/* Add the class "ct-beam" to any Separator block (Advanced → Additional CSS class). */
.wp-block-separator.ct-beam {
	/* Spans the text column (so it lines up with the text) but only the first 64px is painted. */
	border: 0;
	height: 3px;
	opacity: 1;
	background: linear-gradient(to right, var(--wp--preset--color--beam) 64px, transparent 64px);
}

.ct-card {
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 10px;
	transition: border-color 0.2s ease;
}

.ct-card:hover {
	border-color: var(--wp--preset--color--beam);
}

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

/* Sections sit flush against the header and footer. */
.wp-site-blocks > * + * {
	margin-block-start: 0;
}