/*
Theme Name: Premiumfaves
*/

/* WordPress additions; the design itself is assets/css/style.css. */

.pagination { flex-wrap: wrap; }
.pagination .page-numbers { display: grid; place-items: center; min-width: 50px; height: 50px; padding: 0 12px; font-weight: 500; background-color: var(--grey-bg-2); color: var(--ink); }
.pagination a.page-numbers:hover, .pagination .page-numbers.current { background-color: var(--accent); }
.pagination .page-numbers.dots { background: none; }

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

.layout-sidebar > .sidebar { align-self: start; }

.ph-initials { display: none; font-family: var(--font-heading); font-size: 34px; line-height: 1; letter-spacing: .04em; color: var(--gold); }
.is-empty > .ph-initials { display: block; }
.listing-logo { position: relative; overflow: hidden; }
.case-thumb.is-shot { padding: 0; }
.case-thumb.is-shot img { width: 100%; height: 100%; max-height: none; object-fit: cover; object-position: top center; }
.listing-logo .ph-initials { font-size: 48px; }

.ico { display: inline-block; width: 22px; height: 22px; flex: none; background-color: var(--gold); -webkit-mask: var(--icon) center / contain no-repeat; mask: var(--icon) center / contain no-repeat; }
.highlight-item .ico, .highlight-item svg { width: 36px; height: 36px; }
.highlight-item:hover .ico { background-color: var(--ink); }
.amenity-list svg { color: var(--gold); }
.info-pair span svg { width: 18px; height: 18px; margin-right: 6px; vertical-align: -4px; color: var(--gold); }
.info-pair p { margin-top: 10px; font-size: 15px; }
.info-pair span span { display: inline; margin: 0; }

.contact-table .social-links a svg, .post-footer .social-links a svg { width: 16px; height: 16px; }

.detail-block p a, .post-content p a, .legal-content p a { text-decoration: underline; }
.legal-content.article--wide { max-width: none; }
.legal-content h3 { margin: 28px 0 12px; font-size: clamp(20px, 1.8vw, 26px); }

.form-note.is-error { color: #b42318; }
.contact-form .form-note { margin: 0 0 20px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.post-content .wp-block-image, .post-content figure { margin: 30px 0; }
.post-content img { height: auto; }
.page-content > * + * { margin-top: 18px; }

.error-page .hero-search { margin: 40px auto 0; max-width: 900px; }
.error-page .tag-cloud { justify-content: center; margin-top: 30px; }
