/* [service-area] — lista de cidades com pin
   Cores: troque --rfais-pin e --rfais-sa-text no CSS do tema se precisar. */
.rfais-sa { --rfais-pin: #c3953f; --rfais-sa-text: #13345f; margin: 1em 0; }

ul.rfais-sa-list { column-count: 3; column-gap: 24px; margin: 0 !important; padding: 0 !important; list-style: none !important; }
ul.rfais-sa-list.rfais-sa-cols-1 { column-count: 1; }
ul.rfais-sa-list.rfais-sa-cols-2 { column-count: 2; }
ul.rfais-sa-list.rfais-sa-cols-4 { column-count: 4; }

ul.rfais-sa-list li { break-inside: avoid; margin: 0 !important; padding: 0 !important; list-style: none !important; line-height: 1.3; }
ul.rfais-sa-list li::before, ul.rfais-sa-list li::marker { content: none; }

ul.rfais-sa-list a { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 6px; color: var(--rfais-sa-text); font-size: 17px; font-weight: 500; text-decoration: none; transition: background-color .15s, color .15s; }
ul.rfais-sa-list a::before {
	content: ""; flex: 0 0 18px; width: 18px; height: 18px; background-color: var(--rfais-pin);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center / contain no-repeat;
	        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform .15s;
}
ul.rfais-sa-list a:hover, ul.rfais-sa-list a:focus-visible { background: rgba(195,149,63,.12); color: var(--rfais-sa-text); }
ul.rfais-sa-list a:hover::before { transform: translateY(-2px); }

/* Modo alfabético */
.rfais-sa-index { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 20px; }
.rfais-sa-index a { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 34px; border: 1px solid var(--rfais-pin); border-radius: 4px; color: var(--rfais-sa-text); font-weight: 700; text-decoration: none; }
.rfais-sa-index a:hover { background: var(--rfais-pin); color: #fff; }
.rfais-sa-group { margin-bottom: 18px; scroll-margin-top: 120px; }
.rfais-sa-letter { margin: 0 0 4px; padding: 0 0 4px; border-bottom: 2px solid var(--rfais-pin); color: var(--rfais-sa-text); }

@media (max-width: 980px) {
	ul.rfais-sa-list.rfais-sa-cols-3, ul.rfais-sa-list.rfais-sa-cols-4 { column-count: 2; }
}
@media (max-width: 600px) {
	ul.rfais-sa-list[class*="rfais-sa-cols-"] { column-count: 1; }
}
