/**
 * Davinci — global site-wide styles.
 *
 * Applies to every page regardless of which design (old/new toggle, see
 * inc/design-toggle.php) is active. #page-container is Divi's outer content
 * wrapper; the header sits fixed/absolute above it, so every page needs top
 * padding or its first section renders underneath the nav.
 *
 * Enqueued unconditionally in functions.php (my_theme_enqueue_styles) —
 * unlike css/dmf-new-design.css, this is NOT gated behind the design
 * toggle. Don't add per-page top padding/margin to compensate for header
 * height — this rule already covers it site-wide.
 */

#page-container {
  padding-top: 130px;
}

/*
 * Generated blog posts (inc/blog-posts.php adds .dmf-blog-post) are Divi
 * posts but carry a full-page design like a page. Remove the spacing that
 * Divi's single-post wrapper (single.php: .container > #left-area >
 * article.et_pb_post) adds around the content, plus its empty trailing
 * post-meta block, so they render edge to edge like pages do.
 */
.dmf-blog-post #main-content .container {
  width: 100%;
  max-width: 100%;
  padding: 0;
}
.dmf-blog-post #left-area,
.dmf-blog-post article.et_pb_post,
.dmf-blog-post article.et_pb_post > .entry-content {
  margin: 0;
  padding: 0;
}
.dmf-blog-post article.et_pb_post > .et_post_meta_wrapper {
  display: none;
}

/*
 * Feature and stat icons as full-color Noto Emoji on a tile tinted by theme,
 * per the Davinci Icon Inventory audit.
 * Noto Emoji: Copyright 2013 Google LLC, https://github.com/googlefonts/noto-emoji,
 * Apache License 2.0. The SVGs are modified (minified, embedded as data URIs);
 * license and notice: licenses/noto-emoji-LICENSE.txt in this theme. The emoji is an
 * <img> (SVG data URI) so the pages' own "color every svg orange" rules can't
 * recolor it. Each icon box keeps its page class (size, radius) and adds
 * .dmf-noto plus one .dmf-hue-* theme class.
 */
.dmf-hue-money   { --dmf-hue: #34c77b; }
.dmf-hue-growth  { --dmf-hue: #4ea8ff; }
.dmf-hue-speed   { --dmf-hue: #f7b733; }
.dmf-hue-ops     { --dmf-hue: #2ec4b6; }
.dmf-hue-data    { --dmf-hue: #a17cff; }
.dmf-hue-protect { --dmf-hue: #fa6e1d; }
.dmf-hue-risk    { --dmf-hue: #ff6b6b; }
.dmf-noto.dmf-noto {
  background: color-mix(in srgb, var(--dmf-hue, #fa6e1d) 16%, #0d1b2a) !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dmf-hue, #fa6e1d) 30%, transparent) !important;
}
.dmf-noto.dmf-noto > img.dmf-noto-img {
  display: block;
  width: 62%;
  height: 62%;
  margin: 0;
  object-fit: contain;
}