/* DevEng — WordPress integration styles (loaded after style.css) */

/* Menu: parent row + submenu toggle (toggle is only used on the homepage header) */
.menu-parent-row{display:flex;align-items:center}
.site-header:not(.mockup-header) .submenu-toggle{display:none}
.site-header:not(.mockup-header) .menu-parent-row>a{flex:1}
.site-menu .sub-menu li{position:static}
.site-menu .current-menu-ancestor>.menu-parent-row>a,.site-menu .current-menu-parent>.menu-parent-row>a{color:var(--orange)}
@media (max-width:900px){.site-header:not(.mockup-header) .site-menu .sub-menu a{font-size:13px;min-height:40px}}

/* Contact form */
.deveng-hp{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0}
.deveng-contact-form.is-sending{opacity:.7;pointer-events:none}
.static-contact-status.is-visible{display:block}
.static-contact-status.is-error{background:#fdecea;color:#8a1c1c}
.mock-form-card .static-contact-status.is-visible{margin-top:14px}

/* Blog listing */
.post-list{display:grid;gap:26px}
.post-card{padding:28px 30px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
.post-card .post-meta{margin:0 0 10px}
.post-card h2{margin:0 0 12px;font-family:var(--serif);font-size:clamp(24px,3vw,34px);line-height:1.12}
.post-card h2 a{color:var(--ink);text-decoration:none}
.post-card h2 a:hover{color:var(--green)}
.post-card p{margin:0 0 14px;color:#38423b}
.post-card .post-thumb{display:block;margin:0 0 18px;border-radius:12px;overflow:hidden}
.post-card .post-thumb img{display:block;width:100%;height:auto}
.search-form-card{margin:0 0 34px}
.search-form-card form>div{display:flex;gap:10px}
.search-form-card input[type="search"]{flex:1;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font:inherit}
.search-form-card button{padding:0 18px;border:0;border-radius:10px;background:var(--green);color:#fff;cursor:pointer}
.search-form-card button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.search-form-card label{display:block;margin:0 0 8px;font-weight:600}

/* Pagination + post navigation */
.pagination{margin-top:44px}
.pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px}
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:8px;color:var(--ink);text-decoration:none;font-weight:600}
.pagination .page-numbers.current{background:var(--green);border-color:var(--green);color:#fff}
.pagination .page-numbers svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.post-navigation{margin-top:46px;padding-top:24px;border-top:1px solid var(--line)}
.post-navigation .nav-links{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.post-navigation a{text-decoration:none;color:var(--green);font-weight:600}
.post-navigation .nav-next{text-align:right;margin-left:auto}

/* Single post / page content */
.prose img{max-width:100%;height:auto}
.prose .post-thumb{margin:0 0 28px;border-radius:14px;overflow:hidden}
.prose figure{margin:0 0 1.4em}
.prose figcaption,.wp-caption-text{margin-top:8px;font-size:13px;color:#6a746d}
.page-links{margin:24px 0 0}

/* WordPress core classes */
.alignleft{float:left;margin:.4em 1.6em 1em 0}
.alignright{float:right;margin:.4em 0 1em 1.6em}
.aligncenter{display:block;margin:1em auto;clear:both}
.alignwide,.alignfull{max-width:none;width:100%}
.wp-caption{max-width:100%}
.wp-caption img{display:block}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gallery-item{margin:0}
.sticky{position:relative}
.bypostauthor{display:block}
blockquote.wp-block-quote{border-left:4px solid var(--orange);padding-left:18px}

/* Comments */
.comments-area{margin-top:48px;padding-top:30px;border-top:1px solid var(--line)}
.comments-title,.comment-reply-title{font-family:var(--serif);font-size:28px;margin:0 0 20px}
.comment-list{list-style:none;margin:0;padding:0}
.comment-list .comment{padding:18px 0;border-bottom:1px solid var(--line)}
.comment-list .children{list-style:none;margin:0;padding-left:28px}
.comment-meta{font-size:13px;color:#6a746d;margin-bottom:8px}
.comment-author .avatar{width:36px;height:36px;border-radius:50%;vertical-align:middle;margin-right:8px}
.comment-form label{display:block;margin-bottom:6px;font-weight:600}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font:inherit}
.comment-form .form-submit{margin-top:16px}
.comment-form .submit{padding:14px 26px;border:0;border-radius:999px;background:var(--green);color:#fff;font-weight:700;cursor:pointer}
.comment-form .submit:hover{background:var(--green-2)}

/* Misc */
.error-page .button{margin-top:10px}
@media (max-width:640px){.post-card{padding:22px}.gallery{grid-template-columns:repeat(2,1fr)}}

/* Buttons inside prose content must keep their own colours (prose links are green). */
.prose a.button{text-decoration:none}
.prose a.button-green,.prose a.button-orange,.prose a.button-green:hover,.prose a.button-orange:hover{color:#fff}
.prose a.button-outline{color:var(--green-2)}
.prose a.button-outline:hover{color:#fff}