/* Pau Update - frontend styles
   Place this file at: pau-update/includes/style.css
*/

/* --- Marquee / container --- */
.pau-marquee{
  position: relative;
  padding: 10px 16px;
  border-radius: 6px;
  overflow: hidden;
  display:flex;
  align-items:center;
  gap: 12px;
  box-sizing: border-box;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

.pau-marquee marquee{
  flex: 1 1 auto;
  display:block;
  white-space: nowrap;
  font-size: 15px;
  line-height:1.6;
  background: transparent;
  border: none;
}

.pau-marquee marquee a{
  display:inline-block;
  margin-right: 24px;
  text-decoration: none;
  font-weight: 600;
  padding: 2px 4px;
  border-radius: 3px;
  transition: opacity .15s ease, transform .15s ease;
}
.pau-marquee marquee a:focus,
.pau-marquee marquee a:hover{
  opacity: .85;
  transform: translateY(-1px);
}

/* View More button (on right of marquee) */
.pau-view-more{
  flex: 0 0 auto;
  margin-left: 12px;
  text-decoration: none;
  padding: 8px 12px;
  border-radius: 4px;
  background: #0073aa;
  color:#fff;
  font-weight:600;
  border: none;
  transition: background .15s ease, transform .08s ease;
}
.pau-view-more:hover{ background:#005177; transform: translateY(-1px); }