/*
Theme Name: HAVOLEX
Theme URI: https://havolex.com/
Author: Miliverse Advertising LLC
Author URI: https://miliverseadvertising.com/
Description: Custom WordPress theme for HAVOLEX, the independent testing lab for AI receptionists and voice AI. Converted from the original static HTML build with the design preserved 1:1.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: havolex
Tags: one-column, custom-menu, custom-logo, editor-style, full-width-template
*/

/* --------------------------------------------------------------------------
   The full design system lives in assets/css/havolex.css (enqueued separately).
   This file only carries the theme header and WordPress-specific corrections.
   -------------------------------------------------------------------------- */

/* The fixed nav must sit below the WP admin toolbar when logged in. */
.admin-bar nav {
	top: 32px;
}

.admin-bar .mobile-nav {
	top: 108px; /* 76px nav height + 32px admin bar */
}

@media screen and (max-width: 782px) {
	.admin-bar nav {
		top: 46px;
	}

	.admin-bar .mobile-nav {
		top: 122px; /* 76px nav height + 46px admin bar */
	}
}

/* WordPress core markup classes the static build never needed. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #0b1120;
	border-radius: 4px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #00f2fe;
	display: block;
	font-size: 0.9rem;
	font-weight: 700;
	height: auto;
	left: 8px;
	line-height: normal;
	padding: 14px 20px;
	text-decoration: none;
	top: 8px;
	width: auto;
	z-index: 100000;
}

.alignleft {
	float: left;
	margin-right: 1.5em;
}

.alignright {
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption,
.wp-caption-text,
.gallery-caption {
	color: var(--havolex-text-sub);
	font-size: 0.85rem;
	max-width: 100%;
}

.sticky,
.bypostauthor {
	/* Required by the theme check; no visual treatment needed. */
}

img,
.wp-caption img {
	max-width: 100%;
	height: auto;
}

/* Editor-driven pages (anything you move into the block editor) still get
   readable defaults inside the dark design system. */
.entry-content {
	max-width: 820px;
	margin: 0 auto;
	padding: 140px 24px 80px;
}

.entry-content p,
.entry-content li {
	color: var(--havolex-text-sub);
}

.entry-content a {
	color: var(--havolex-cyan);
}

/* 404 / fallback screens */
.havolex-fallback {
	max-width: 820px;
	margin: 0 auto;
	padding: 180px 24px 120px;
	text-align: center;
}

.havolex-fallback h1 {
	font-size: clamp(2rem, 5vw, 3.2rem);
	margin-bottom: 16px;
}

.havolex-fallback p {
	color: var(--havolex-text-sub);
	margin-bottom: 32px;
}

.havolex-form-status {
	margin-top: 16px;
	font-size: 0.95rem;
}

.havolex-form-status.is-error {
	color: var(--havolex-error);
}

.havolex-form-status.is-success {
	color: var(--havolex-success);
}