/*
Theme Name: Investment Alpha Child (weels)
Theme URI: https://micarbuddy.com
Description: weels brand child theme for Investment Alpha. Never edit the parent theme
  directly -- theme/plugin updates would wipe direct edits, same reseeding risk documented
  for the Discourse forum's default theme. Full color/font source mapping:
  ../../../../../Discourse Infrastructure/scripts/weels-brand-palette.md (this repo's sibling
  weels infrastructure repo) -- source of truth is the weels mobile app repo's
  docs/designs/MOBILE_APP_STYLE_GUIDE.md.
Author: weels
Template: investment-alpha
Version: 1.0.0
Text Domain: investment-alpha-child
*/

/* ---- Fonts: real weels brand font files, not a Google Fonts approximation ---- */
@font-face {
  font-family: "Utendo";
  src: url("fonts/Utendo-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Utendo";
  src: url("fonts/Utendo-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
}

/* ---- Colors: style guide section 2 ---- */
:root {
  --weels-primary-green: #0f9336;   /* section 2.1 -- links, nav, icons */
  --weels-title-green: #50B850;     /* section 3.6 "title" role */
  --weels-cta-green: #50C400;       /* section 3.6 primary CTA button */
  --weels-text-primary: #1a1a1a;    /* section 2.3 */
  --weels-text-body: #4a4a4a;       /* section 2.3 body text */
  --weels-error: #dc3545;           /* section 2.5 */
  --weels-warning: #ffc107;         /* section 2.5 */
}

/* Site title / branding text -- section 3.2 "splash wordmark" uses Utendo */
.site-title,
.site-title a {
  font-family: "Utendo", sans-serif;
  color: var(--weels-text-primary);
}

/* Header logo -- header.php override replaces the dead hardcoded/commented-out logo markup
   with the_custom_logo(); this sizes it sanely inside the Bootstrap navbar. */
.weels-navbar-logo {
  display: inline-flex;
  align-items: center;
}
.weels-navbar-logo img,
.weels-navbar-logo .custom-logo {
  height: 40px !important;
  width: auto !important;
  max-width: none !important;
}

/* Post/page titles -- section 3.6 "title" role: Montserrat 700 uppercase, title-green */
.entry-title,
.entry-title a,
h1.page-title,
.page-header .page-title,
.su-post-title,
.su-post-title a {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--weels-title-green) !important;
}

.entry-title a:hover,
.su-post-title a:hover {
  color: var(--weels-primary-green) !important;
}

/* Links -- section 2.1 primary green. !important + specific plugin classes because
   Shortcodes Ultimate (.su-*) ships its own more specific link-color rules. */
a,
.su-post-comments-link {
  color: var(--weels-primary-green) !important;
}
a:hover,
a:focus {
  color: #0c7429;
}

/* Body text -- section 2.3 */
body {
  color: var(--weels-text-body);
}

/* Buttons / CTAs -- section 3.6 primary CTA button spec */
.button,
button,
input[type="submit"],
input[type="button"],
.wp-block-button__link {
  background-color: var(--weels-cta-green) !important;
  border-color: var(--weels-cta-green) !important;
  border-radius: 16px !important;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #ffffff !important;
  box-shadow: 0 10px 20px 0 rgba(80, 196, 0, 0.4);
}
.button:hover,
button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
  background-color: #45ab00 !important;
  border-color: #45ab00 !important;
}