/*
Theme Name: Invetech
Theme URI: https://invetech.io/
Author: Invetech
Description: Invetech.IO child theme on Generic 2.0.2. Branding and tweaks live here; framework stays in the parent.
Template: generic
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: invetech
*/

/* ponytail: brand tokens live here until a Customizer control earns its keep */
:root {
  --invetech-ink: #101418;
  --invetech-accent: #0b6bcb;
  --invetech-maxw: 72rem;
  --invetech-silver: #c0c0c0;
}

body {
  color: var(--invetech-silver);
  background: #111;
}

#container {
  background: #111;
  color: var(--invetech-silver);
}

/* ponytail: one explicit rule beats scattered parent colors; links keep accent */
#container :is(h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, caption, dt, dd) {
  color: var(--invetech-silver);
}

#wrapper {
  max-width: var(--invetech-maxw);
  margin-inline: auto;
  padding-inline: 1rem;
}

a {
  color: var(--invetech-accent);
}

/* Hero: every page, taller on the front page */
#site-description {
  display: none;
}

.invetech-hero {
  position: relative;
  display: grid;
  align-items: end;
  min-height: clamp(18rem, 45vw, 32rem);
  margin-block: 1rem 2rem;
  border-radius: 0.5rem;
  overflow: hidden;
  isolation: isolate;
}

.invetech-hero--compact {
  min-height: clamp(9rem, 18vw, 14rem);
}

.invetech-hero__img {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.invetech-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(to top, rgba(17, 17, 17, 0.9) 0%, rgba(17, 17, 17, 0.45) 55%, rgba(17, 17, 17, 0.1) 100%);
}

.invetech-hero__body {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: clamp(1rem, 4vw, 2.5rem);
}

#wrapper .invetech-hero__title {
  margin: 0;
  max-width: 34ch;
  color: #fff;
  font-size: clamp(1.5rem, 3.5vw, 2.75rem);
  font-weight: 700;
  line-height: 1.15;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

#wrapper .invetech-hero--compact .invetech-hero__title {
  font-size: clamp(1.1rem, 2.2vw, 1.6rem);
}

#wrapper .invetech-hero__cta {
  display: inline-block;
  padding: 0.75rem 1.4rem;
  border-radius: 0.4rem;
  background: var(--invetech-accent);
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

#wrapper .invetech-hero__cta:hover,
#wrapper .invetech-hero__cta:focus-visible {
  background: #0958a8;
}

#wrapper .invetech-hero__cta:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}