/*
Theme Name: Voteit.Biz
Text Domain: cdt-templates
*/

/* WordPress additions only; the design lives in assets/css/style.css. */

/* Listing visuals without an image show the business initials */
.ph-initials { display: none; }
.is-empty > .ph-initials {
  position: absolute; inset: 0; display: grid; place-items: center;
  font-family: var(--serif); font-size: clamp(1.4rem, 1rem + 2vw, 2.6rem); font-weight: 500; letter-spacing: 0.02em;
  color: var(--sage-800, #364236); background: var(--sage-100, #e6ece4);
}
.listing-detail-logo-card,
.az-hero__card-media { position: relative; overflow: hidden; }
.az-hero__card-media.is-empty > .ph-initials,
.listing-detail-logo-card.is-empty > .ph-initials { font-size: 22px; border-radius: inherit; }
.az-class-card__media.is-empty { min-height: 0; }

/* Card titles carry the business-name link */
.az-class-card__title a,
.pan-lst h3 a,
.pan-proj__card h3 a,
.listing-detail-title-row h1 a { color: inherit; }
.az-class-card__title a:hover,
.pan-lst h3 a:hover,
.pan-proj__card h3 a:hover { color: var(--sage, #5e745d); }

/* GMB highlight / attribute icons: PNG masks in the design's icon colour */
.single-listing-detail-card__icon .ico,
.feat-grid .ico {
  display: inline-block; flex: none; width: 22px; height: 22px;
  background-color: var(--sage-800, #364236);
  -webkit-mask: var(--icon) center / contain no-repeat; mask: var(--icon) center / contain no-repeat;
}
.single-listing-detail-card__icon svg,
.feat-grid svg { width: 22px; height: 22px; color: var(--sage-800, #364236); }

/* Back to top */
.back-to-top { display: grid; place-items:center; line-height: 1; }

/* Pagination */
.pagination { margin-top: 48px; }
.pagination ul.page-numbers { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0; padding: 0; list-style: none; }
.pagination .page-numbers li { margin: 0; }
.pagination a.page-numbers,
.pagination span.page-numbers {
  display: inline-grid; place-items: center; min-width: 44px; height: 44px; padding: 0 14px;
  border: 1px solid var(--line, #e2ddd3); border-radius: 999px; background: var(--card, #fff);
  font-weight: 600; color: var(--ink-2, #2b2f2a); transition: background 0.3s, color 0.3s, border-color 0.3s;
}
.pagination a.page-numbers:hover { border-color: var(--sage, #5e745d); color: var(--sage-800, #364236); }
.pagination span.page-numbers.current { background: var(--sage-800, #364236); border-color: var(--sage-800, #364236); color: #fff; }
.pagination span.page-numbers.dots { border: 0; background: none; }

/* Empty states and form notices */
.cdt-empty { padding: 48px 24px; text-align: center; background: var(--card, #fff); border: 1px solid var(--line, #e2ddd3); border-radius: var(--r-lg, 18px); }
.cdt-empty p { margin: 0 0 18px; font-size: 17px; }
.cdt-empty .az-search-dock__chips { margin-top: 0; }
.form-ok,
.form-note { grid-column: 1 / -1; margin: 0 0 18px; padding: 14px 18px; border-radius: var(--r-md, 12px); font-weight: 600; }
.form-ok { color: var(--sage-800, #364236); background: var(--sage-100, #e6ece4); }
.form-note { color: #8a1f1f; background: #fdecec; }
.cdt-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Category page sidebar: full-width "All categories" button under the list */
.category-single-sidebar__all { display: flex; justify-content: center; width: 100%; margin-top: 14px; }
.category-single-sidebar__link.is-current { background: var(--sage-50, #f1f4ef); color: var(--sage-800, #364236); }

/* Links inside listing / post copy stay visible */
.listing-detail-panel p a,
.renvia-blog-details__main p a { text-decoration: underline; }

/* Blog share icons */
.renvia-blog-sidebar .footer-social-links__list { display: flex; flex-wrap: wrap; gap: 10px; }
.renvia-blog-sidebar .footer-social-links__list a {
  display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%;
  color: var(--sage-800, #364236); background: var(--sage-100, #e6ece4); transition: background 0.3s, color 0.3s;
}
.renvia-blog-sidebar .footer-social-links__list a:hover { color: #fff; background: var(--sage, #5e745d); }
.renvia-blog-sidebar .footer-social-links__list svg { width: 18px; height: 18px; fill: currentColor; }

/* Editor lists and quotes in posts use the design's article styles */
.renvia-blog-details__main > ul { display: grid; gap: 12px; margin: 22px 0 32px; padding: 0; list-style: none; }
.renvia-blog-details__main > ul li { position: relative; padding-left: 36px; font-size: 16.5px; color: var(--ink-2); }
.renvia-blog-details__main > ul li::before { content: "\2713"; position: absolute; left: 0; top: 1px; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; font-size: 12px; color: #fff; background: var(--sage); }
.renvia-blog-details__main > ol { margin: 22px 0 32px; padding-left: 22px; list-style: decimal; }
.renvia-blog-details__main > ol li { margin-bottom: 10px; font-size: 16.5px; color: var(--ink-2); }
.renvia-blog-details__main blockquote { position: relative; margin: 40px 0; padding: clamp(28px, 4vw, 44px) clamp(28px, 4vw, 48px); background: var(--sage-800); border-radius: var(--r-xl); color: #fff; }
.renvia-blog-details__main blockquote p { font-family: var(--serif); font-style: italic; font-size: clamp(1.2rem, 1rem + 0.7vw, 1.55rem); line-height: 1.5; letter-spacing: -0.02em; color: #fff; }
.renvia-blog-details__main .pinvoy-directory-faq { margin-top: 40px; }
.renvia-blog-details__main .pinvoy-directory-faq h3 { margin-bottom: 18px; }
.renvia-blog-details__main .post-navigation { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--line); }
.renvia-blog-details__main .post-navigation .nav-links { display: flex; justify-content: space-between; gap: 20px; font-family: var(--serif); }

/* Page / post body copy from the editor; legal pages use the full container */
.article--wide { max-width: none; }
.article--wide h2 { margin-top: 40px; }
.cdt-page-body > * + * { margin-top: 1em; }
.cdt-page-body img { max-width: 100%; height: auto; }