/* Zero-flash system stacks */
:root {
}

/* Base text */
body, p, li {
  font-family: var(--body-font);
  color: #333333;
  /* Dark gray for contrast */
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading-font);
  color: #111111;
  /* Very dark gray, almost black */
  font-weight: 700;
  /* Keeps headers bold and clear */
}

/* additional stuff */
img.custom-logo {
  width: 100%;
  display: block;
  max-width: 100%;
  height: auto;
}

.site-title {
  display: none;
}

.search-form {
  width: 100%;
  font-weight: bold;
  color: black;
}

/* Sidebar image widgets */
.widget_media_image,
.widget_media_image .wp-block-image,
.widget_media_image figure.aligncenter,
.widget_media_image img {
  background-color: white !important;
  padding: 0 !important;
  margin: 0 auto !important;
  border: none !important;
}

.widget_media_image img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Search box text and placeholder */
.widget_search input[type="search"],
.widget_search input[type="search"]:focus {
  color: #222 !important;
}

.widget_search input::placeholder {
  color: #666 !important;
  opacity: 1 !important;
}

/* Contact form inputs and textarea: normal + focus states */
form input[type="text"],
form input[type="email"],
form textarea {
  color: #222 !important;
  background-color: #fff !important;
  border: 1px solid #888 !important;
}

form input[type="text"]:focus,
form input[type="email"]:focus,
form textarea:focus {
  border: 1px solid #333 !important;
  outline: none !important;
}

/* Contact form placeholder styling */
form input::placeholder,
form textarea::placeholder {
  color: #666 !important;
  opacity: 1 !important;
}

/* ========= Flash/layout fixes ========= */

/* Prevent faux-bold flicker on load */
html {
}

/* Reserve space for branding so it does not jump when logo loads */
.site-branding,
.site-header .site-logo,
.site-header .custom-logo-link {
  display: block;
  min-height: 120px;
  /* adjust to match your logo’s real height */
}

/* Prevent late-appearing WP.com elements from shifting content */
#jp-post-flair,
div.sharedaddy,
.wpcom-reblog-snapshot,
div#likes-other-gravatars,
.nav-links {
}

/* Desktop menu spacing */
@media (min-width: 1024px) {
  #site-navigation #menu-main-menu > li > a {
    font-size: 16px;
    margin-right: 20px;
    white-space: nowrap;
  }

  #site-navigation #menu-main-menu > li:last-child > a {
    margin-right: 0;
  }

  #site-navigation .jetpack-social-navigation ul li a {
    margin-left: 10px;
  }
}
/* Hide the floating bottom bar, including the site name
   and the WordPress/theme credits. */
#infinite-footer {
  display: none !important;
}
/* Hide the regular site footer, including the divider line
   and WordPress logo. */
#colophon {
  display: none !important;
}