/* C:\xampp\htdocs\ahaondeag\public\assets\stylesheets\pages\ideas.css */

/* ----------------------------
   Page frame
---------------------------- */

.page{
  padding-top: var(--space-1a);
}

.page--ideas .ideas-container{
  max-width: 48rem;
  margin: 0 auto;
}

.page--ideas h1{
  margin: 0 0 var(--space-2);
  text-align: center;
}
.page--ideas h1{
  margin: 0 0 var(--space-2);
  text-align: center;
}

.page--ideas .ideas-container > .content > p{
  margin: 0 0 var(--space-2);
}

/* ----------------------------
   Idea cards (new 3-row layout)
---------------------------- */

.page--ideas .idea-card{
  margin: 0 0 var(--space-5);
  position: relative;
  padding: var(--space-2);
}


/* Ensure disabled buttons don't look like browser defaults */
.icon-btn[disabled]{
  pointer-events: none;
}



@keyframes voteFlash{
  0%   { background: color-mix(in srgb, var(--irish-green) 25%, #fff); }
  50%  { background: color-mix(in srgb, var(--irish-green) 12%, #fff); }
  100% { background: transparent; }
}

.idea-card--vote-success{
  animation: voteFlash 1.5s ease;
}

.ideas-intro{
  margin: 0 0 var(--space-3);
  text-align: center;
}

.ideas-subnav{
  padding: 0;
  display:flex;
    align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:.6rem;
  /* margin:0 0 var(--space-5); */
}

.ideas-pill{
  display:inline-flex;
  align-items:center;
  gap:.35rem;

  font-size:.9rem;
  text-decoration:none;

  padding:.35rem .7rem;

  border-radius:999px;
  border:1px solid var(--border);

  background:#fff;

  transition:
    background .15s ease,
    border-color .15s ease,
    transform .08s ease;
}

.ideas-pill:hover{
  background:color-mix(in srgb, var(--irish-green) 6%, #fff);
  border-color:color-mix(in srgb, var(--irish-green) 25%, var(--border));
  transform:translateY(-1px);
}

.ideas-pill:focus-visible{
  outline:2px solid var(--aha-link);
  outline-offset:2px;
}

/* members-only note */
.ideas-pill__note{
  font-size:.8rem;
  color:var(--text-muted);
}

/* locked appearance */
.ideas-pill--locked{
  opacity:.9;
}

.ideas-pill__count{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-width:1.4rem;
  height:1.4rem;

  padding:0 .35rem;

  font-size:.75rem;
  font-weight:600;

  border-radius:999px;

  background:var(--irish-orange);
  color:#fff;
}

.ideas-pill--active{
  background: color-mix(in srgb, var(--irish-green) 10%, #fff);
  border-color: color-mix(in srgb, var(--irish-green) 35%, var(--border));
  font-weight: 600;
}

.ideas-empty{
  margin: 0 0 var(--space-4);
  text-align: center;
  color: var(--text-muted);
}

.ideas-back{
  margin: var(--space-4) 0 0;
  text-align: left;
}

.ideas-back{
  margin: var(--space-5) 0 0;
  text-align: left;
}

.ideas-pill--back{
  padding: .45rem .9rem;
}