/* Sitemap Viewer Custom Styles - Condensed by Default */
.sitemap-container { padding: 1rem 0; background-color: transparent; box-shadow: none; }
.sitemap-controls { margin-bottom: 1.5rem; display: flex; align-items: center; }
.sitemap-search-box { display: flex; width: 100%; max-width: 500px; position: relative; }
.sitemap-search-box input { width: 100%; padding: 0.75rem 1rem; font-size: 1rem; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 4px; background-color: rgba(0, 0, 0, 0.2); color: var(--text-color); }
.sitemap-search-box input:focus { outline: none; border-color: var(--accent-color); }

/* Total Count */
.sitemap-total-count { background-color: rgba(0, 0, 0, 0.2); padding: 1rem; border-radius: 6px; margin-bottom: 2rem; color: var(--light-text); font-weight: bold; font-size: 1.1rem; }
.total-count-value { background-color: var(--secondary-color); color: var(--light-text); padding: 0.25rem 0.75rem; border-radius: 10px; margin-left: 0.5rem; }

/* Condensed Section Styling */
.sitemap-section { margin-bottom: 2rem; border: none; background: transparent; padding: 0; box-shadow: none; }
.sitemap-section h2 { margin-bottom: 0.75rem; padding-bottom: 0.5rem; border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: var(--light-text); font-size: 1.5rem; display: flex; align-items: center; }
.section-count { font-size: 1rem; font-weight: normal; opacity: 0.8; margin-left: 0.5rem; }

/* Search results count */
.search-results-count { background-color: var(--secondary-color); color: var(--light-text); padding: 0.5rem 1rem; border-radius: 4px; margin-left: 1rem; font-size: 0.9rem; }

/* Condensed Row Format */
.sitemap-items { display: flex; flex-direction: column; gap: 0.35rem; }
.sitemap-item { display: flex; align-items: center; background-color: rgba(0, 0, 0, 0.2); border-radius: 4px; padding: 0.5rem 0.75rem; transition: all 0.2s ease; border-left: 3px solid var(--accent-color); margin-bottom: 0.25rem; }
.sitemap-item:hover { transform: translateY(-2px); background-color: rgba(0, 0, 0, 0.3); }

/* Section color coding */
.sitemap-item.articles-section { border-left-color: var(--accent-color); }
.sitemap-item.pages-section { border-left-color: var(--primary-green); }
.sitemap-item.videos-section { border-left-color: var(--bold-violet); }

/* Row Content Layout */
.sitemap-date { flex: 0 0 8rem; font-size: 0.85rem; color: var(--link-color); }
.sitemap-link { flex: 1; font-weight: 500; color: var(--light-text); text-decoration: none; border-bottom: none; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sitemap-link:hover { color: var(--link-color); background-color: transparent; text-decoration: underline; border-bottom: none; }

/* Section indicators */
.sitemap-section-indicator { margin-left: 0.75rem; padding: 0.15rem 0.4rem; border-radius: 3px; font-size: 0.75rem; color: var(--light-text); }
.section-indicator-articles { background-color: var(--accent-color); }
.section-indicator-pages { background-color: var(--primary-green); }
.section-indicator-videos { background-color: var(--primary-color); }

.sitemap-error { background-color: rgba(240, 12, 147, 0.25); border-left: 4px solid red; padding: 1rem; margin: 1rem 0; border-radius: 4px; }

/* Override any conflicting styles */
.sitemap-container a { border-bottom: none; background-color: transparent; }
.sitemap-container a:hover { border-bottom: none; background-color: transparent; }

/* Responsive adjustments */
@media (max-width: 768px) {
  .sitemap-date { flex: 0 0 5rem; font-size: 0.75rem; }
  .sitemap-section-indicator { font-size: 0.7rem; padding: 0.1rem 0.3rem; }
  .search-results-count { margin-left: 0; margin-top: 0.5rem; width: 100%; text-align: center; }
}

@media (max-width: 480px) {
  .sitemap-item { padding: 0.35rem 0.5rem; }
  .sitemap-date { flex: 0 0 4rem; }
}