/* =========================================================================
   Copper & Oak – WordPress bridge
   Maps the original template's markup onto WordPress core blocks and dynamic
   template parts. Loaded after collection.css / batch.css / batch-identities.css.
   ========================================================================= */

/* ---- Block wrappers --------------------------------------------------- */
.wp-block-group{margin:0}
.wp-block-buttons{margin:0;gap:0}
.wp-block-image{margin:0}
.wp-block-image img{height:auto}
.wp-block-shortcode{margin:0}
.oak-cover{position:relative}

/* ---- Buttons ---------------------------------------------------------- */
.wp-block-button__link{border-radius:0;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:13px 20px;font-size:12px;font-weight:600;line-height:1.75;text-decoration:none}
.wp-block-button__link:hover{background:var(--accent);border-color:var(--accent);color:var(--paper)}

/* "Copper arrow link" = the template's .text-link */
.wp-block-buttons:has(.is-style-copper-link){margin-top:21px}
.wp-block-button.is-style-copper-link .wp-block-button__link{display:inline-flex;align-items:center;gap:25px;padding:0 0 5px;border:0;border-bottom:1px solid currentColor;border-radius:0;background:none;color:inherit;font-size:11px;font-weight:650;line-height:1.75;box-shadow:none}
.wp-block-button.is-style-copper-link .wp-block-button__link::after{content:"\2197";font-size:19px;font-weight:400}
.wp-block-button.is-style-copper-link .wp-block-button__link:hover{background:none;color:var(--accent);border-color:currentColor}

/* "Copper solid button" = the template's .button */
.wp-block-button.is-style-copper-button .wp-block-button__link{background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:13px 20px}
.wp-block-button.is-style-copper-button .wp-block-button__link:hover{background:var(--accent);border-color:var(--accent)}

/* Arrow links inside the template's grid/flex sections */
.section-head .wp-block-buttons{margin:0}
.section-head .wp-block-button.is-style-copper-link .wp-block-button__link{border-bottom:0;white-space:nowrap}
.batch .publication-note .wp-block-buttons{grid-column:2;justify-self:start}
.contact-banner .wp-block-buttons{margin:0}
.contact-top .contact-information .wp-block-buttons{justify-self:start;margin:0}
.batch .contact-information .wp-block-buttons{margin-top:20px}
.contact-top .contact-information .wp-block-buttons{margin-top:0}

/* ---- Home feature (image block as .feature-image) ---------------------- */
.wp-block-image.feature-image{margin:0}
.wp-block-image.feature-image>a{display:block;height:100%;overflow:hidden}
.wp-block-image.feature-image img{width:100%;height:100%;object-fit:cover}
.feature-caption .meta{margin-top:17px}
.feature-caption h2 a:hover{color:var(--accent)}

/* ---- About ------------------------------------------------------------ */
.value>.value-num{font-size:11px;color:var(--accent)}
.about-opening .wp-block-image{margin:0}
.about-opening .wp-block-image img{width:100%;height:480px;object-fit:cover}

/* ---- Contact ---------------------------------------------------------- */
.contact-information .email{font-size:17px;overflow-wrap:anywhere}
.contact-information .email a:hover{color:var(--accent)}
.form{position:relative}
.form-status{font-size:12px;background:var(--paper);padding:15px;margin-top:20px}
.form .button{width:100%;cursor:pointer}

/* ---- Blogs listing (server-rendered) ---------------------------------- */
a.filter{display:inline-block;text-decoration:none;line-height:1.75}
.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:39px;height:39px;padding:0 6px;border:1px solid var(--line);background:none;color:var(--ink);font-size:12px}
.pagination a:hover{border-color:var(--ink)}
.pagination .current{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pagination .dots{border-color:transparent}
.search-field input[type=search]{-webkit-appearance:none;appearance:none;border-radius:0}
.blog-list>.story-card{min-width:0}

/* ---- Articles --------------------------------------------------------- */
.article-layout.no-toc{grid-template-columns:minmax(0,680px)}
.article-image{display:block;margin-inline:auto;object-fit:cover}
.prose .article-end{margin-top:35px}
.related .section-head .text-link{margin:0;border-bottom:0}

/* ---- Rich-text styling shared by posts (.prose) and any new page ------- */
.prose h3,.co-page-content>h3{font-size:26px;line-height:1.25;margin:28px 0 14px}
.prose h4,.co-page-content>h4{font-size:20px;line-height:1.3;margin:24px 0 12px;font-family:var(--head);font-weight:600}
.prose ul,.prose ol,.co-page-content>ul,.co-page-content>ol{font-size:16px;line-height:1.9;margin:0 0 23px;padding-left:1.3em}
.prose li,.co-page-content li{margin-bottom:6px}
.prose blockquote,.co-page-content>blockquote{margin:30px 0;padding:6px 0 6px 24px;border-left:3px solid var(--accent);color:var(--muted);font-family:var(--head);font-size:22px;line-height:1.5}
.prose blockquote p,.co-page-content blockquote p{font-size:inherit;line-height:inherit;margin-bottom:10px}
.prose a:not(.wp-block-button__link):not(.text-link),.co-page-content a:not(.wp-block-button__link):not(.text-link):not(.button){color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.prose img,.co-page-content img{max-width:100%;height:auto}
.prose figure,.co-page-content>figure{margin:30px 0}
.prose hr,.co-page-content>hr{border:0;border-top:1px solid var(--line);margin:35px 0}
.prose table,.co-page-content table{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:23px}
.prose th,.prose td,.co-page-content th,.co-page-content td{border:1px solid var(--line);padding:10px 12px;text-align:left}
.prose pre,.co-page-content pre{background:var(--soft);padding:16px;overflow:auto;font-size:13px}
.prose figcaption,.co-page-content figcaption{font-size:11px;color:var(--muted);margin-top:8px}

/* ---- Default page template (page.php) --------------------------------- */
.co-page-content{padding-bottom:20px}
.co-page-content>p{font-size:16px;line-height:1.95;margin-bottom:23px}
.co-page-content>h2{font-size:36px;line-height:1.2;margin:35px 0 18px;scroll-margin-top:30px}
.co-page-content>:is(p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote,pre,hr,table,.wp-block-buttons,.wp-block-shortcode,.form,.wp-block-quote,.wp-block-list){max-width:780px}
.co-page-content>.wp-block-group,.co-page-content>.wp-block-columns,.co-page-content>.alignwide,.co-page-content>.alignfull{max-width:none}
.co-page-content .wp-block-columns{display:flex;gap:35px;margin-bottom:30px}
.co-page-content .wp-block-column{flex:1;min-width:0}
.co-page-content>.wp-block-group{margin-bottom:35px}
.co-page-content .form{margin-bottom:30px}
.co-page-content .alignleft{float:left;margin:0 25px 15px 0}
.co-page-content .alignright{float:right;margin:0 0 15px 25px}
.co-page-content::after{content:"";display:block;clear:both}
.wp-block-separator{border:0;border-top:1px solid var(--line)}

@media (max-width:760px){
	.section-head .wp-block-button.is-style-copper-link .wp-block-button__link{font-size:10px;gap:12px}
	.about-opening .wp-block-image img{height:340px}
	.co-page-content>p,.prose ul,.prose ol,.co-page-content>ul,.co-page-content>ol{font-size:15px}
	.co-page-content>h2{font-size:32px}
	.co-page-content .wp-block-columns{flex-direction:column;gap:20px}
	.pagination{flex-wrap:wrap}
}