/* =========================
   Base typography tweaks
   ========================= */
.page__content,
.page__content p,
.page__content li {
  text-align: justify !important;
}

/* =========================
   Quick links buttons
   ========================= */
.quick-links .btn:hover {
  background-color: #5c1620;
  border-color: #5c1620;
  text-decoration: none;
}

/* =========================
   Navigation bar typography
   ========================= */
.masthead,
.masthead__menu-item {
  font-family: "Inter", sans-serif;
  font-weight: 500;
}

/* =========================
   Sidebar (profile) typography
   ========================= */
.author__content,
.author__bio {
  font-family: "Inter", sans-serif;
}

/* =========================
   Links
   ========================= */
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/* =========================
   News badges (pill) – FIXED
   ========================= */
.news-badge {
  display: inline-block;
  padding: 0.2em 0.65em;
  margin-right: 0.5em;
  border-radius: 999px;
  font-size: 0.85em;
  font-weight: 700;
  line-height: 1.2;
  vertical-align: middle;
  white-space: nowrap;

  /* LIGHT MODE */
  color: #064a57;                      /* koyu teal */
  background: rgba(99, 231, 255, 0.18); /* biraz daha soft */
  border: 1px solid rgba(99, 231, 255, 0.6);
}

/* DARK MODE */
html.dark .news-badge,
[data-theme="dark"] .news-badge {
  color: #eaffff;
  background: rgba(99, 231, 255, 0.25);
  border: 1px solid rgba(99, 231, 255, 0.5);
}

/* Subtle hover to feel clickable (optional) */
.news-badge:hover {
  filter: brightness(1.08);
}

/* Pulse animation (for "new" items) */
@keyframes badgePulse {
  0%   { box-shadow: 0 0 0 0 rgba(99, 231, 255, 0.55); }
  70%  { box-shadow: 0 0 0 10px rgba(99, 231, 255, 0.00); }
  100% { box-shadow: 0 0 0 0 rgba(99, 231, 255, 0.00); }
}

.news-badge.pulse {
  animation: badgePulse 1.8s ease-out infinite;
}

/* Respect reduced-motion accessibility preference */
@media (prefers-reduced-motion: reduce) {
  .news-badge.pulse {
    animation: none;
  }
}

/* =========================
   <details> (Older news) styling
   ========================= */
details {
  margin-top: 0.6rem;
}

details > summary {
  cursor: pointer;
  user-select: none;
  color: inherit;
  font-weight: 600;
  margin-bottom: 0.35rem;
}

/* Make summary look slightly "link-like" on hover */
details > summary:hover {
  text-decoration: underline;
}

/* Small spacing inside details */
details[open] {
  margin-bottom: 0.2rem;
}

/* =========================
   Optional: nicer spacing for News list
   (works well with Markdown bullets)
   ========================= */
.page__content ul {
  margin-top: 0.4rem;
}
.page__content ul li {
  margin-bottom: 0.35rem;
}

/* Hide page titles globally (Minimal Mistakes) */
.page__title,
#page-title,
.page__header {
  display: none !important;
}

/* Hide the big page title block (Minimal Mistakes) */
.page__inner-wrap > header,
.page__inner-wrap > h1.page__title,
.page__title {
  display: none !important;
}

/* Mobile nav fix: keep hamburger working */
@media (max-width: 768px){
  /* visible-links'i zorla kapatma -> greedy-nav bozuluyor */
  .masthead__menu .visible-links{ display:flex !important; }

  /* hamburger butonu her zaman görünsün */
  .greedy-nav__toggle{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }
}

/* FORCE hamburger to show even if theme JS fails */
@media (max-width: 768px){
  .greedy-nav__toggle,
  .greedy-nav__toggle.hidden{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}