/* @@@@@ START TWEAKS @@@@@@ */

/* Mythos: show only the icon on the menu toggle; remove box */
header .site-nav-toggle,
header .menu-toggle,
header button[aria-controls],
header a[aria-controls]{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: .4rem;
  line-height: 1;
}

/* Hide the visible text label but keep the icon */
header .site-nav-toggle,
header .menu-toggle,
header button[aria-controls],
header a[aria-controls]{
  font-size: 0 !important;   /* hides text nodes only */
}

/* If the label is injected via a pseudo-element, kill it */
header .site-nav-toggle::after,
header .menu-toggle::after{ content: none !important; }

/* Keep the icon a sensible size (covers <svg> and font icons) */
header .site-nav-toggle svg,
header .menu-toggle svg,
header button[aria-controls] svg,
header a[aria-controls] svg{
  width: 1.25rem; height: 1.25rem;
}
header .site-nav-toggle i,
header .menu-toggle i{
  font-size: 1.25rem;
}

/* ——— Mythos: remove click/focus border outline from the menu icon ——— */
header .site-nav-toggle,
header .menu-toggle,
header button[aria-controls],
header a[aria-controls] {
  outline: none !important;
  box-shadow: none !important;
}

/* Also remove any theme-added outline when the button is active or focused */
header .site-nav-toggle:focus,
header .menu-toggle:focus,
header button[aria-controls]:focus,
header a[aria-controls]:focus,
header .site-nav-toggle:active,
header .menu-toggle:active,
header button[aria-controls]:active,
header a[aria-controls]:active {
  outline: none !important;
  box-shadow: none !important;
}

/* Optional accessibility-friendly tweak:
   If you still want a visible focus cue for keyboard users, you can instead use: 
   outline: 2px solid currentColor; outline-offset: 2px; */

/* Colour the hamburger my colour */
span.hamburger 
{ color: #8EA3C2 !important; 
}

/* Divider lines between posts */
hr {
  border: none;
  border-top: 1px solid #8EA3C2;
  opacity: 0.8;
  margin: 2rem 0;
}

/* Link hover accent (optional) */
a:hover {
  color: #8EA3C2;
}

/* Header site title: match old Hugo-style system UI stack */
header .site-title,
header .site-title a {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, "Apple Color Emoji",
               "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important;
  font-weight: 700;         /* adjust to 600 or 800 if your old title looked lighter/heavier */
  letter-spacing: 0.01em;   /* tiny tracking tweak; set to 0 if not needed */
  text-decoration: none;
}

/* v1.1 Subtle byline under header - Mythos theme */
.site-title::after {
  content: "ee on the internets";
  display: block;
  font-size: 0.75em;        /* smaller text */
  font-weight: 300;         /* lighter weight */
  color: #666;              /* soft neutral tone */
  margin-top: 0.15em;       /* slightly tighter spacing */
  letter-spacing: 0.04em;   /* gentle spacing for readability */
  opacity: 0.85;            /* softer appearance */
}

/* v1.2 Match Micro.blog post title to old wiwi.kiwi H1 */

/* Single-post pages: style the first heading as the main title */
main article h1:first-of-type,
main article h2:first-of-type,
article.h-entry h1:first-of-type,
article.h-entry h2:first-of-type {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 600;        /* a touch bolder, like your old H1 */
  font-size: 2.25rem;      /* close visual match to wiwi.kiwi */
  line-height: 1.18;       /* tighter, headline feel */
  letter-spacing: -0.01em; /* subtle tightening */
  color: #111;             /* dark neutral */
  margin: 0 0 0.45em 0;    /* small space under the title */
}

/* Make sure linked titles don’t show an underline on hover */
main article h1:first-of-type a,
main article h2:first-of-type a {
  text-decoration: none;
  color: inherit;
}
main article h1:first-of-type a:hover,
main article h2:first-of-type a:hover {
  color: #8EA3C2; /* optional: your accent on hover */
}

/* (Optional) Listing/index pages: bring titles closer to the new single-post look */
.post-title,
.entry-title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 1.75rem;
  line-height: 1.2;
  letter-spacing: -0.005em;
  color: #111;
  margin: 0 0 0.35em 0;
}
.post-title a:hover,
.entry-title a:hover {
  color: #8EA3C2 /* accent hover */
  text-decoration: none;
}

/* Small screens: scale smoothly so the title doesn’t dominate */
@media (max-width: 480px) {
  main article h1:first-of-type,
  main article h2:first-of-type,
  article.h-entry h1:first-of-type,
  article.h-entry h2:first-of-type {
    font-size: 1.9rem;
    line-height: 1.2;
  }
}

/* Images with captions should be full width */
figure {
  margin: 0;
}
/* ==== END OF TWEAKS (added for repeats)  ===== */