/* BizBookNow — dynamic additions (live data, blog, admin bar) */

/* Admin bar offset for the fixed header */
.admin-bar .bb-header{top:32px}
@media(max-width:782px){.admin-bar .bb-header{top:46px}}
@media(max-width:600px){.admin-bar .bb-header{top:0}}

/* Listing image = website screenshot, full width */
.homz-project-image.bb-shot{display:block;position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--surface,#f4f6f8)}
.homz-project-image.bb-shot img{width:100%;height:100%;object-fit:cover;object-position:top center;padding:0;border:0;border-radius:0;background:#fff}
.homz-project-slide:hover .homz-project-image.bb-shot img{transform:scale(1.03)}
.homz-project-image.bb-shot .homz-project-review-badge{position:absolute;top:10px;right:10px}
.bb-initials{display:grid;place-items:center;width:100%;height:100%;background:var(--teal,#205865);color:#fff;font-weight:600;font-size:34px;letter-spacing:.02em}
.homz-project-panel h3 a[target]{color:inherit}

/* Category photos in the marquee and sidebar (never icons) */
.bb-marquee__photo{overflow:hidden;padding:0}
.bb-marquee__photo img{width:100%;height:100%;object-fit:cover}
.bb-side-photo{overflow:hidden;padding:0}
.bb-side-photo img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.featured-category-card__image .bb-initials{aspect-ratio:3/2;border-radius:inherit}

/* Category hub: photo tiles instead of icons */
.bb-hub__tile.bb-hub__photo{padding:3px;overflow:visible}
.bb-hub__tile.bb-hub__photo img{width:100%;height:100%;object-fit:cover;border-radius:12px}

/* Detail hero */
.bb-initials--logo{border-radius:14px;font-size:26px}
.bb-shot-media{background:var(--surface)}
.bb-shot-media img{object-position:top center}
.bb-fact-text{font-size:16px !important;line-height:1.3}
.listing-detail-title-row h1 a{color:inherit}

/* Blog index: two cards per row beside the sidebar */
.bb-bloglayout .bb-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.bb-bloglayout .bb-blog-grid > :nth-child(3):last-child{display:flex}
.renvia-news-card__body h3 a{color:inherit}
.renvia-news-card__meta{flex-wrap:wrap}

/* Pager */
.bb-pager{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px;justify-content:center}
.bb-pager .page-numbers{display:grid;place-items:center;min-width:44px;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:600;transition:background-color .2s,color .2s,border-color .2s}
.bb-pager .page-numbers.current,.bb-pager a.page-numbers:hover{background:var(--teal);border-color:var(--teal);color:#fff}
.bb-pager .page-numbers.dots{border:0;background:none}

/* Empty states */
.bb-empty-state{grid-column:1/-1;text-align:center;padding:56px 24px;border:1px dashed var(--line-2);border-radius:20px;background:var(--surface)}
.bb-empty-state h3{margin:0 0 8px}
.bb-empty-state p{margin:0 0 20px;color:var(--muted,#525866)}

/* Blog sidebar search + CTA */
.bb-side-search{display:flex;gap:8px}
.bb-side-search input{flex:1;min-width:0;height:48px;padding:0 16px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit;font-size:15px}
.bb-side-search input:focus{outline:2px solid var(--teal);outline-offset:1px}
.bb-side-search button{flex:none;width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:12px;background:var(--teal);color:#fff;cursor:pointer}
.bb-side-cta p{margin:0 0 16px;font-size:15px;line-height:1.6;color:var(--muted,#525866)}

/* Post body */
.bb-entry > *:first-child{margin-top:0}
.bb-entry h2{margin:40px 0 12px;font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:-.025em}
.bb-entry h3{margin:32px 0 10px;font-size:clamp(1.25rem,2vw,1.5rem)}
.bb-entry p,.bb-entry ul,.bb-entry ol{margin:0 0 18px}
.bb-entry ul,.bb-entry ol{padding-left:22px}
.bb-entry li{margin-bottom:6px}
.bb-entry a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}
.bb-entry img{max-width:100%;height:auto;border-radius:16px}
.bb-entry blockquote{margin:28px 0;padding:20px 24px;border-left:4px solid var(--lime);background:var(--surface);border-radius:0 16px 16px 0}
.renvia-blog-details__featured{margin-bottom:28px}
.bb-entry--page{max-width:860px;margin:0 auto}

/* Post FAQ (design's pinvoy accordion) */
.bb-post-faq{margin:44px 0 8px}
.bb-post-faq > h3{margin:0 0 16px;font-size:clamp(1.5rem,2.4vw,1.875rem);letter-spacing:-.025em}
.pinvoy-directory-faq__answer > .bb-faq-a{min-height:0;overflow:hidden;padding:0 24px;opacity:0;transition:opacity .4s,padding .5s var(--ease-out)}
.pinvoy-directory-faq__item.is-open .pinvoy-directory-faq__answer > .bb-faq-a{padding-bottom:24px;opacity:1}
.bb-faq-a p{margin:0 0 10px;font-size:16px;line-height:1.7}
.bb-faq-a p:last-child{margin-bottom:0}

/* Tags + prev/next */
.bb-post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.bb-post-tags a{padding:6px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:14px;color:var(--ink)}
.bb-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
.bb-post-nav a{display:flex;flex-direction:column;gap:6px;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);transition:border-color .2s,transform .3s}
.bb-post-nav a:hover{border-color:var(--teal);transform:translateY(-2px)}
.bb-post-nav small{font-size:13px;color:var(--teal);font-weight:600}
.bb-post-nav b{font-size:16px;line-height:1.4;font-weight:600}
.bb-post-nav__next{text-align:right;grid-column:2}
.bb-post-nav.is-single{grid-template-columns:1fr}
.bb-post-nav.is-single .bb-post-nav__next{grid-column:1}

/* Privacy */
.bb-privacy__section{scroll-margin-top:calc(var(--header-h,80px) + 24px)}
.bb-privacy__section h2{margin-top:44px}
.bb-privacy__section:first-child h2{margin-top:0}

/* Footer about line */
.bb-footer__about{max-width:520px;margin:0;color:rgba(255,255,255,.75);font-size:15px;line-height:1.6}

@media (max-width:1100px){.bb-bloglayout .bb-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){
  .bb-bloglayout .bb-blog-grid{grid-template-columns:1fr}
  .bb-post-nav{grid-template-columns:1fr}
  .bb-post-nav__next{grid-column:1;text-align:left}
}
