/* Categorias visuais do diretório público. Mantém o status (cliente/conhecida)
   separado da natureza do serviço prestado. */
.directory-page .locator-category-badge{display:inline-flex;align-items:center;gap:5px;margin-left:6px;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;line-height:1;white-space:nowrap;background:#f8fafc;color:#475569;border:1px solid #e2e8f0}
.directory-page .locator-category-badge::before{content:'';width:13px;height:13px;background-repeat:no-repeat;background-position:center;background-size:13px 13px}

.directory-page .category-construction::before,.directory-page .public-locator-marker.category-construction::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M2 20h20v2H2v-2zm2-2V8h4v10H4zm6 0V3h4v15h-4zm6 0v-7h4v7h-4z'/%3E%3C/svg%3E")}
.directory-page .category-waste::before,.directory-page .public-locator-marker.category-waste::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M5 4h14l-1 17H6L5 4zm3-3h8l1 2H7l1-2z'/%3E%3C/svg%3E")}
.directory-page .category-party::before,.directory-page .public-locator-marker.category-party::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='m3 21 6-18 4 4 4 4-14 10zm11-15 2-2 2 2-2 2-2-2zm4 5 2-2 2 2-2 2-2-2zM12 2h2v3h-2V2z'/%3E%3C/svg%3E")}
.directory-page .category-furniture::before,.directory-page .public-locator-marker.category-furniture::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M4 3h16v8h-2v10h-2v-8H8v8H6V11H4V3zm2 2v6h12V5H6z'/%3E%3C/svg%3E")}
.directory-page .category-recreation::before,.directory-page .public-locator-marker.category-recreation::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7 6h10l3 5v6a3 3 0 0 1-3 3h-1l-3-4h-2l-3 4H7a3 3 0 0 1-3-3v-6l3-5zm2 5H7v2H5v2h2v2h2v-2h2v-2H9v-2zm7 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm3-3-1-3H6L5 9h14z'/%3E%3C/svg%3E")}

.directory-page .locator-category-badge.category-construction{color:#92400e;background:#fffbeb;border-color:#fde68a}
.directory-page .locator-category-badge.category-waste{color:#0f766e;background:#f0fdfa;border-color:#99f6e4}
.directory-page .locator-category-badge.category-party{color:#be185d;background:#fdf2f8;border-color:#fbcfe8}
.directory-page .locator-category-badge.category-furniture{color:#7c2d12;background:#fff7ed;border-color:#fed7aa}
.directory-page .locator-category-badge.category-recreation{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}
.directory-page .locator-category-badge::before{filter:none}
.directory-page .locator-category-badge.category-construction::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2392400e' d='M2 20h20v2H2v-2zm2-2V8h4v10H4zm6 0V3h4v15h-4zm6 0v-7h4v7h-4z'/%3E%3C/svg%3E")}
.directory-page .locator-category-badge.category-waste::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230f766e' d='M5 4h14l-1 17H6L5 4zm3-3h8l1 2H7l1-2z'/%3E%3C/svg%3E")}
.directory-page .locator-category-badge.category-party::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23be185d' d='m3 21 6-18 4 4 4 4-14 10zm11-15 2-2 2 2-2 2-2-2zm4 5 2-2 2 2-2 2-2-2zM12 2h2v3h-2V2z'/%3E%3C/svg%3E")}
.directory-page .locator-category-badge.category-furniture::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%237c2d12' d='M4 3h16v8h-2v10h-2v-8H8v8H6V11H4V3zm2 2v6h12V5H6z'/%3E%3C/svg%3E")}
.directory-page .locator-category-badge.category-recreation::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231d4ed8' d='M7 6h10l3 5v6a3 3 0 0 1-3 3h-1l-3-4h-2l-3 4H7a3 3 0 0 1-3-3v-6l3-5zm2 5H7v2H5v2h2v2h2v-2h2v-2H9v-2zm7 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm3-3-1-3H6L5 9h14z'/%3E%3C/svg%3E")}

.directory-page .public-locator-marker.category-construction{--ql-pin:#d97706;--ql-pin-shadow:rgba(217,119,6,.38)}
.directory-page .public-locator-marker.category-waste{--ql-pin:#0f766e;--ql-pin-shadow:rgba(15,118,110,.38)}
.directory-page .public-locator-marker.category-party{--ql-pin:#db2777;--ql-pin-shadow:rgba(219,39,119,.38)}
.directory-page .public-locator-marker.category-furniture{--ql-pin:#c2410c;--ql-pin-shadow:rgba(194,65,12,.38)}
.directory-page .public-locator-marker.category-recreation{--ql-pin:#2563eb;--ql-pin-shadow:rgba(37,99,235,.38)}

/* Cliente continua reconhecível com um anel verde, mesmo quando a cor do pin representa a categoria. */
.directory-page .public-locator-marker.customer.category-construction::before,
.directory-page .public-locator-marker.customer.category-waste::before,
.directory-page .public-locator-marker.customer.category-party::before,
.directory-page .public-locator-marker.customer.category-furniture::before,
.directory-page .public-locator-marker.customer.category-recreation::before{border-color:#dcfce7;outline:3px solid #16a34a;outline-offset:2px}

@media(max-width:620px){.directory-page .locator-category-badge{margin-left:0;margin-top:5px}}