/*
Theme Name:  Microinfo Broadband
Theme URI:   https://microinfobroadband.com
Description: GeneratePress child theme for Microinfo Broadband. Pages are ordinary
             WordPress blocks, so they can be edited in the block editor or a page
             builder. Design tokens live in assets/css/, global details in the
             Microinfo settings screen.
Author:      Microinfo
Template:    generatepress
Version:     0.9.0
Requires at least: 6.2
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: microinfo
*/

/* ==========================================================================
   Base layer: element defaults and GeneratePress overrides only. Tokens, the
   design system and section styles are separate files (see inc/enqueue.php).
   ========================================================================== */

html { -webkit-text-size-adjust: 100%; }

body {
	font-family: var(--mi-font);
	font-size: var(--mi-text-base);
	line-height: var(--mi-leading-body);
	color: var(--mi-ink);
	background: var(--mi-surface);
	overflow-x: clip;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--mi-font-head);
	color: var(--mi-ink);
	line-height: var(--mi-leading-tight);
	font-weight: var(--font-heading-weight);
	letter-spacing: -0.015em;
}

a { color: var(--mi-link); }
a:hover, a:focus-visible { color: var(--mi-primary); }
img, svg { max-width: 100%; height: auto; }

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
	outline: 2px solid var(--mi-primary);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* --- Full-width pages ---------------------------------------------------------
   Sections own their spacing, so remove GeneratePress' page title, article
   padding, and the 2em / 20px gaps it puts around content. */
.microinfo.page .entry-header { display: none; }
.microinfo.page .site-content { display: block; }
.microinfo.page .site-content,
.microinfo.page .content-area,
.microinfo.page .site-main,
.microinfo.page .inside-article,
.microinfo.page .entry-content { width: 100%; max-width: none; float: none; padding: 0; margin: 0; }
/* Sections centre their own 1200px content; hero and call band run edge to edge. */
.microinfo.page .site-main > * { margin-bottom: 0; }
.microinfo.page .entry-content,
.microinfo.page .entry-content > :first-child { margin-top: 0; }

/* GeneratePress styles bare inputs at higher specificity than .input. */
.mi-form .input {
	width: 100%; max-width: 100%; padding: 6px 10px; font: inherit;
	color: var(--color-text); background: var(--color-surface);
	border: 1px solid var(--color-divider); border-radius: var(--radius-md);
}
.mi-form .input:focus { border-color: var(--color-accent); }
.mi-form__trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.mi-form-error { color: var(--mi-bad); font-weight: var(--mi-weight-med); }