/* ============================================================
   Concreting Services — WordPress content & chrome tweaks
   (custom logo, editor content, forms, pagination, etc.)
   ============================================================ */

/* Custom logo in the header */
.brand-logo img { max-height: 56px; width: auto; display: block; }

/* Editor / page content inside the brand frame */
.entry-content { font-size: 1.05rem; }
.entry-content h2, .entry-content h3, .entry-content h4 { margin-top: 1.4em; }
.entry-content img { border-radius: var(--radius); margin: 1.2em 0; }
.entry-content a { text-decoration: underline; }
.entry-content ul, .entry-content ol { margin-bottom: 1.2em; }
.entry-content blockquote { border-left: 4px solid var(--accent); margin: 1.4em 0; padding: 6px 0 6px 22px; color: var(--text-soft); font-style: italic; }
.entry-content .alignleft { float: left; margin-right: 24px; }
.entry-content .alignright { float: right; margin-left: 24px; }
.entry-content .wp-caption { max-width: 100%; }
.entry-content .wp-caption-text { font-size: .85rem; color: var(--text-soft); font-style: italic; }

/* Alignfull / alignwide in editor */
.alignwide { margin-inline: -40px; max-width: none; }
.alignfull { margin-inline: calc(50% - 50vw); max-width: 100vw; }

/* Search form inside hero (light-on-dark) */
.page-hero .search-form { display: flex; margin-top: 20px; max-width: 480px; }
.page-hero .search-form .search-field { flex: 1; border: 1px solid var(--line-dark); border-radius: var(--radius-sm) 0 0 var(--radius-sm); padding: 12px 14px; font: inherit; background: rgba(255,255,255,.08); color: #fff; }
.page-hero .search-form .search-submit { border: 0; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; background: var(--accent); color: #fff; font-family: var(--font-display); text-transform: uppercase; font-weight: 700; letter-spacing: 1px; padding: 0 18px; cursor: pointer; }

/* Standard search form on light pages */
.search-form { display: flex; max-width: 480px; }
.search-form .search-field { flex: 1; border: 1px solid var(--line); border-radius: var(--radius-sm) 0 0 var(--radius-sm); padding: 12px 14px; font: inherit; background: #fff; }
.search-form .search-submit { border: 0; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; background: var(--charcoal); color: #fff; font-family: var(--font-display); text-transform: uppercase; font-weight: 700; padding: 0 18px; cursor: pointer; }

/* Pagination */
.pagination { margin-top: 40px; text-align: center; }
.pagination .nav-links { display: inline-flex; gap: 8px; flex-wrap: wrap; }
.pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 12px; border: 1px solid var(--line); background: #fff; border-radius: var(--radius-sm); font-weight: 700; }
.pagination .page-numbers.current { background: var(--charcoal); color: #fff; border-color: var(--charcoal); }
.pagination a.page-numbers:hover { border-color: var(--accent); color: var(--accent-dark); }

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

/* Screen-reader text used by WP widgets etc. */
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* Guttenberg tables inside entry content */
.entry-content table { border-collapse: collapse; width: 100%; margin: 1.4em 0; }
.entry-content th, .entry-content td { border: 1px solid var(--line); padding: 10px 12px; text-align: left; }

/* Comments (kept simple) */
.comments-area { max-width: 860px; margin: 40px auto; }