@import url('./_tokens.css');
@import url('./_modal.css');
@import url('./_forms.css');
@import url('./_buttons.css');

/* Vote Intent specific tweaks */
.pif-vote-intent__context{display:grid;gap:4px;margin-bottom:calc(var(--c-gap-2) * .75)}
/* Force smaller subtitle inside migration state; increase specificity and use !important to beat theme defaults */
.pif-vote-intent__migration .pif-vote-intent__subtitle{font-size:1.3rem !important;line-height:1.1 !important;margin:2px 0 2px !important;font-weight:600 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pif-vote-intent__lead{margin:2px 0 4px}
.pif-vote-intent__plan{margin:2px 0 6px;text-align:center;color:var(--c-color-success,#0a6);font-weight:600}
.pif-vote-intent__charity-name{font-weight:700}
.pif-actions{display:grid;gap:calc(var(--c-gap-2)*1.35);margin-top:8px}
.pif-actions__tertiary{margin-top:12px;margin-bottom:12px;padding-top:10px;border-top:1px solid rgba(0,0,0,.06);text-align:center}
.pif-actions__tertiary .c-link{color:var(--c-color-success,#0a6)}
.pif-actions__tertiary .c-link:hover{color:var(--c-color-primary)}

/* Utilities */
.u-hidden{display:none !important}
.is-muted{color:var(--c-color-text-muted)}
.sr-only{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.c-link{color:var(--c-color-primary);text-decoration:underline;cursor:pointer}
.c-link[aria-disabled="true"]{opacity:.6;pointer-events:none;cursor:default}

/* Email input spacing within the vote intent modal */
#pif-vote-intent-modal #pif-vote-intent-email{
  margin-top:10px;
  margin-bottom:10px;
  padding-top:.8em;
  padding-bottom:.8em;
}

/* Subtle border for secondary action for clearer affordance */
#pif-vote-intent-modal .c-btn.c-btn--secondary{
  border:1px solid rgba(0,0,0,.10);
}
#pif-vote-intent-modal .c-btn.c-btn--secondary:hover{
  border-color: rgba(0,0,0,.14);
}
