/* =========================
   Last Comments Widget
   ========================= */
.eg-comments-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.eg-comment-item {
  display: flex;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  transition: background 0.15s ease;
}

.eg-comment-item:last-child {
  border-bottom: none;
}

.eg-comment-item:hover {
  background: rgba(73, 181, 69, 0.04);
}

.eg-comment-item__avatar {
  flex-shrink: 0;
}

.eg-comment-item__avatar img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #e5e7eb;
  display: block;
}

.eg-comment-item__body {
  flex: 1;
  min-width: 0;
}

.eg-comment-item__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 4px;
}

.eg-comment-item__user {
  font-weight: 700;
  font-size: 13px;
  color: #1f2937;
  text-decoration: none;
}

.eg-comment-item__user:hover {
  color: #49b545;
  text-decoration: none;
}

.eg-comment-item__date {
  font-size: 11px;
  color: #9ca3af;
}

.eg-comment-item__title {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #49b545;
  text-decoration: none;
  margin-bottom: 4px;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.eg-comment-item__title:hover {
  text-decoration: underline;
}

.eg-comment-item__text {
  font-size: 12px;
  color: #6b7280;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* =========================
   MOBILE RESPONSIVE
   ========================= */
@media (max-width: 1024px) {
  .main_nav {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .main_nav::-webkit-scrollbar { display: none; }
  .nav-link { padding: 8px 10px; font-size: 12px; gap: 5px; }
  .nav-link svg { width: 14px; height: 14px; flex-shrink: 0; }
  .main_nav ul { gap: 6px; }
}

@media (max-width: 768px) {
  :root {
    --header-top-h: 55px;
  }

  /* Show burger */
  .header_mobile_btns { display: block; }
  .nav_main { display: inline-flex; }

  /* Top bar always on top */
  .header_top {
    position: fixed !important;
    top: 0; left: 0; right: 0;
    z-index: calc(var(--z-header) + 10) !important;
  }

  /* Hide label text on buttons */
  .nav_profile span { display: none; }
  .mobile-only { display: inline-flex; }

  /* Banner - account for fixed header */
  .header_banner {
    padding: 0;
    margin-top: var(--header-top-h);
  }
  .header_banner .logo img { border-radius: 0; }

  /* Offcanvas: Main Nav (burger) */
  .main_nav {
    position: fixed !important;
    top: var(--header-top-h) !important;
    left: -340px !important;
    width: 300px !important;
    height: calc(100vh - var(--header-top-h)) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    padding: 12px !important;
    background: #23242a !important;
    z-index: calc(var(--z-overlay) + 1000) !important;
    transition: left 0.25s ease !important;
    pointer-events: none !important;
    box-sizing: border-box;
  }
  .main_nav.is-open {
    left: 0 !important;
    pointer-events: auto !important;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.3);
  }
  .main_nav ul {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 6px;
  }
  .main_nav .nav-link {
    width: 100%;
    padding: 14px 18px;
  }
  .main_nav .nav-link span { display: inline; }

  /* Offcanvas: Aside Left (categories) */
  .aside_l {
    position: fixed !important;
    top: var(--header-top-h) !important;
    left: -340px !important;
    width: 300px !important;
    height: calc(100vh - var(--header-top-h)) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    background: #fff !important;
    z-index: calc(var(--z-overlay) + 1500) !important;
    transition: left 0.25s ease !important;
    pointer-events: none !important;
    box-sizing: border-box;
    padding-bottom: 80px !important;
  }
  .aside_l.open_panel {
    left: 0 !important;
    pointer-events: auto !important;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.3);
  }

  /* Search responsive */
  .search-wrapper { flex-direction: column; }
  .search-input-group { min-width: 100% !important; }
  .search-buttons { width: 100%; }
  .btn-search { flex: 1; justify-content: center; }

  /* Slider */
  .slider-title { font-size: 20px; }

  /* Touch targets */
  .nav_main, .nav_cats, .nav_profile {
    touch-action: manipulation;
  }

  /* Translate dropdown - full width on mobile */
  .eg-translate__dropdown {
    position: fixed;
    top: var(--header-top-h);
    right: 0;
    left: 0;
    width: 100%;
    border-radius: 0 0 12px 12px;
  }
  .eg-translate__links {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (max-width: 480px) {
  .header_top .container-header { padding: 10px 12px; }
  .search-input { padding: 12px 45px 12px 58px; font-size: 14px; }
  .header_search { padding: 20px 10px; }
  .header_slider { padding: 20px 10px; }
  .slider-title { font-size: 18px; }

  .eg-translate__links {
    grid-template-columns: 1fr 1fr;
  }
}

/* Desktop: hide site-overlay */
@media (min-width: 1025px) {
  .site-overlay { display: none; }
}