/* Globalize 2026 - dark/gold restyle for Flatsome inner pages.
   Scoped under body.gz-inner so the coded homepage (body.gz-2026) is never touched.
   Loaded only on non-home-template pages. */

.gz-inner {
  --gz-bg: #020204;
  --gz-surface: #06070B;
  --gz-surface-2: #0D0F14;
  --gz-ink: #F8F8FA;
  --gz-muted: #9A9CA3;
  --gz-accent: #ED9300;
  --gz-accent-dark: #C17000;
  --gz-accent-subtle: #261000;
  --gz-border: #1B1E24;
  --gz-font-display: 'Space Grotesk', system-ui, sans-serif;
  --gz-font-body: 'DM Sans', system-ui, sans-serif;
}

/* ---- Page canvas ---- */
.gz-inner,
.gz-inner .page-wrapper,
.gz-inner #main,
.gz-inner #content,
.gz-inner .content-area,
.gz-inner.blog #main,
.gz-inner .page-wrapper-full { background-color: var(--gz-bg) !important; }
.gz-inner { color: var(--gz-ink); font-family: var(--gz-font-body); }

/* Body text + lists */
.gz-inner p,
.gz-inner li,
.gz-inner td,
.gz-inner dd,
.gz-inner .entry-content,
.gz-inner .description,
.gz-inner blockquote { color: var(--gz-ink); }
.gz-inner .is-small,
.gz-inner small,
.gz-inner .meta,
.gz-inner .post-meta { color: var(--gz-muted); }

/* ---- Headings ---- */
.gz-inner h1, .gz-inner h2, .gz-inner h3, .gz-inner h4, .gz-inner h5, .gz-inner h6,
.gz-inner .heading-font,
.gz-inner .title-inner { font-family: var(--gz-font-display) !important; color: var(--gz-ink); letter-spacing: -0.01em; }

/* ---- Links ---- */
.gz-inner a { color: var(--gz-accent); }
.gz-inner a:hover { color: var(--gz-accent-dark); }
.gz-inner .entry-content a { text-decoration: underline; text-underline-offset: 2px; }

/* ---- Header (dark, wordmark) ---- */
.gz-inner #header,
.gz-inner .header-main,
.gz-inner .header-wrapper,
.gz-inner .stuck .header-main,
.gz-inner #top-bar { background-color: var(--gz-surface) !important; }
.gz-inner #header { border-bottom: 1px solid var(--gz-border); }
.gz-inner .header-nav a,
.gz-inner .header-nav .nav > li > a { color: var(--gz-ink) !important; font-family: var(--gz-font-display); }
.gz-inner .header-nav .nav > li > a:hover,
.gz-inner .header-nav .nav > li.active > a,
.gz-inner .header-nav .nav > li.current-menu-item > a { color: var(--gz-accent) !important; }
.gz-inner .nav-dropdown { background-color: var(--gz-surface-2) !important; border: 1px solid var(--gz-border); box-shadow: 0 8px 32px rgba(0,0,0,.6); }
.gz-inner .nav-dropdown a,
.gz-inner .nav-dropdown li > a { color: var(--gz-ink) !important; }
.gz-inner .nav-dropdown a:hover { color: var(--gz-accent) !important; background-color: rgba(237,147,0,.08); }

/* Brand wordmark (replaces globe logo via partial override) */
.gz-inner #logo a.gz-brand-wordmark,
.gz-inner .gz-brand-wordmark {
  display: inline-flex; align-items: center; height: 100%;
  font-family: var(--gz-font-display); font-weight: 700; font-size: 26px;
  letter-spacing: -0.02em; color: var(--gz-ink); line-height: 1; text-transform: none;
}
.gz-inner .gz-brand-wordmark span { color: var(--gz-accent); }
.gz-inner #logo img { display: none !important; }

/* ---- Buttons ---- */
.gz-inner .button,
.gz-inner button[type=submit],
.gz-inner input[type=submit],
.gz-inner .wpcf7-submit {
  font-family: var(--gz-font-display); font-weight: 600; border-radius: 8px;
  text-transform: none; letter-spacing: 0; box-shadow: none;
}
.gz-inner .button.primary,
.gz-inner .button.success,
.gz-inner button[type=submit],
.gz-inner input[type=submit],
.gz-inner .wpcf7-submit { background-color: var(--gz-accent) !important; color: #020204 !important; border-color: var(--gz-accent) !important; }
.gz-inner .button.primary:hover,
.gz-inner button[type=submit]:hover,
.gz-inner input[type=submit]:hover { background-color: var(--gz-accent-dark) !important; color: #020204 !important; }
.gz-inner .button.white { background-color: var(--gz-accent) !important; color:#020204 !important; }
.gz-inner .button.is-outline,
.gz-inner .button.secondary.is-outline { color: var(--gz-ink) !important; border-color: var(--gz-border) !important; background: transparent !important; }
.gz-inner .button.is-outline:hover { border-color: var(--gz-accent) !important; color: var(--gz-accent) !important; }

/* ---- Page title / banners ---- */
.gz-inner .page-title,
.gz-inner .page-header,
.gz-inner .title-wrapper { background-color: var(--gz-surface) !important; }
.gz-inner .page-title .entry-title,
.gz-inner .page-title-inner .entry-title { color: var(--gz-ink); }
.gz-inner .page-title-inner { background-color: transparent !important; }
.gz-inner .page-title-inner .is-b, .gz-inner .page-title a { color: var(--gz-muted); }

/* Banner overlays: keep readable */
.gz-inner .ux-banner .overlay,
.gz-inner .banner-layers .fill { }

/* ---- Cards / boxes / feature icons ---- */
.gz-inner .box-text,
.gz-inner .icon-box-text { color: var(--gz-ink); }
.gz-inner .box .icon-box-img svg,
.gz-inner .icon-box .icon svg { fill: var(--gz-accent); }

/* ---- Price tables ---- */
.gz-inner .pricing-table,
.gz-inner .pricing-wrapper .col-inner {
  background-color: var(--gz-surface) !important;
  border: 1px solid var(--gz-border) !important; border-radius: 12px;
}
.gz-inner .pricing-table .title,
.gz-inner .pricing-table .title-inner,
.gz-inner .pricing-table h3,
.gz-inner .pricing-table .price { color: var(--gz-ink) !important; }
.gz-inner .pricing-table .price .amount,
.gz-inner .pricing-table .amount { color: var(--gz-accent) !important; }
.gz-inner .pricing-table.featured,
.gz-inner .pricing-table.popular { border-color: var(--gz-accent) !important; box-shadow: 0 0 24px rgba(237,147,0,.14); }
.gz-inner .pricing-table li,
.gz-inner .pricing-table .bullet-item { color: var(--gz-ink) !important; border-color: var(--gz-border) !important; }

/* ---- Testimonials / sliders ---- */
.gz-inner .testimonial-text,
.gz-inner blockquote p { color: var(--gz-ink); }
.gz-inner .testimonial-meta,
.gz-inner .from-meta { color: var(--gz-muted); }

/* ---- Dividers / rules ---- */
.gz-inner .is-divider { background-color: var(--gz-accent); }
.gz-inner hr, .gz-inner .divider { border-color: var(--gz-border); background-color: var(--gz-border); }

/* ---- Table of Contents Plus box ---- */
.gz-inner #toc_container,
.gz-inner .toc_widget_list { background: var(--gz-surface) !important; border: 1px solid var(--gz-border) !important; color: var(--gz-ink); }
.gz-inner #toc_container a { color: var(--gz-ink); }
.gz-inner #toc_container a:hover { color: var(--gz-accent); }
.gz-inner #toc_container .toc_title { color: var(--gz-muted); }

/* ---- Forms (CF7 / HubSpot / MC4WP) ---- */
.gz-inner input[type=text],
.gz-inner input[type=email],
.gz-inner input[type=tel],
.gz-inner input[type=search],
.gz-inner textarea,
.gz-inner select,
.gz-inner .wpcf7 input,
.gz-inner .wpcf7 textarea {
  background-color: var(--gz-bg) !important; color: var(--gz-ink) !important;
  border: 1px solid var(--gz-border) !important; border-radius: 8px;
}
.gz-inner input::placeholder, .gz-inner textarea::placeholder { color: var(--gz-muted); }
.gz-inner label { color: var(--gz-ink); }
.gz-inner .searchform .search-field { background-color: var(--gz-bg) !important; color: var(--gz-ink) !important; }

/* ---- Related-services block (added earlier to pages) ---- */
.gz-inner .globalize-related { border-top: 1px solid var(--gz-border); margin-top: 40px; padding-top: 24px; }
.gz-inner .globalize-related h3 { color: var(--gz-ink); }
.gz-inner .globalize-related p { color: var(--gz-muted); }

/* ---- Footer ---- */
.gz-inner #footer,
.gz-inner .footer-wrapper,
.gz-inner .footer-1,
.gz-inner .footer-2,
.gz-inner .absolute-footer { background-color: var(--gz-bg) !important; border-color: var(--gz-border) !important; }
.gz-inner #footer, .gz-inner #footer p, .gz-inner #footer li, .gz-inner .absolute-footer { color: var(--gz-muted) !important; }
.gz-inner #footer a { color: #C9CACF; }
.gz-inner #footer a:hover { color: var(--gz-ink); }
.gz-inner #footer .widget-title,
.gz-inner #footer h3, .gz-inner #footer h4 { color: var(--gz-ink) !important; }

/* ---- Mobile off-canvas menu ---- */
.gz-inner .mobile-sidebar,
.gz-inner .mfp-content .mobile-sidebar-levels-2 { background-color: var(--gz-surface) !important; }
.gz-inner .mobile-sidebar a, .gz-inner .nav-sidebar > li > a { color: var(--gz-ink) !important; }
.gz-inner .mobile-sidebar a:hover { color: var(--gz-accent) !important; }

/* ---- Cookie / misc surfaces ---- */
.gz-inner .badge-inner { background-color: var(--gz-accent); color: #020204; }
.gz-inner ::selection { background: var(--gz-accent); color: #020204; }

/* ---- Corrections after live audit ---- */

/* Unify all Flatsome button colour variants (success/secondary/alert) to gold.
   Flatsome's alert variant is red (#b20000) which is off-palette. */
.gz-inner .button.success,
.gz-inner .button.secondary,
.gz-inner .button.alert,
.gz-inner .button.success.is-shade,
.gz-inner .button.secondary.is-shade,
.gz-inner .button.alert.is-shade {
  background-color: var(--gz-accent) !important;
  background-image: none !important;
  color: #020204 !important;
  border-color: var(--gz-accent) !important;
}
.gz-inner .button.success:hover,
.gz-inner .button.secondary:hover,
.gz-inner .button.alert:hover { background-color: var(--gz-accent-dark) !important; color: #020204 !important; }

/* Price-table titles: no gold title bar with pale text. Featured = gold text + gold border. */
.gz-inner .pricing-table .title-wrapper,
.gz-inner .pricing-table .title { background: transparent !important; color: var(--gz-ink) !important; }
.gz-inner .pricing-table.featured .title,
.gz-inner .pricing-table.popular .title { color: var(--gz-accent) !important; }

/* Message box: dark base so Flatsome's default grey never shows through. */
.gz-inner .message-box { background-color: var(--gz-surface) !important; }

/* Flatsome .dark text-helper areas sit on our dark canvas: keep text light. */
.gz-inner .text.dark,
.gz-inner .text-box-content.dark,
.gz-inner .dark p,
.gz-inner .dark li,
.gz-inner .dark h1, .gz-inner .dark h2, .gz-inner .dark h3, .gz-inner .dark h4 { color: var(--gz-ink) !important; }
.gz-inner .dark a { color: var(--gz-accent) !important; }

/* Any stray raw-link / default-colour text in content stays on-palette. */
.gz-inner #content a { color: var(--gz-accent); }

/* Flatsome uses the primary colour (now gold) as the fallback behind banner
   images while they lazy-load. Force a dark fallback so banner/testimonial text
   stays readable during load and if an image ever fails. The image still paints
   on the child .bg layer on top of this. */
.gz-inner .ux-banner,
.gz-inner .banner,
.gz-inner .slider-wrapper .ux-banner { background-color: var(--gz-surface) !important; }

/* Blog/archive date badge: solid gold with dark text (day + month both dark). */
.gz-inner .badge .badge-inner,
.gz-inner .post-date .badge-inner { background-color: var(--gz-accent) !important; }
.gz-inner .badge-inner,
.gz-inner .badge-inner *,
.gz-inner .post-date-day,
.gz-inner .post-date-month { color: #020204 !important; }

/* Blog listing: card surfaces, titles, excerpts. */
.gz-inner .post-item .box-text,
.gz-inner article .entry-content,
.gz-inner .blog-share { color: var(--gz-ink); }
.gz-inner .entry-title a,
.gz-inner .post-title a { color: var(--gz-ink) !important; }
.gz-inner .entry-title a:hover,
.gz-inner .post-title a:hover { color: var(--gz-accent) !important; }

/* MediaElement (WP [video]) fallback link -> on-palette on the dark player. */
.gz-inner .mejs-container a,
.gz-inner .wp-video-shortcode a,
.gz-inner .mejs-overlay-error a { color: var(--gz-accent) !important; }