@import url('https://fonts.googleapis.com/css2?family=Judson:wght@400;700&family=Montserrat:wght@300;400;500;600&display=swap');

/* ================================================
   TEMORA BRAND SYSTEM — Full Site CSS
   ================================================ */

/* --- Color Variables --- */
:root {
  --temora-blue: #00505C;
  --insight-gold: #BF9230;
  --ase-grey-900: #191919;
  --ase-grey-500: #979999;
  --white: #ffffff;
}

/* --- Base Typography --- */
body {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  color: var(--ase-grey-900);
}

/* --- Headings: Judson --- */
h1, h2, h3,
.elementor-heading-title {
  font-family: 'Judson', serif;
  color: var(--temora-blue);
  font-weight: 700;
}

h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: var(--temora-blue);
}

/* --- Body Text --- */
p, li, td {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
}

/* --- No hyphenation --- */
p, li, h1, h2, h3, h4, h5, h6 {
  hyphens: none !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

/* --- Navigation --- */
.elementor-nav-menu a,
.main-navigation a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: var(--temora-blue);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.8rem;
}

.elementor-nav-menu a:hover,
.main-navigation a:hover {
  color: var(--insight-gold);
}

/* --- Links --- */
a {
  color: var(--temora-blue);
  text-decoration: none;
}

a:hover {
  color: var(--insight-gold);
}

/* --- Buttons: Full Elementor Override --- */
.elementor-button,
.elementor-button.elementor-size-xs,
.elementor-button.elementor-size-sm,
.elementor-button.elementor-size-md,
.elementor-button.elementor-size-lg,
.elementor-button.elementor-size-xl,
a.elementor-button,
button.elementor-button,
.elementor-widget-button a,
.elementor-widget-button .elementor-button-wrapper a {
  background-color: #00505C !important;
  background: #00505C !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 500 !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 14px 28px !important;
  box-shadow: none !important;
}

.elementor-button:hover,
a.elementor-button:hover,
.elementor-widget-button a:hover,
.elementor-widget-button .elementor-button-wrapper a:hover {
  background-color: #BF9230 !important;
  background: #BF9230 !important;
  color: #ffffff !important;
  border: none !important;
}

/* --- Service Card Icons --- */
.elementor-icon-box-icon .elementor-icon,
.elementor-icon i,
.elementor-icon svg {
  color: var(--insight-gold) !important;
  fill: var(--insight-gold) !important;
}

/* --- Dividers --- */
hr,
.elementor-divider-separator {
  border-color: var(--insight-gold) !important;
}

/* --- Footer LinkedIn Icon --- */
.elementor-social-icon-linkedin-in,
.elementor-social-icon {
  background-color: transparent !important;
  border: 1px solid var(--white) !important;
  border-radius: 0 !important;
}

/* --- Contact Form Fields --- */
.elementor-field-group input,
.elementor-field-group textarea {
  border-radius: 0 !important;
  border: 1px solid var(--ase-grey-500) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300 !important;
}

.elementor-field-group input:focus,
.elementor-field-group textarea:focus {
  border-color: var(--temora-blue) !important;
  outline: none !important;
}
/* --- Buttons still ghost on homepage hero --- */
.elementor-widget-button .elementor-button-wrapper a.elementor-button,
.elementor-widget-button .elementor-button-wrapper a.elementor-button:visited {
  background-color: #00505C !important;
  background: #00505C !important;
  color: #ffffff !important;
  border: none !important;
  outline: none !important;
}

/* --- Number badge boxes (Industries 1,2,3,4) --- */
.elementor-counter .elementor-counter-number-wrapper,
[class*="number-box"],
.elementor-widget-counter {
  background-color: var(--temora-blue) !important;
  color: var(--white) !important;
  border-radius: 0 !important;
}

/* --- Service card arrow icons (homepage services list) --- */
.elementor-icon-list-icon svg,
.elementor-icon-list-icon i {
  color: var(--insight-gold) !important;
  fill: var(--insight-gold) !important;
}