/* Petition form — inherits theme accent like the rest of the plugin. */
.lir-petition { max-width: 640px; }
.lir-petition__ask { font-size: 1.05rem; line-height: 1.6; margin: 0 0 1rem; }
.lir-petition__count { margin: 0 0 16px; font-size: 1rem; }
.lir-petition__count strong { font-size: 1.5rem; }
.lir-petition__target { color: #767676; }
.lir-petition__bar {
	display: block; height: 8px; border-radius: 99px;
	background: rgba(0,0,0,.08); overflow: hidden; margin-top: 8px;
}
.lir-petition__bar i { display: block; height: 100%; background: var(--wp--preset--color--accent-1, #eb0045); }
.lir-petition__row { display: grid; gap: 12px; grid-template-columns: repeat(3, 1fr); }
.lir-petition__row label { display: block; font-weight: 500; margin-bottom: 4px; font-size: 14px; }
.lir-petition__row input {
	width: 100%; padding: 10px 12px; border: 1px solid #ccc;
	border-radius: 6px; font: inherit; background: #fff;
}
.lir-petition__row input:focus-visible { outline: 2px solid var(--wp--preset--color--accent-1, #eb0045); outline-offset: 1px; }
.lir-petition__consent,
.lir-petition__optin { display: flex; align-items: flex-start; gap: 9px; margin: 16px 0 0; font-size: .93rem; line-height: 1.5; }
.lir-petition__consent input,
.lir-petition__optin input { margin-top: 3px; flex: none; }
/* The petition tick is the important one, so it is visually the heavier. */
.lir-petition__consent { padding: 12px 14px; background: rgba(0,0,0,.03); border-radius: 8px; }
.lir-petition__optin { color: #5b544c; font-size: .88rem; }
.lir-petition__err { color: var(--wp--preset--color--accent-1, #eb0045); font-size: .87rem; margin: 12px 0 0; min-height: 1em; }
.lir-petition__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.lir-petition__note { font-size: .84rem; color: #767676; margin: 10px 0 0; }
.lir-petition__done { font-size: 1.05rem; line-height: 1.6; margin: 0; }
@media (max-width: 640px) { .lir-petition__row { grid-template-columns: 1fr; } }