/*
Theme Name: SB Internet
Theme URI: https://www.sbinternet.com/
Description: Block theme for sbinternet.com.
Author: SB Internet
Author URI: https://www.sbinternet.com/
Version: 1.1.0
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sbinternet
*/

/* Header and footer */
.sbi-header { border-bottom: 1px solid var(--wp--preset--color--line); background: var(--wp--preset--color--surface); }
.sbi-header .wp-block-navigation a:hover { color: var(--wp--preset--color--violet); }
.sbi-header .current-menu-item > a { color: var(--wp--preset--color--teal); }
.sbi-logo img { display: block; height: 30px; width: auto; }
.sbi-footer { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--on-dark); font-size: var(--wp--preset--font-size--small); }
.sbi-footer a { color: #fff; }
.sbi-footer .sbi-logo img { height: 26px; }

/* Page sections: vertical rhythm without per-block padding settings */
.sbi-section { padding-block: var(--wp--preset--spacing--50); }
.sbi-section + .sbi-section { padding-top: 0; }
.sbi-hero { padding-block: var(--wp--preset--spacing--60); }
.sbi-hero h1 { color: #fff; }
.sbi-hero em { font-style: normal; color: var(--wp--preset--color--mint); }
/* Block cursor from the logo, blinking a few times then staying on */
.sbi-hero h1::after {
	content: "";
	display: inline-block;
	width: 0.42em;
	height: 0.8em;
	margin-left: 0.12em;
	border-radius: 0.05em;
	background: var(--wp--preset--color--mint);
	animation: sbi-blink 1.1s steps(1) 5;
}
@keyframes sbi-blink { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .sbi-hero h1::after { animation: none; } }
.sbi-hero p { color: var(--wp--preset--color--on-dark); }

/* Small uppercase label above headings */
.sbi-eyebrow {
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--teal);
}
.sbi-hero .sbi-eyebrow { color: var(--wp--preset--color--mint); }

.sbi-lead { font-size: var(--wp--preset--font-size--large); color: var(--wp--preset--color--ink-soft); }
.sbi-meta { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--ink-soft); }

/* Cards: buttons line up across a row */
.sbi-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	box-sizing: border-box;
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 16px;
	padding: var(--wp--preset--spacing--40);
}
.sbi-card > .wp-block-buttons { margin-top: auto; padding-top: var(--wp--preset--spacing--30); }
.sbi-card h3 { margin-top: 0.25rem; }

.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--violet);
	border: 2px solid currentColor;
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover { color: var(--wp--preset--color--violet-deep); }

code { font-size: 0.9em; background: var(--wp--preset--color--line); padding: 0.1em 0.35em; border-radius: 4px; }

:focus-visible { outline: 3px solid var(--wp--preset--color--violet); outline-offset: 2px; }