/*
Theme Name: Gizmeon 2026
Theme URI: https://gizmeon.com
Description: Child theme for Gizmeon — the AI-first media & ad tech company. Dark theme, cyan/pink brand palette, custom page templates for Home, About, Contact.
Author: Gizmeon Inc.
Author URI: https://gizmeon.com
Template: essentials
Version: 1.1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gizmeon-child
*/

/* ============================================================
   DESIGN TOKENS
   ============================================================ */
:root {
  --black:      #05060A;
  --black2:     #0A0C12;
  --black3:     #10121A;
  --black4:     #161922;
  --cyan:       #26D6FF;
  --cyan-dim:   rgba(38, 214, 255, 0.12);
  --cyan-glow:  rgba(38, 214, 255, 0.06);
  --pink:       #FF5BD1;
  --pink-dim:   rgba(255, 91, 209, 0.12);
  --white:      #F5F5F8;
  --white2:     #DDDDE5;
  --bl:         rgba(255, 255, 255, 0.07);
  --bl2:        rgba(255, 255, 255, 0.12);
  --bl3:        rgba(255, 255, 255, 0.18);
  --ff-d: 'Bebas Neue', sans-serif;
  --ff-s: 'Instrument Serif', serif;
  --ff-b: 'Inter', -apple-system, sans-serif;
  --g-gradient: linear-gradient(135deg, var(--cyan) 0%, var(--pink) 100%);
}

/* ============================================================
   DARK THEME — scoped to our page templates
   Add new body class here when you add a new page template.
   Same allow-list pattern as Gizmott.
   ============================================================ */
body.gz-home-active,
body.gz-about-active,
body.gz-contact-active,
body.gz-service-active,
body.gz-policy-active {
  background: var(--black) !important;
  color: var(--white);
  font-family: var(--ff-b);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  overflow-x: clip;
}

body.gz-home-active .site,
body.gz-about-active .site,
body.gz-contact-active .site,
body.gz-service-active .site,
body.gz-policy-active .site,
body.gz-home-active #page,
body.gz-about-active #page,
body.gz-contact-active #page,
body.gz-service-active #page,
body.gz-policy-active #page,
body.gz-home-active #content,
body.gz-about-active #content,
body.gz-contact-active #content,
body.gz-service-active #content,
body.gz-policy-active #content,
body.gz-home-active main,
body.gz-about-active main,
body.gz-contact-active main,
body.gz-service-active main,
body.gz-policy-active main {
  background: var(--black) !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.gz-home-active .wpb_row,
body.gz-about-active .wpb_row,
body.gz-contact-active .wpb_row,
body.gz-service-active .wpb_row,
body.gz-policy-active .wpb_row,
body.gz-home-active .vc_row,
body.gz-about-active .vc_row,
body.gz-contact-active .vc_row,
body.gz-service-active .vc_row,
body.gz-policy-active .vc_row,
body.gz-home-active .vc_section,
body.gz-about-active .vc_section,
body.gz-contact-active .vc_section,
body.gz-service-active .vc_section,
body.gz-policy-active .vc_section {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.gz-home-active h1,
body.gz-about-active h1,
body.gz-contact-active h1,
body.gz-service-active h1,
body.gz-policy-active h1,
body.gz-home-active h2,
body.gz-about-active h2,
body.gz-contact-active h2,
body.gz-service-active h2,
body.gz-policy-active h2,
body.gz-home-active h3,
body.gz-about-active h3,
body.gz-contact-active h3,
body.gz-service-active h3,
body.gz-policy-active h3 {
  color: var(--white);
  font-family: var(--ff-b);
}

body.gz-home-active p,
body.gz-about-active p,
body.gz-contact-active p,
body.gz-service-active p,
body.gz-policy-active p {
  line-height: 1.6;
  color: var(--white2);
}

body.gz-home-active a,
body.gz-about-active a,
body.gz-contact-active a,
body.gz-service-active a,
body.gz-policy-active a {
  color: var(--cyan);
  text-decoration: none;
  transition: color 0.2s ease;
}

body.gz-home-active img,
body.gz-about-active img,
body.gz-contact-active img,
body.gz-service-active img,
body.gz-policy-active img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Nav + footer logos must be exempt from the global img constraint —
   the parent theme fills them to 100% width which blows them up. */
body.gz-home-active .gz-logo img,
body.gz-about-active .gz-logo img,
body.gz-contact-active .gz-logo img,
body.gz-service-active .gz-logo img,
body.gz-policy-active .gz-logo img,
body.gz-home-active .gz-footer-logo img,
body.gz-about-active .gz-footer-logo img,
body.gz-contact-active .gz-footer-logo img,
body.gz-service-active .gz-footer-logo img,
body.gz-policy-active .gz-footer-logo img {
  max-width: none !important;
  max-height: none !important;
  width: auto !important;
  height: 40px !important;
  display: block !important;
}
body.gz-home-active .gz-footer-logo img,
body.gz-about-active .gz-footer-logo img,
body.gz-contact-active .gz-footer-logo img,
body.gz-service-active .gz-footer-logo img,
body.gz-policy-active .gz-footer-logo img {
  height: 42px !important;
}

body.gz-home-active *,
body.gz-about-active *,
body.gz-contact-active *,
body.gz-service-active *,
body.gz-policy-active * {
  box-sizing: border-box;
}

/* Reset margin/padding for our scoped pages */
body.gz-home-active html,
body.gz-about-active html,
body.gz-contact-active html,
body.gz-policy-active html {
  scroll-behavior: smooth;
}