/* HaysVotes shared site styles -- loaded by the landing (index.html) AND every generated page
   (tools/generate_seo_pages.py), so the calendar and the "Who is HaysVotes?" footer are one
   copy. Self-contained: hex values, no dependence on either page's :root. Squared corners. */

/* ── early-voting calendar: every tile one neutral style (Gina, Sep 29) ── */
.evcal{list-style:none;margin:14px 0 8px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.evday{background:#fff;border:2px solid #122a4c;color:#122a4c;text-align:center;padding:0 2px 8px}
.evday span{display:block;margin:0 -2px;padding:3px 0;background:#f5c145;color:#122a4c;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.evday b{display:block;margin-top:6px;font-family:'Barlow Condensed','Barlow',sans-serif;font-size:19px;line-height:1.05;color:#122a4c}
.evday i{display:block;margin-top:3px;white-space:nowrap;font-style:normal;font-weight:700;font-size:13px;line-height:1.2;color:#122a4c}
.edaybar{display:flex;align-items:baseline;justify-content:center;gap:10px;flex-wrap:wrap;margin:6px 0 8px;padding:16px 14px;background:#122a4c;color:#fff}
.edaybar span{font-family:'Barlow Condensed','Barlow',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:24px;color:#f5c145}
.edaybar b{font-size:26px}
.edaybar i{font-style:normal;font-weight:700;font-size:23px;color:#ccd9ea;white-space:nowrap}
.evnote{margin:8px 0 0;color:#4a505a;font-size:14px}
@media(min-width:560px){.evcal{gap:8px}.evday b{font-size:24px}.evday span{font-size:14px}.evday i{font-size:16px}}
@media(min-width:760px){.evcal{grid-template-columns:repeat(6,1fr)}}

/* ── "Who is HaysVotes?" footer (same shape as VoteTexasValues; HaysVotes navy + gold) ── */
footer.about{background:#0a1a30;color:#e4ebf5;border-top:3px solid #f5c145;line-height:1.4;padding:0;text-align:left;font-size:16px}
footer.about .ab-in{max-width:1100px;margin:0 auto;padding:6px 18px 14px}
.ab-who summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:12px;min-height:44px}
.ab-who summary::-webkit-details-marker{display:none}
.ab-who summary::after{content:"▸";color:#f5c145;font-size:16px;line-height:1}
.ab-who[open] summary::after{content:"▾"}
.ab-who summary:focus-visible{outline:3px solid #f5c145;outline-offset:3px}
.ab-h{margin:0;font:800 22px/1 'Barlow Condensed','Barlow',sans-serif;text-transform:uppercase;letter-spacing:.03em;color:#fff}
.ab-body{max-width:720px;padding:8px 0 4px}
.ab-disc{margin:0 0 16px;font-size:16px;line-height:1.45;color:#e4ebf5}
.ab-disc a{color:#f5c145}
.ab-guides-h{margin:0 0 2px;font:800 20px/1.1 'Barlow Condensed','Barlow',sans-serif;text-transform:uppercase;letter-spacing:.02em;color:#fff}
.ab-guides-sub{margin:0 0 10px;font-size:16px;color:#c9d6ea}
.ab-guides{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ab-guides a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 12px;padding:9px 14px;border:2px solid rgba(245,193,69,.45);text-decoration:none;color:#fff;transition:background .2s ease,border-color .2s ease}
.ab-guides a:hover{background:rgba(245,193,69,.1);border-color:#f5c145}
.ab-guides a:focus-visible{outline:3px solid #f5c145;outline-offset:2px}
.ab-guides b{font:800 19px/1.15 'Barlow Condensed','Barlow',sans-serif;letter-spacing:.02em}
.ab-guides span{grid-column:1;font-size:16px;line-height:1.3;color:#c9d6ea}
.ab-guides i{grid-column:2;grid-row:1 / span 2;font-style:normal;font-size:18px;color:#f5c145}
.ab-guides a.here{background:#f5c145;border-color:#f5c145;color:#122a4c}
.ab-guides a.here span,.ab-guides a.here i{color:#122a4c}
.ab-fine{margin:16px 0 0;font-size:16px;color:#c9d6ea}

/* Address autocomplete dropdown (generated pages): every address box sits in .ac-wrap, its
   suggestions in .ac-list. Wired by DOOR_AC_JS in tools/generate_seo_pages.py. */
.ac-wrap{position:relative;flex:1 1 auto;min-width:0}
.ac-wrap input[type=text]{width:100%}
.ac-list{position:absolute;left:0;right:0;top:100%;z-index:60;background:#fff;border:2px solid #122a4c;
 border-radius:0;margin-top:6px;box-shadow:0 12px 30px rgba(0,0,0,.25);overflow:hidden;display:none;text-align:left}
.ac-list.on{display:block}
.ac-row{display:block;width:100%;text-align:left;padding:12px 14px;background:#fff;border:none;
 border-bottom:1px solid #eee7e4;cursor:pointer;font:600 16px/1.3 'Barlow',sans-serif;color:#122a4c}
.ac-row:last-child{border-bottom:none}
.ac-row:hover,.ac-row[aria-selected=true]{background:#fdf3da}