/*
 Theme Name:   UnderStrap Child
 Theme URI:    https://jasonbyagis.com
 Description: Child theme for UnderStrap
 Author:       Rodney
 Author URI:   https://jasonbyagis.com
 Template:     understrap
 Version:      1.0.0
*/

/* =========================================================
  old pre 1/6/2026
   Global Design System
   Default Theme: DARK
   ========================================================= */

:root {

    /* ---------------------------
       Core Backgrounds
    --------------------------- */
    --color-bg: #191919;
    --color-surface: #364b4d;
    --color-border: #2a2a2a;

    /* ---------------------------
       Text
    --------------------------- */
    --color-text: #f4f4f4;
    --color-text-muted: #bbb;
    --color-heading: #ffffff;

    /* ---------------------------
       Brand Colors
    --------------------------- */
    --color-primary: #62A320;   /* your green */
    --color-secondary: #76bd2a; /* lighter green */
    --color-accent: #92D948;   /* highlight / CTA */

    /* ---------------------------
       Navigation
    --------------------------- */
    --nav-bg: #364b4d;
    --nav-link-color: #bbb;
    --nav-link-hover-bg: #76bd2a;
    --nav-link-hover-color: #000;

    /* ---------------------------
       Typography
    --------------------------- */
    --font-body: 'Cabin', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-heading: var(--font-body);

    --fs-h1: 2.4rem;
    --fs-h2: 1.5rem;
    --fs-h3: 1.2rem;
    --fs-body: 1.1rem;
    --fs-lead: 1.1rem;

    /* ---------------------------
       Layout
    --------------------------- */
    --container-max-width: 1200px;
    --nav-font-size: 1rem;
    --nav-border-radius: 25px;

    /* ---------------------------
       Assets
    --------------------------- */
    /*--banner-img: url('../../../assets/images/main/jasonbyagis_site_v2_headergraphic.jpg');*/
}

/* =========================================================
   Light Theme Overrides
   ========================================================= */

:root[data-theme="light"] {

    --color-bg: #f4f4f4;
    --color-surface: #ffffff;
    --color-border: #dee2e6;

    --color-text: #000000;
    --color-text-muted: #444;
    --color-heading: #000000;

    --nav-bg: #62A320;
    --nav-link-color: #000;
    --nav-link-hover-bg: #76bd2a;
    --nav-link-hover-color: #000;
}

/* =========================================================
   Base Styles
   ========================================================= */

* {
    -webkit-tap-highlight-color: transparent;
}

body {
    /*margin: 0;*/
    background-color: var(--color-bg);
    color: var(--color-text);
    font-family: var(--font-body);
    /*line-height: 1.6;*/
}

h1, h2, h3 {
    color: var(--color-heading);
    /*margin: 1rem;*/
}

p, li {
    /*margin: 1rem;*/
    font-size: var(--fs-body);
}

h1 { font-size: var(--fs-h1); font-weight: 700; }
h2 { font-size: var(--fs-h2); font-weight: 600; }
h3 { font-size: var(--fs-h3); font-weight: 500; }

.lead {
    font-size: var(--fs-lead);
}

a {
    color: var(--color-primary);
    text-decoration: underline;
}

a:hover {
    color: var(--color-secondary);
}

button,
.button,
input[type="submit"],
.wp-block-button__link {
    background: var(--color-primary);
    color: var(--color-text);
    border: none;
    border-radius: 10px;
    padding: 0.8rem 1.5rem;
    font-size: 1rem;
    cursor: pointer;
    transition: background 0.3s ease, color 0.3s ease;
}

button:hover,
.button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
    background: var(--color-accent);
    color: #000;
}

.btn-pill {
    border-radius: 25px;
    padding: 0.8rem 2rem;
}

/* =========================================================
   Bootstrap Text Overrides
   ========================================================= */

body,
body p,
body li,
body span,
body div {
    color: var(--color-text);
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    color: var(--color-heading);
}

body a {
    color: var(--color-primary);
    text-decoration: underline;
}

body a:hover {
    color: var(--color-secondary);
}

body .btn,
body button,
body input[type="submit"],
body .wp-block-button__link {
    background-color: var(--color-primary);
    color: var(--color-text);
    border: none;
    border-radius: 10px;
    padding: 0.8rem 1.5rem;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

body .btn:hover,
body button:hover,
body input[type="submit"]:hover,
body .wp-block-button__link:hover {
    background-color: var(--color-accent);
    color: #000;
}

/* =========================================================
   Layout Background Overrides
   ========================================================= */

body,
body .site,
body .wrapper,
body .container,
body .container-fluid {
  background-color: var(--color-bg);
}

/* =========================================================
   Navigation Overrides
   ========================================================= */

body .navbar {
  background-color: var(--nav-bg);
}

body .navbar a,
body .navbar .nav-link {
  color: var(--nav-link-color);
}

body .navbar .nav-link:hover {
  background-color: var(--nav-link-hover-bg);
  color: var(--nav-link-hover-color);
}

/* =========================================================
   Full-Height Background Fix
   ========================================================= */

html,
body {
  min-height: 100%;
  background-color: var(--color-bg);
}

body,
body .site,
body #page,
body #page-wrapper,
body #wrapper-footer,
body .wrapper,
body .container,
body .container-fluid {
  background-color: var(--color-bg);
}

/* =========================================================
   Bootstrap Navbar Class Neutralization
   ========================================================= */

body .navbar.bg-primary,
body .navbar.bg-light,
body .navbar.bg-dark {
  background-color: var(--nav-bg);
}

/* Ensure nav text colors obey variables */
body .navbar,
body .navbar .navbar-brand,
body .navbar .nav-link {
  color: var(--nav-link-color);
}

body .navbar .nav-link:hover {
  background-color: var(--nav-link-hover-bg);
  color: var(--nav-link-hover-color);
}

/* Hamburger icon color (Bootstrap uses SVG background) */
body .navbar-dark .navbar-toggler-icon {
  filter: brightness(0) invert(1);
}

/* =========================================================
   FINAL NAVBAR BACKGROUND FIX
   ========================================================= */

/* Kill background on the navbar wrapper */
body #wrapper-navbar {
  background-color: var(--nav-bg);
}

/* Force nav itself */
body #main-nav,
body #main-nav.navbar,
body #main-nav.bg-primary {
  background-color: var(--nav-bg);
}

/* Safety: override any Bootstrap bg utilities */
body #wrapper-navbar.bg-primary,
body #wrapper-navbar.bg-light,
body #wrapper-navbar.bg-dark {
  background-color: var(--nav-bg);
}

/* =========================================================
   ABSOLUTE NAVBAR OVERRIDE (Bootstrap Utility Kill)
   ========================================================= */

body header#wrapper-navbar,
body header#wrapper-navbar * ,
body nav#main-nav,
body nav#main-nav.bg-primary,
body nav#main-nav.navbar {
  background-color: var(--nav-bg) !important;
}

/* =========================================================
   Elementor Footer – Kill Boxed Container Background
   ========================================================= */

.elementor-location-footer .e-con-boxed > .e-con-inner {
    background-color: transparent !important;
}