/*
Theme Name:   The Walls Child
Template:     hello-elementor
Description:  Child theme for The Walls Architect and Builders
Version:      1.0
Author:       The Walls
*/

/* ── RESET HELLO ELEMENTOR DEFAULTS ── */
*, *::before, *::after { box-sizing: border-box; }

body {
  font-family: 'Jost', sans-serif !important;
  background: #0F0F0F !important;
  color: #ffffff !important;
  margin: 0;
  overflow-x: hidden;
}

/* Remove default page padding/margin Elementor adds */
.elementor-page .elementor-section-wrap,
.elementor-section {
  max-width: 100% !important;
}

/* ── GOOGLE FONTS ── */
/* Add to functions.php — these are declared here for reference */
/* Primary: Cormorant Garamond (headings) */
/* Secondary: Jost (body) */

/* ── GLOBAL TYPOGRAPHY OVERRIDE ── */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 300;
  color: #ffffff;
  line-height: 1.1;
}

p, span, div, li, a, input, textarea, button {
  font-family: 'Jost', sans-serif !important;
}

/* ── ELEMENTOR WIDGET OVERRIDES ── */
.elementor-widget-heading .elementor-heading-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
}

.elementor-widget-text-editor {
  font-family: 'Jost', sans-serif !important;
  font-weight: 300;
  line-height: 1.8;
}

/* ── REMOVE THEME HEADER/FOOTER DEFAULTS ── */
.site-header,
.site-footer,
header.entry-header,
.page-title {
  display: none !important;
}

/* ── ELEMENTOR FULL WIDTH ── */
.elementor-template-full-width .site-content,
.elementor-template-canvas .site-content {
  padding: 0 !important;
  margin: 0 !important;
}

/* ── REMOVE DEFAULT WP PAGE TITLE ── */
.entry-title { display: none !important; }
.page .entry-header { display: none !important; }

/* ── GLOBAL COLORS as CSS Variables ── */
:root {
  --gold:       #C8960C;
  --gold-light: #E8B422;
  --gold-pale:  #F5E6B8;
  --dark:       #0F0F0F;
  --dark2:      #1A1A1A;
  --dark3:      #252525;
  --white:      #FFFFFF;

  /* Elementor Global Color compatibility */
  --e-global-color-primary:    #C8960C;
  --e-global-color-secondary:  #1A1A1A;
  --e-global-color-text:       #FFFFFF;
  --e-global-color-accent:     #E8B422;

  /* Elementor Global Font compatibility */
  --e-global-typography-primary-font-family:   'Cormorant Garamond';
  --e-global-typography-primary-font-weight:   300;
  --e-global-typography-secondary-font-family: 'Jost';
  --e-global-typography-secondary-font-weight: 400;
  --e-global-typography-text-font-family:      'Jost';
  --e-global-typography-accent-font-family:    'Jost';
}

/* ── ELEMENTOR BUTTON GLOBAL STYLE ── */
.elementor-button {
  background: var(--gold) !important;
  color: var(--dark) !important;
  font-family: 'Jost', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  border: none !important;
  transition: background 0.3s, transform 0.3s !important;
}
.elementor-button:hover {
  background: var(--gold-light) !important;
  transform: translateY(-2px) !important;
}

/* ── SCROLLBAR ── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0F0F0F; }
::-webkit-scrollbar-thumb { background: #C8960C; border-radius: 3px; }