/*
 Theme Name: JAC West Rand Child
 Theme URI: https://aggwestrand.co.za
 Description: Child theme for Kadence tailored for JAC Motors West Rand (Models CPT, VDP, CTAs, performance helpers).
 Author: OBM Digital
 Author URI: https://obmdigital.co.za
 Template: kadence
 Version: 1.0.1
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: jac-kadence-child
*/

/* IMPORTANT: 
   Global Color Variables are now handled by the Kadence Customizer.
   Do not redefine --global-palette vars here.
*/

/* =========================================
   SCOPED BUTTON STYLES
   Only affects buttons inside the main content area (#inner-wrap)
   Leaves Header/Footer buttons to the Customizer.
   ========================================= */

#inner-wrap .kt-button,
#inner-wrap .kadence-button,
#inner-wrap .wp-block-button__link.is-style-fill,
#inner-wrap .wp-block-button__link.has-global-palette1-background-color {
  background-color: var(--jac-red);
  color: var(--jac-white);
  border-radius: var(--btn-radius);
  min-height: var(--btn-height);
  padding: 0 var(--btn-padding-x);
  font-size: var(--btn-font-size);
  font-weight: var(--font-weight-medium);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast);
}

#inner-wrap .kt-button:hover,
#inner-wrap .kadence-button:hover,
#inner-wrap .wp-block-button__link.is-style-fill:hover,
#inner-wrap .wp-block-button__link.has-global-palette1-background-color:hover {
  background-color: var(--jac-red-dark);
  color: var(--jac-white);
  box-shadow: var(--shadow-md);
}

/* Outline / secondary buttons */
#inner-wrap .wp-block-button__link.is-style-outline,
#inner-wrap .wp-block-button__link.has-global-palette1-color:not(.has-background) {
  background: transparent;
  color: var(--jac-red);
  border-radius: var(--btn-radius);
  min-height: var(--btn-height);
  padding: 0 var(--btn-padding-x);
  border: 2px solid var(--jac-red);
  font-size: var(--btn-font-size);
  font-weight: var(--font-weight-medium);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
}

#inner-wrap .wp-block-button__link.is-style-outline:hover,
#inner-wrap .wp-block-button__link.has-global-palette1-color:not(.has-background):hover {
  background: var(--jac-red-light);
  color: var(--jac-red-dark);
  border-color: var(--jac-red-dark);
}

/* =========================================
   SCOPED TYPOGRAPHY
   Only affects main content. Header/Footer use Customizer settings.
   ========================================= */

#inner-wrap h1, 
#inner-wrap .entry-content h1 {
  font-family: var(--font-family-base);
  font-size: var(--font-size-h1);
  font-weight: var(--font-weight-bold);
  color: var(--jac-grey-900);
}

#inner-wrap h2, 
#inner-wrap .entry-content h2 {
  font-family: var(--font-family-base);
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-semibold);
  color: var(--jac-grey-900);
}

#inner-wrap h3, 
#inner-wrap .entry-content h3 {
  font-family: var(--font-family-base);
  font-size: var(--font-size-h3);
  font-weight: var(--font-weight-semibold);
  color: var(--jac-grey-900);
}

/* Base body style for content only */
#inner-wrap .entry-content p {
  font-family: var(--font-family-base);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-regular);
  color: var(--jac-grey-800);
}

/* =========================================
   LAYOUT UTILITIES
   ========================================= */

.kt-row-layout-inner,
.wp-block-group {
  padding-top: var(--space-40);
  padding-bottom: var(--space-40);
}

.jac-section--large {
  padding-top: var(--space-64);
  padding-bottom: var(--space-64);
}

/* =========================================
   FONTS
   ========================================= */

@font-face{
  font-family: "Inter";
  src: url("/wp-content/themes/jac-kadence-child/assets/fonts/inter/InterVariable.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-style: normal italic;
  font-display: swap;
}

/* Global font stack fallback - Safe to keep global */
html, body {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

code, kbd, samp, pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

/* =========================================
   Footer Legal Links
   ========================================= */

.jac-footer-legal {
  background: var(--jac-surface-soft);
  border-top: 1px solid var(--jac-border);
  padding: var(--space-24) 0;
}

.jac-footer-legal__inner {
  display: flex;
  justify-content: center;
}

.jac-footer-legal__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: var(--space-24);
  flex-wrap: wrap;
  justify-content: center;
}

.jac-footer-legal__item {
  margin: 0;
}

.jac-footer-legal__link {
  color: var(--jac-graphite);
  font-weight: var(--font-weight-medium);
  text-decoration: none;
}

.jac-footer-legal__link:hover,
.jac-footer-legal__link:focus {
  color: var(--jac-red);
  text-decoration: underline;
}