/* ========================================================================== */
/*  CUSTOM CSS OVERRIDES                                                      */
/*  This file contains all user-defined CSS that extends or overrides the     */
/*  default Chirpy theme. Organize styles by section for clarity.             */
/* ========================================================================== */


/* ========================================================================== */
/*  SIDEBAR                                                                   */
/* ========================================================================== */

/* Fix Edge flexbox margin-collapse issue under the profile block */
#sidebar .profile-wrapper {
  padding-bottom: 2rem;
}

/* Tagline styling */
#sidebar .site-subtitle {
  white-space: normal;
  line-height: 1.3;
}

/* Remove dot that separates toggle from icons */
#sidebar .icon-border {
  display: none;
}

/* Hide theme toggle completely when theme_mode is forced */
#sidebar #theme-switch {
  display: none !important;
}

/* Optional: hide avatar if the image fails to load */
#sidebar #avatar img[onerror] {
  display: none;
}

/* Optional: improve icon/text spacing in nav links */
#sidebar .nav-link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* Optional: spacing for bottom contact icons */
#sidebar .sidebar-bottom {
  gap: 0.75rem;
}



/* ========================================================================== */
/*  FUTURE CUSTOM SECTIONS                                                    */
/* ========================================================================== */

/* 
   Add additional custom styling below as needed.

   Example:
   -----------------------------------------
   /* POSTS */
   #post-title { ... }

   /* FOOTER */
   #footer { ... }

   /* MOBILE NAV */
   #mobile-nav { ... }
   -----------------------------------------
*/