/*
Theme Name: AHS (Ollie Child)
Theme URI: https://afterhoursolutions.com
Description: After Hour Solutions block theme — child of Ollie. Brand kit (navy/blue/cyan, Inter+Manrope) applied via theme.json. Built by AHS, replacing Elementor.
Author: After Hour Solutions
Template: ollie
Version: 1.0.0
*/

/* ===== AHS submenu (dropdown) — dark text on white flyout ===== */
.wp-block-navigation .wp-block-navigation__submenu-container{
	background-color:#ffffff;
	border:1px solid #e3ebf6;
	border-radius:10px;
	padding:.35rem 0;
	box-shadow:0 12px 28px rgba(14,27,46,.14);
	min-width:230px;
}
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation__submenu-container a,
.wp-block-navigation .wp-block-navigation__submenu-container span{
	color:#0e1b2e !important;
}
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.wp-block-navigation .wp-block-navigation__submenu-container a:hover{
	color:#1466e0 !important;
}
.wp-block-navigation .wp-block-navigation__submenu-container li{ padding:.1rem .25rem; }

/* ===== AHS polish layer ===== */
body{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.wp-block-heading{ letter-spacing:-0.01em; }

/* Sticky header */
header.wp-block-group{ position:sticky; top:0; z-index:50; box-shadow:0 1px 0 rgba(255,255,255,.08); }
header .wp-block-navigation a{ transition:opacity .15s ease; }
header .wp-block-navigation > .wp-block-navigation__container > li > a:hover{ opacity:.8; }

/* Hero / gradient bands: cyan glow accent */
.has-hero-navy-gradient-background{ position:relative; overflow:hidden; }
.has-hero-navy-gradient-background::before{
	content:""; position:absolute; inset:0; pointer-events:none;
	background:radial-gradient(720px 340px at 80% 12%, rgba(25,200,245,.30), transparent 62%);
}
.has-hero-navy-gradient-background > *{ position:relative; z-index:1; }

/* Cards: shadow + hover lift */
.wp-block-columns .wp-block-column.has-background{
	box-shadow:0 1px 3px rgba(14,27,46,.06), 0 1px 2px rgba(14,27,46,.04);
	transition:transform .18s ease, box-shadow .18s ease;
}
.wp-block-columns .wp-block-column.has-background:hover{
	transform:translateY(-4px);
	box-shadow:0 16px 34px rgba(14,27,46,.13), 0 5px 12px rgba(14,27,46,.07);
}

/* Buttons: smooth hover */
.wp-element-button{ transition:transform .15s ease, filter .15s ease, background-color .15s ease; }
.wp-element-button:hover{ filter:brightness(1.05); transform:translateY(-1px); }
.is-style-outline .wp-element-button:hover{ background:rgba(255,255,255,.14); }

/* Proof metric numbers bigger */
.has-hero-navy-gradient-background .wp-block-columns h3{ font-size:clamp(2.2rem,4vw,3rem); margin-bottom:.25rem; }

/* Section heading rhythm */
h2.wp-block-heading{ line-height:1.12; }

/* Responsive: stack columns with breathing room */
@media (max-width:781px){
	.wp-block-columns{ gap:1rem!important; }
	header.wp-block-group{ position:static; }
}

/* ===== FIX: header must not clip dropdowns (it uses the gradient class) ===== */
header.wp-block-group{ overflow:visible !important; }
header.has-hero-navy-gradient-background::before{ content:none !important; }
header .wp-block-navigation__submenu-container{ z-index:60; }

/* ============================================================
   AHS DESIGN ELEVATION — premium "AI operations command center"
   ============================================================ */

/* Display type: tighter, more intentional */
h1.wp-block-heading{ letter-spacing:-0.025em; }
h2.wp-block-heading{ letter-spacing:-0.018em; }

/* Technical mono eyebrows (command-center signal) */
.has-blue-color.has-label-font-size,
.has-hero-navy-gradient-background .has-white-color.has-label-font-size{
	font-family:'Space Grotesk','IBM Plex Sans',monospace !important;
	letter-spacing:0.14em !important;
}

/* HERO (first group in <main>): texture grid + layered glow + wave + staggered reveal */
main.wp-block-group > .wp-block-group:first-child{
	position:relative; overflow:hidden;
	background-image:
		radial-gradient(760px 360px at 82% 8%, rgba(25,200,245,.34), transparent 60%),
		radial-gradient(circle, rgba(255,255,255,.06) 1px, transparent 1.6px),
		linear-gradient(110deg, #0b4fd6 0%, #1f8af5 55%, #19c8f5 100%);
	background-size:auto, 26px 26px, auto;
}
main.wp-block-group > .wp-block-group:first-child::after{
	content:""; position:absolute; left:0; right:0; bottom:-1px; height:70px; z-index:2; pointer-events:none;
	background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 70' preserveAspectRatio='none'><path d='M0 70 L0 30 C 340 72 760 2 1440 40 L1440 70 Z' fill='%23ffffff'/></svg>") no-repeat;
	background-size:100% 100%;
}
@keyframes ahsUp{ from{ opacity:0; transform:translateY(18px);} to{ opacity:1; transform:none; } }
main.wp-block-group > .wp-block-group:first-child > *{ animation:ahsUp .75s cubic-bezier(.2,.7,.2,1) backwards; position:relative; z-index:1; }
main.wp-block-group > .wp-block-group:first-child > *:nth-child(1){ animation-delay:.05s; }
main.wp-block-group > .wp-block-group:first-child > *:nth-child(2){ animation-delay:.16s; }
main.wp-block-group > .wp-block-group:first-child > *:nth-child(3){ animation-delay:.27s; }
main.wp-block-group > .wp-block-group:first-child > *:nth-child(4){ animation-delay:.38s; }

/* SERVICE CARDS: animated top accent bar, lift, crisp edge */
.wp-block-columns .wp-block-column.has-white-background-color{ position:relative; overflow:hidden; }
.wp-block-columns .wp-block-column.has-white-background-color::before{
	content:""; position:absolute; top:0; left:0; right:0; height:3px;
	background:linear-gradient(90deg,#1466e0,#19c8f5);
	transform:scaleX(0); transform-origin:left; transition:transform .28s ease;
}
.wp-block-columns .wp-block-column.has-white-background-color:hover::before{ transform:scaleX(1); }
.wp-block-columns .wp-block-column.has-white-background-color h3{ margin-bottom:.5rem; }

/* INDUSTRY chips: lift to white on hover */
.wp-block-column.has-cloud-background-color{ border:1px solid #e3ebf6; transition:transform .15s ease, box-shadow .18s ease, background-color .18s ease; }
.wp-block-column.has-cloud-background-color:hover{ background:#fff; box-shadow:0 12px 26px rgba(14,27,46,.10); transform:translateY(-3px); }

/* PROOF metrics: dividers + tightened numerals */
.has-hero-navy-gradient-background .wp-block-columns h3{ letter-spacing:-0.03em; }
@media (min-width:782px){
	.has-hero-navy-gradient-background .wp-block-columns .wp-block-column + .wp-block-column{ border-left:1px solid rgba(255,255,255,.20); }
}

/* Headline section eyebrow: small centered tick line */
.has-text-align-center.has-blue-color.has-label-font-size::after{
	content:""; display:block; width:32px; height:2px; margin:.6rem auto 0;
	background:linear-gradient(90deg,#1466e0,#19c8f5); border-radius:2px;
}

@media (prefers-reduced-motion: reduce){
	main.wp-block-group > .wp-block-group:first-child > *{ animation:none; }
}

/* ===== FONT RESET: Roboto everywhere (kill prior experiments) ===== */
body, h1,h2,h3,h4,h5,h6, .wp-block-heading{ font-family:'Roboto', -apple-system, system-ui, sans-serif !important; }
.has-blue-color.has-label-font-size,
.has-hero-navy-gradient-background .has-white-color.has-label-font-size{ font-family:'Roboto', sans-serif !important; letter-spacing:0.08em !important; }

/* ===== FONT: Inter everywhere (match proposal-private; supersedes prior) ===== */
body, h1,h2,h3,h4,h5,h6, .wp-block-heading,
.has-blue-color.has-label-font-size,
.has-hero-navy-gradient-background .has-white-color.has-label-font-size{
	font-family:'Inter', -apple-system, system-ui, sans-serif !important;
}
.has-blue-color.has-label-font-size,
.has-hero-navy-gradient-background .has-white-color.has-label-font-size{ letter-spacing:0.08em !important; }

/* ===== Header layout lock: logo LEFT, nav + CTA RIGHT, full width ===== */
header.wp-block-group{ display:block !important; }
header.wp-block-group > .wp-block-group{
	display:flex !important;
	width:100% !important;
	max-width:1240px !important;
	margin-left:auto !important; margin-right:auto !important;
	justify-content:space-between !important;
	align-items:center !important;
	flex-wrap:nowrap !important;
	gap:1.5rem !important;
}
header.wp-block-group .wp-block-navigation{ justify-content:flex-end; }
header.wp-block-group .wp-block-site-logo,
header.wp-block-group .wp-block-buttons{ flex:0 0 auto; }