/*!
Theme Name: Walker Mcknight Child
Theme URI: https://them.es/starter
Author: Butler Raines
Author URI:
Description: Child theme for Walker Mcknight
Template: walker
Version: 1.0.023
Text Domain: walker-child
*/

/* =========================================================
   CSS VARIABLES & COLOR TOKENS
   ========================================================= */

:root,
html,
body,
[data-bs-theme],
[data-bs-theme="light"],
[data-bs-theme="dark"] {
  /* Typography */
  --bs-font-sans-serif: "Poppins", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);

  /* Neutral Colors */
  --gray-0:   #FFFFFF;
  --gray-50:  #F5F5F5;
  --gray-100: #D9D9D9;
  --gray-400: #040C0D;

  /* Brand Colors */
  --brand-primary-200: #7BB3B4;
  --brand-primary-400: #144150;
}


/* =========================================================
   BOOTSTRAP THEME CONFIGURATION
   ========================================================= */

:root,
[data-bs-theme="light"],
[data-bs-theme="dark"] {
  /* Body Styles */
  --bs-body-bg: var(--gray-50);
  --bs-body-color: var(--gray-400);
  --bs-secondary-color: var(--gray-100);

  /* Color System */
  --bs-primary: var(--brand-primary-400);
  --bs-primary-rgb: 20, 65, 80;

  --bs-success: var(--brand-primary-200);
  --bs-success-rgb: 123, 179, 180;

  --bs-dark: var(--gray-400);
  --bs-dark-rgb: 4, 12, 13;

  --bs-light: var(--gray-50);
  --bs-light-rgb: 245, 245, 245;

  --bs-secondary: var(--gray-100);
  --bs-secondary-rgb: 217, 217, 217;

  /* Border Radius (All set to 0) */
  --bs-border-radius: 0;
  --bs-border-radius-sm: 0;
  --bs-border-radius-lg: 0;
  --bs-border-radius-xl: 0;

  --bs-btn-border-radius: 0;
  --bs-btn-border-radius-sm: 0;
  --bs-btn-border-radius-lg: 0;

  --bs-card-border-radius: 0;
  --bs-card-inner-border-radius: 0;

  --bs-input-border-radius: 0;
  --bs-input-border-radius-sm: 0;
  --bs-input-border-radius-lg: 0;
}


/* =========================================================
   BOOTSTRAP COLOR OVERRIDES (FINAL)
   ========================================================= */

:root,
html[data-bs-theme="light"],
html[data-bs-theme="dark"],
body[data-bs-theme="light"],
body[data-bs-theme="dark"] {
  --bs-dark: #040C0D !important;
  --bs-dark-rgb: 4, 12, 13 !important;

  --bs-light: #F5F5F5 !important;
  --bs-light-rgb: 245, 245, 245 !important;

  --bs-secondary: #D9D9D9 !important;
  --bs-secondary-rgb: 217, 217, 217 !important;

  --bs-primary: #7BB3B4 !important;
  --bs-primary-rgb: 123, 179, 180 !important;
}


/* =========================================================
   TYPOGRAPHY
   ========================================================= */

/* Sans-Serif (Poppins) */
body,
p,
a,
li,
span,
div,
button,
input,
textarea {
  font-family: var(--bs-body-font-family) !important;
}

body {
  font-family: var(--bs-body-font-family) !important;
  background-color: var(--bs-body-bg) !important;
  color: var(--bs-body-color) !important;
}

/* Serif (Spectral) */
h1, h2, h3, h4, h5, h6 {
  font-family: "Spectral", serif !important;
}

h1 a, 
h2 a, 
h3 a, 
h4 a, 
h5 a, 
h6 a {
  font-family: "Spectral", serif !important;
}

.font-serif {
  font-family: "Spectral", serif !important;
}


/* =========================================================
   UTILITY CLASSES
   ========================================================= */

/* Text Colors */
.text-wm-light { 
  color: var(--gray-50) !important; 
}

.text-wm-muted { 
  color: var(--gray-100) !important; 
}

.text-wm-brand { 
  color: var(--brand-primary-200) !important; 
}

.text-wm-brand-strong { 
  color: var(--brand-primary-400) !important; 
}

/* Background Surfaces */
.bg-dark-surface {
  background-color: var(--gray-400) !important;
  color: var(--gray-50) !important;
}

.bg-dark-soft {
  background-color: #0e1a1c !important;
  color: var(--gray-50) !important;
}

/* Hero Background */
.hero-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  align-items: center;
}

.hero-bg > .container {
  position: relative;
  z-index: 1;
}

/* Press Quote Background */
.press-quote-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.btn,
.btn-primary,
.btn-outline-light,
.btn-outline-dark,
.btn-outline-primary {
  border-radius: 0 !important;
}

.btn-primary {
  background-color: var(--brand-primary-400) !important;
  border-color: var(--brand-primary-400) !important;
  color: var(--gray-0) !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--brand-primary-200) !important;
  border-color: var(--brand-primary-200) !important;
  color: var(--gray-400) !important;
}


/* =========================================================
   CARDS
   ========================================================= */

.card,
.card-header,
.card-footer,
.card-img,
.card-img-top,
.card-img-bottom {
  border-radius: 0 !important;
}

.card {
  background-color: var(--gray-50) !important;
  border-color: var(--gray-100) !important;
}

/* Cards on Dark Surfaces */
.bg-dark-surface .card,
.bg-dark-soft .card,
.bg-dark .card {
  background-color: #0e1a1c !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--gray-50) !important;
}


/* =========================================================
   FORMS
   ========================================================= */

.form-control,
.form-control-lg,
.form-control-sm {
  border-radius: 0 !important;
}


/* =========================================================
   HEADER & NAVIGATION
   ========================================================= */

.home .walker-header--overlay {
  background: transparent !important;
  z-index: 10;
}

.navbar {
  background-color: transparent !important;
  background: none !important;
}

.walker-header--standard .navbar a,
.walker-header--standard .navbar a:visited {
  color: var(--bs-light) !important;
}

.hero-bg .navbar a,
.hero-bg .navbar a:visited {
  color: var(--bs-light) !important;
}

.hero-bg .navbar a:hover,
.hero-bg .navbar a:focus {
  color: var(--bs-light) !important;
  opacity: 0.85;
}


/* =========================================================
   LINKS ON DARK SURFACES
   ========================================================= */

.bg-dark-surface a:not(.btn),
.bg-dark-soft a:not(.btn),
.bg-dark a:not(.btn) {
  color: var(--brand-primary-200) !important;
}

.bg-dark-surface a:not(.btn):hover,
.bg-dark-soft a:not(.btn):hover,
.bg-dark a:not(.btn):hover {
  color: var(--gray-0) !important;
}


/* =========================================================
   POST CONTENT
   ========================================================= */

.single-post .entry-content h1,
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4,
.single-post .entry-content h5,
.single-post .entry-content h6,
.single .entry-content h1,
.single .entry-content h2,
.single .entry-content h3,
.single .entry-content h4,
.single .entry-content h5,
.single .entry-content h6 {
  color: var(--bs-primary);
}


/* =========================================================
   RESPONSIVE: MOBILE SPACING
   ========================================================= */

@media (max-width: 575.98px) {
  .container,
  .container-fluid {
    padding-left: 1.5rem !important;  /* 24px */
    padding-right: 1.5rem !important; /* 24px */
  }
}