/*
 Theme Name:   GeneratePress Child
 Template:     generatepress
 Version:      1.0
*/

/* ===== Revolution808: track archive styling ===== */
.track-archive .track-card{
  margin: 0 0 1.25rem;
  padding: 1rem;
  border: 1px solid rgba(0,0,0,0.10);
  border-radius: 12px;
}
.track-card-title{ margin: 0 0 .25rem; }
.track-card-meta{ opacity: .85; margin: 0 0 .5rem; }
.track-card-focus{ margin: .5rem 0 .75rem; }


/* ===== Revolution808: Feedback / Comments styling ===== */

.track-feedback {
  margin-top: 2.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(0,0,0,0.08);
}

.track-feedback .feedback-note {
  margin: 0.75rem 0 1.25rem;
  opacity: 0.9;
}

.track-feedback .comment-respond {
  margin-top: 1.25rem;
  padding: 1rem;
  border: 1px solid rgba(0,0,0,0.10);
  border-radius: 12px;
}

.track-feedback .comment-form textarea {
  min-height: 140px;
}

.track-feedback .comment-form-comment label,
.track-feedback .comment-form-author label,
.track-feedback .comment-form-email label {
  font-weight: 600;
}

.track-feedback .form-submit {
  margin-top: 0.75rem;
}

.track-feedback .comment-form input[type="text"],
.track-feedback .comment-form input[type="email"],
.track-feedback .comment-form input[type="url"],
.track-feedback .comment-form textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border-radius: 10px;
}

/* Make the comment list read like feedback cards */
.track-feedback .comment-list {
  list-style: none;
  margin: 1.25rem 0 0;
  padding: 0;
}

.track-feedback .comment-list .comment {
  margin: 0 0 1rem;
  padding: 1rem;
  border: 1px solid rgba(0,0,0,0.10);
  border-radius: 12px;
}

.track-feedback .comment-meta {
  margin-bottom: 0.5rem;
  font-size: 0.95em;
  opacity: 0.85;
}

.track-feedback .comment-content {
  margin-top: 0.5rem;
}

.track-feedback .reply a {
  display: inline-block;
  margin-top: 0.75rem;
  text-decoration: none;
}

/* Tighten the "X thoughts on" heading */
.track-feedback .comments-title {
  margin-top: 1.25rem;
}
/*
* CSS debug code
  body:before {
  content: "CSS-LOADED";
  position: fixed;
  bottom: 10px;
  right: 10px;
  padding: 6px 10px;
  font-size: 12px;
  background: #000;
  color: #fff;
  z-index: 999999;
  border-radius: 8px;
  opacity: 0.8;
}
*/

/* ===== Revolution808: Feedback / Comments styling (robust selectors) ===== */

.track-feedback,
.comments-area {
  margin-top: 2.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(0,0,0,0.08);
}

.track-feedback .feedback-note {
  margin: 0.75rem 0 1.25rem;
  opacity: 0.9;
}

/* Comment list as cards */
.track-feedback .comment-list,
.comments-area .comment-list {
  list-style: none;
  margin: 1.25rem 0 0;
  padding: 0;
}

.track-feedback .comment-list .comment,
.comments-area .comment-list .comment {
  margin: 0 0 1rem;
  padding: 1rem;
  border: 1px solid rgba(0,0,0,0.10);
  border-radius: 12px;
}

/* Form box */
.track-feedback .comment-respond,
.comments-area .comment-respond {
  margin-top: 1.25rem;
  padding: 1rem;
  border: 1px solid rgba(0,0,0,0.10);
  border-radius: 12px;
}

.track-feedback .comment-form textarea,
.comments-area .comment-form textarea {
  min-height: 140px;
}

.track-feedback .comment-form input[type="text"],
.track-feedback .comment-form input[type="email"],
.track-feedback .comment-form input[type="url"],
.track-feedback .comment-form textarea,
.comments-area .comment-form input[type="text"],
.comments-area .comment-form input[type="email"],
.comments-area .comment-form input[type="url"],
.comments-area .comment-form textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border-radius: 10px;
}
/* Hide WP/Theme default comments title inside Feedback section */
.track-feedback .comments-title {
  display: none;
}

/* Style our custom feedback count heading */
.track-feedback .r808-feedback-count {
  margin: 1rem 0 1rem;
}