/* WordPress alignment classes */
.alignleft { float: left; margin: 0 20px 20px 0; }
.alignright { float: right; margin: 0 0 20px 20px; }
.aligncenter { display: block; margin: 20px auto; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 0.85rem; color: var(--sg-text-muted); margin-top: 8px; }

/* Screen reader text */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px; width: 1px;
  overflow: hidden;
}

/* ===== SEARCH FORM ===== */
.search-form {
  display: flex;
  gap: 8px;
}

.search-form .search-field {
  flex: 1;
  padding: 12px 16px;
  background: var(--sg-bg);
  border: 1px solid var(--sg-border);
  border-radius: 8px;
  color: var(--sg-text);
  font-size: 0.95rem;
}

.search-form .search-field:focus {
  outline: none;
  border-color: var(--sg-neon-blue);
}

.search-form .search-submit {
  padding: 12px 24px;
  background: var(--sg-neon-blue);
  color: var(--sg-bg);
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
}

/* ===== PAGINATION ===== */
.pagination {
  margin-top: 48px;
  text-align: center;
}

.pagination .nav-links {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

.pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid var(--sg-border);
  color: var(--sg-text-muted);
  font-size: 0.9rem;
  transition: all .2s;
}

.pagination .page-numbers:hover,
.pagination .page-numbers.current {
  background: var(--sg-neon-blue);
  color: var(--sg-bg);
  border-color: var(--sg-neon-blue);
}

/* ===== COMMENTS ===== */
.comment-list .comment {
  padding: 20px;
  margin-bottom: 16px;
  background: var(--sg-card);
  border: 1px solid var(--sg-border);
  border-radius: var(--sg-radius);
}

.comment-list .comment-author img {
  border-radius: 50%;
  margin-right: 12px;
  vertical-align: middle;
}

.comment-list .comment-author .fn {
  font-weight: 600;
  color: var(--sg-text);
}

.comment-list .comment-meta {
  font-size: 0.8rem;
  color: var(--sg-text-muted);
  margin-bottom: 8px;
}

.comment-form label {
  display: block;
  margin-bottom: 6px;
  color: var(--sg-text);
  font-weight: 500;
  font-size: 0.9rem;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
  width: 100%;
  padding: 12px 16px;
  background: var(--sg-bg);
  border: 1px solid var(--sg-border);
  border-radius: 8px;
  color: var(--sg-text);
  font-size: 0.95rem;
  margin-bottom: 16px;
}

.comment-form input:focus,
.comment-form textarea:focus {
  outline: none;
  border-color: var(--sg-neon-blue);
}

.comment-form .form-submit input {
  padding: 12px 28px;
  background: var(--sg-neon-blue);
  color: var(--sg-bg);
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all .2s;
}

.comment-form .form-submit input:hover {
  box-shadow: 0 4px 20px rgba(0,191,255,0.3);
}