/*
Theme Name: Onlinelocalbrand.Com
*/

/* WordPress-only additions. The design stylesheet is assets/css/style.css (enqueued). */

/* Pagination from paginate_links() */
.pagination{flex-wrap:wrap}
.pagination .page-numbers{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#fff;font-weight:600;color:var(--ink)}
.pagination .page-numbers.current,.pagination a.page-numbers:hover{background:var(--primary);color:#fff}
.pagination .page-numbers.dots{background:transparent}

/* Listing without an image: business-name initials */
.l-row .lg,.sl-logo{position:relative}
.ph-initials{display:none}
.is-empty>.ph-initials{position:absolute;inset:0;display:grid;place-items:center;background:var(--grad,linear-gradient(135deg,#9B2CF2,#FF8A1F));color:#fff;font-weight:700;letter-spacing:-.02em;font-size:clamp(28px,5vw,64px)}
.l-row .lg.is-empty>.ph-initials{font-size:22px}
.sl-logo.is-empty{padding:0;overflow:hidden}
.sl-logo>img{width:100%;height:100%;object-fit:contain}
.sl-logo.sl-logo--shot{width:288px;height:180px;padding:0;overflow:hidden}
@media (max-width:767px){.sl-logo.sl-logo--shot{width:192px;height:120px}}
.sl-logo--shot>img{max-height:none;object-fit:cover;object-position:top center}

/* Card rating next to the category */
.list-meta{flex-wrap:wrap}
.list-meta .list-rate{margin-left:auto;color:var(--ink);text-transform:none;letter-spacing:0}
.list-meta .list-rate .stars{color:#f5a623}

/* GMB highlight / attribute icons (tinted PNG) capped at 22px */
.feat-grid .ic svg,.feat-grid .ic img{width:22px;height:22px;max-width:22px;max-height:22px}
.gmb-ico{width:22px;height:22px;flex:none;display:inline-block;background-color:currentColor;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}
.kv small svg{width:16px;height:16px;vertical-align:-3px;margin-right:4px;color:var(--primary)}
.fact .fact-ic{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--bg);color:var(--primary);margin-bottom:12px}

/* Category term sidebar hugs its widgets; "All categories" is a full-width button */
.sidebar-card{align-self:start}
.btn-outline{width:100%;justify-content:center}
.w-list a.on{color:var(--primary);font-weight:600}

/* Sort select in the search results bar */
.sort-form{display:flex;gap:10px;align-items:center}
.sort-form .select{height:48px;padding:10px 20px;min-width:190px;background:#fff}

/* Forms: honeypot + status message */
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.nl-msg{max-width:620px;margin-top:12px}

/* Links inside editor copy (design sets a { text-decoration:none }) */
.sl-block p a,.legal-body p a,.article .inner p a{text-decoration:underline}

/* Privacy / default page copy uses the full container */
.legal-body.article--wide{max-width:none}

/* Back to top is a link now */
.back-top{place-items:center;text-decoration:none}

/* Blog post FAQ */
.post-faq{margin:10px 0 30px}