/* Local Edge Pro dynamic additions */

/* WordPress admin bar */
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }

/* Website screenshots: initials when a listing has no website or both screenshot services fail */
.le-shot > img { object-position: top center; }
.le-initials {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: linear-gradient(140deg, #06122F 0%, #1D3A8A 100%);
    color: #fff;
    font-family: var(--font-head);
    font-weight: 600;
    font-size: clamp(2rem, 4vw, 3.2rem);
    letter-spacing: -.03em;
}

/* Initials tile in place of the design's sample SVG logos */
.lcard__logo.le-logo, .le-logo {
    display: grid;
    place-items: center;
    background: #06122F;
    color: #fff;
    font-family: var(--font-head);
    font-weight: 600;
    font-size: 1.15rem;
    letter-spacing: -.02em;
}
.le-logo--lg { width: 64px; height: 64px; flex: none; border-radius: 14px; font-size: 1.5rem; }
.lcard__foot .le-host { color: var(--muted); font-size: .9rem; }

/* Business name links keep the heading colour */
.lcard h3 a, .le-title a { color: inherit; }
.le-title { margin: .4rem 0 0; }
.le-title a:hover { color: var(--accent); }

/* Unfilled stars */
.stars .le-star-off { opacity: .28; }

/* Category photos in the marquee and the A-Z list (never icons) */
.marquee__track a .le-mq-img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; flex: none; }
.az-group li a { display: inline-flex; align-items: center; gap: .55rem; }
.az-group .le-az-img { width: 28px; height: 28px; border-radius: 8px; object-fit: cover; flex: none; }

/* Pagination: previous arrow */
.pager .le-prev svg { transform: rotate(180deg); }

/* Detail page */
.le-content > :last-child { margin-bottom: 0; }
.le-content img { max-width: 100%; height: auto; }
.le-rv2 { grid-template-columns: 1fr; }
.le-video { position: relative; aspect-ratio: 16 / 9; }
.le-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.le-loc--nomap { grid-template-columns: 1fr; }
.le-quote__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.6rem; margin-top: 1.2rem; }

/* Footer: latest articles in place of the newsletter form */
.le-news-posts { list-style: none; margin: 0; padding: 0; }
.le-news-posts li { display: flex; justify-content: space-between; gap: 1rem; padding: .75rem 0; border-bottom: 1px solid var(--line-dark); }
.le-news-posts a { color: #fff; font-weight: 500; }
.le-news-posts a:hover { color: var(--accent); }
.le-news-posts span { flex: none; color: #8C97B8; font-size: .9rem; }

/* Blog post FAQ: the design's .faq accordion, + closed / − open */
.le-post-faq { margin: 3rem 0 1rem; }
.le-post-faq h2 { margin-bottom: 1rem; }
.le-post-faq .faq details[open] summary::after { transform: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306122F' stroke-width='2'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E"); }
.le-post-faq .faq details > div p { margin: 0 0 .8rem; }

/* Privacy policy date and default page content */
.le-updated { color: var(--muted); }
.le-page-content > :first-child { margin-top: 0; }
