/* =========================================
   Custom CSS overrides for Chirpy
   ========================================= */

/* Pinned post — wykrycie przez ikonę pinezki */
a.post-preview:has(i.fa-thumbtack) {
  border-left: 3px solid #2563eb;
  padding-left: 1rem;
}

/* Dark mode */
[data-mode="dark"] a.post-preview:has(i.fa-thumbtack) {
  border-left-color: #9ca3af;
}


/* ==========================================================================
   MPS: Sidebar – CONTACT (title + icons + copyright)
   ========================================================================== */

/* Title */
#sidebar .mps-sidebar-contact-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.9rem;
  color: var(--sidebar-muted-color);
}

/* Title decorative lines */
#sidebar .mps-sidebar-contact-title .line {
  flex: 1;
  height: 2px;
  background: currentColor;
  opacity: 0.45;
  max-width: 60px;
}

/* Center this specific sidebar-bottom block */
#sidebar .mps-contact-bottom {
  justify-content: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Copyright in this block */
#sidebar .mps-contact-bottom .mps-sidebar-contact-copyright {
  flex: 0 0 100% !important;
  width: 100% !important;
  text-align: center !important;
  margin-top: 0.2rem;
  font-size: 0.9rem;
  opacity: 0.75;
  color: var(--sidebar-muted-color);
}

/* 
  color: blue !important;
  color: red !important;
  */

/* ==========================================================================
   MPS: Show Home icon only on mobile
   ========================================================================== */

/* Mobile topbar cleanup */
@media (max-width: 991.98px) {
  /* Hide text labels (e.g. NEWSLETTER, RSS) and keep only icons */
/*
  nav[aria-label="Breadcrumb"] a span {
    display: none;
  }
*/
  /* Remove icon-text spacing to prevent horizontal overflow */
/*
  nav[aria-label="Breadcrumb"] a {
    gap: 0 !important;
  }
*/
  /* Optional: prevent tiny horizontal scroll on mobile */
  html, body {
    overflow-x: hidden;
  }
}

/* MPS: Topbar – add left padding on mobile (Newsletter icon too close) */
@media (max-width: 991.98px) {
  /* safest: shift whole topbar content slightly from the left edge */
  #topbar {
    padding-left: 1rem !important;
  }
}

/* Padding for home icon on mobile */
/*
@media (max-width: 768px) {
  #topbar a[aria-label="Home"] {
    padding-right: 1.5rem;
  }
}
*/

/* Disable search on mobile (nie mieści się) */
@media (max-width: 768px) {
  #search-trigger {
    display: none !important;
  }
}