/*
Theme Name: Tikalogik
Theme URI: https://tikalogik.com/
Author: Tikalogik
Description: A lightweight block theme for Tikalogik Consulting, designed for nonprofit and community-sector consulting.
Version: 0.1.0
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tikalogik
Tags: block-patterns, full-site-editing, wide-blocks, accessibility-ready
*/

:root {
	--tik-radius: 22px;
	--tik-shadow: 0 18px 60px rgba(32, 35, 38, 0.08);
}

html {
	scroll-behavior: smooth;
}

body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

a {
	text-underline-offset: 0.18em;
}

.tik-site-header {
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border-bottom: 1px solid rgba(32, 35, 38, 0.08);
	position: sticky;
	top: 0;
	z-index: 50;
}

.admin-bar .tik-site-header {
	top: 32px;
}

.tik-wordmark .wp-block-site-title {
	font-family: "Arial Narrow", "Roboto Condensed", "Helvetica Neue Condensed", "Arial", sans-serif;
	font-stretch: condensed;
	letter-spacing: 0.055em;
	line-height: 0.95;
	text-transform: uppercase;
}

.tik-wordmark-sub {
	font-family: "Arial Narrow", "Roboto Condensed", "Helvetica Neue Condensed", "Arial", sans-serif;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.tik-eyebrow {
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.13em;
	text-transform: uppercase;
}

.tik-hero-mark {
	background:
		radial-gradient(circle at 24% 30%, rgba(37,174,221,.32) 0 9%, transparent 9.5%),
		radial-gradient(circle at 70% 32%, rgba(23,78,120,.22) 0 8%, transparent 8.5%),
		linear-gradient(135deg, rgba(37,174,221,.14), rgba(23,78,120,.04));
	border: 1px solid rgba(23, 78, 120, 0.12);
	border-radius: 32px;
	min-height: 420px;
	overflow: hidden;
	position: relative;
}

.tik-hero-mark::before,
.tik-hero-mark::after {
	content: "";
	position: absolute;
	inset: auto;
}

.tik-hero-mark::before {
	border: 4px solid rgba(37,174,221,.48);
	border-radius: 48%;
	height: 220px;
	left: 18%;
	top: 16%;
	transform: rotate(-18deg);
	width: 220px;
}

.tik-hero-mark::after {
	border-top: 5px solid rgba(23,78,120,.55);
	border-right: 5px solid rgba(23,78,120,.55);
	height: 150px;
	right: 14%;
	top: 36%;
	transform: rotate(-10deg);
	width: 150px;
}

.tik-card {
	border: 1px solid rgba(32, 35, 38, 0.10);
	border-radius: var(--tik-radius);
	box-shadow: var(--tik-shadow);
	height: 100%;
}

.tik-card,
.tik-panel {
	transition: transform .2s ease, box-shadow .2s ease;
}

.tik-card:hover {
	box-shadow: 0 22px 70px rgba(32, 35, 38, 0.12);
	transform: translateY(-3px);
}

.tik-number {
	color: var(--wp--preset--color--cyan);
	font-family: "Arial Narrow", "Roboto Condensed", "Helvetica Neue Condensed", "Arial", sans-serif;
	font-size: 1.15rem;
	font-weight: 700;
	letter-spacing: 0.08em;
}

.tik-impact {
	border-radius: 28px;
	overflow: hidden;
}

.tik-project-frame {
	border-radius: 28px;
	overflow: hidden;
}

.tik-project-art {
	background:
		linear-gradient(120deg, rgba(255,255,255,.14), transparent 45%),
		linear-gradient(145deg, #174E78 0 52%, #25AEDD 52% 100%);
	min-height: 360px;
	position: relative;
}

.tik-project-art::before {
	color: rgba(255,255,255,.9);
	content: "ARCHIVE";
	font-family: "Arial Narrow", "Roboto Condensed", "Helvetica Neue Condensed", "Arial", sans-serif;
	font-size: clamp(3rem, 7vw, 7rem);
	font-weight: 700;
	letter-spacing: .04em;
	left: 8%;
	position: absolute;
	top: 15%;
	transform: rotate(-8deg);
}

.tik-project-art::after {
	border: 2px solid rgba(255,255,255,.48);
	content: "";
	height: 54%;
	position: absolute;
	right: 12%;
	top: 25%;
	transform: rotate(8deg);
	width: 46%;
}

.tik-cta {
	border-radius: 28px;
	overflow: hidden;
}

.tik-footer {
	border-top: 1px solid rgba(255, 255, 255, 0.13);
}

.wp-block-button.is-style-outline > .wp-block-button__link {
	border-width: 1.5px;
}

@media (max-width: 900px) {
	.tik-hero-mark {
		min-height: 300px;
	}
}

@media (max-width: 782px) {
	.admin-bar .tik-site-header {
		top: 46px;
	}
}