/* ATTS Parity blocks — header slider, sidebar banners, friends, poll. */

/* ---------- Header slider (fixed height + cross-fade) ---------- */
.atts-slider {
  position: relative;
  width: 700px;
  max-width: 100%;
  height: 180px;            /* fixed: slides are 700x180, so no height jump */
  margin: 8px auto 0;
  overflow: hidden;
  border-radius: 4px;
}
.atts-slide {
  position: absolute;       /* stack slides so they cross-fade in place */
  inset: 0;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  text-align: center;
}
.atts-slide.is-active { opacity: 1; }
.atts-slide a,
.atts-slide img {
  display: block;
  width: 100%;
  height: 100%;
}
.atts-slide img {
  object-fit: cover;        /* fill the 700x180 frame without distortion */
  border-radius: 4px;
}

/* ---------- Sidebar banners & friends ---------- */
.atts-banners,
.atts-friends { list-style: none; margin: 0; padding: 0; }
.atts-banners li,
.atts-friends li { margin: 0 0 10px; text-align: center; }
.atts-banners img,
.atts-friends img { max-width: 100%; height: auto; }
.atts-friends img { border: 1px solid #e0e0e0; background: #fff; }

/* ---------- Poll ---------- */
.poll-question { font-weight: bold; margin-bottom: 10px; }
.atts-parity-poll-form .form-item { margin: 4px 0; }
.poll-results { margin-top: 6px; }

/* Poll voting form (apklausos listing + node page), like D7. */
.atts-poll .form-radios .form-item { margin: 3px 0; }
.atts-poll .form-radios label { font-weight: normal; }
.atts-poll .form-actions { margin-top: 10px; }
.atts-poll input[type="submit"] {
  font-size: 0.95em;
  padding: 4px 14px;
  border-radius: 4px;
  border: 1px solid #b8b8b8;
  background: #ececec;
  color: #222;
  cursor: pointer;
  margin-right: 6px;
}
.atts-poll input[type="submit"]:hover { background: #e0e0e0; }
/* The secondary (results / back) button is the prominent blue one in D7. */
.atts-poll input[name^="results_"],
.atts-poll input[name^="back_"] {
  display: inline-block;
  margin-top: 8px;
  background: #0071b3;
  border-color: #005a8c;
  color: #fff;
  font-weight: bold;
}
.atts-poll input[name^="results_"]:hover,
.atts-poll input[name^="back_"]:hover { background: #018fe2; }
.poll-bar { margin: 6px 0; font-size: 0.92em; }
.poll-label { display: block; }
.poll-meter {
  display: inline-block;
  width: 70%;
  height: 12px;
  background: #e3e3dc;
  border-radius: 6px;
  overflow: hidden;
  vertical-align: middle;
}
.poll-fill { display: block; height: 100%; background: #0779bf; }
.poll-pct { font-size: 0.85em; color: #555; margin-left: 6px; }
.poll-total { margin-top: 8px; font-size: 0.85em; color: #555; }