/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

/* -- Header z-index fix ----------------------------------------------------- */
/* SmartAdmin drops .app-header z-index to 1 in certain nav states, which       */
/* causes the profile dropdown to render behind main content on mobile.         */
.app-header {
  z-index: 1000 !important;
}

/* -- Legacy sidebar (editors, etc.) ---------------------------------------- */
#sidebar {
  min-width: 250px;
  max-width: 250px;
}

#content {
  width: 100%;
}

.wrapper {
  display: flex;
  width: 100%;
  align-items: stretch;
}

#sidebarCollapse {
  margin-left: auto;
}

/* -- Markdown content containment ------------------------------------------ */
.markdown-content {
  word-break: break-word;
  overflow-wrap: break-word;
}

/* -- Blog podcast view ---------------------------------------------------- */
.blog-podcast-card {
  background: linear-gradient(165deg, #020817, #020617 70%, #111827);
  color: #e5ecff;
}

.blog-podcast-card .markdown-content {
  color: #d2defd;
}

.blog-podcast-card .markdown-content a,
.podcast-source-link a {
  color: #9bb3ff;
}

.podcast-hero-image,
.podcast-hero-fallback {
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: 0.75rem;
}

.podcast-hero-image {
  object-fit: cover;
  display: block;
}

.podcast-hero-fallback {
  background: radial-gradient(circle at top right, rgba(59, 130, 246, 0.35), transparent 55%), #0f172a;
  border: 1px solid rgba(148, 163, 184, 0.2);
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 0.75rem;
}

.podcast-hero-fallback-label,
.podcast-kicker {
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  color: #9fb3ff;
  font-weight: 600;
}

.podcast-meta {
  color: rgba(229, 236, 255, 0.75);
}

.podcast-summary {
  color: rgba(229, 236, 255, 0.85);
  line-height: 1.7;
}

.podcast-player-shell {
  border: 1px solid rgba(148, 163, 184, 0.25);
  border-radius: 0.75rem;
  padding: 1rem;
  background: rgba(15, 23, 42, 0.55);
}

.podcast-player-shell audio {
  min-height: 42px;
}

/* -- SmartAdmin nav icon bridge for Font Awesome --------------------------- */
.primary-nav ul li a .nav-fa-icon {
  width: var(--app-nav-svgicon-size);
  min-width: var(--app-nav-svgicon-size);
  font-size: var(--app-nav-svgicon-size);
  line-height: 1;
  text-align: center;
  color: var(--app-nav-link-color);
}

.primary-nav ul li a:hover .nav-fa-icon {
  color: var(--app-nav-link-hover-color);
}

.nav-footer .nav-footer-link {
  color: var(--app-nav-link-color);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  text-decoration: none;
}

.nav-footer .nav-footer-link:hover,
.nav-footer .nav-footer-link.active {
  color: var(--app-nav-link-hover-color);
}

.nav-footer .nav-footer-icon {
  width: var(--app-nav-svgicon-size);
  min-width: var(--app-nav-svgicon-size);
}

/* -- App Logo theme switching ---------------------------------------------- */
.app-logo img {
  height: 28px;
  width: auto;
}

[data-bs-theme="dark"] .app-logo .logo-img-dark { display: none !important; }
[data-bs-theme="dark"] .app-logo .logo-img-light { display: block !important; }

[data-bs-theme="light"] .app-logo .logo-img-light { display: none !important; }
[data-bs-theme="light"] .app-logo .logo-img-dark { display: block !important; }

/* Default fallback */
.app-logo .logo-img-light { display: none; }
.app-logo .logo-img-dark { display: block; }

/* Force light logo in dark navbars */
.navbar-dark .app-logo .logo-img-dark { display: none !important; }
.navbar-dark .app-logo .logo-img-light { display: block !important; }

/* -- Theme mode icon switching --------------------------------------------- */
[data-bs-theme="light"] .sa-mode-dark { display: none !important; }
[data-bs-theme="dark"] .sa-mode-light { display: none !important; }

/* -- Layout fixes --------------------------------------------------------- */
/* Ensure content starts below the fixed header if the grid fails to space it */
.content-wrapper {
  padding-top: 1.5rem !important;
}