/* WordPress-specific additions to the HELICS design (styles.css is the original design). */

/* Accessibility */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.skip-link:focus{clip:auto;clip-path:none;height:auto;width:auto;left:12px;top:12px;z-index:100000;background:#fff;color:var(--navy);padding:12px 16px;border-radius:10px;box-shadow:var(--shadow)}

/* Admin bar offset for the fixed header */
.admin-bar .header{top:32px}
@media(max-width:782px){.admin-bar .header{top:46px}.admin-bar .mobile-nav{top:122px}}
@media(max-width:600px){.admin-bar .header{top:0}.admin-bar .mobile-nav{top:76px}}

/* Custom logo keeps the original sizing */
.brand .custom-logo-link{display:flex;align-items:center}

/* Page-specific hero image on blog posts (overrides the default water image) */
.page-hero.blog-detail-hero.service-page-hero{background-image:linear-gradient(100deg,rgba(3,17,37,.93),rgba(3,17,37,.55)),var(--service-hero)!important}

/* Service lead text comes from the editor */
.service-lead p{margin:0 0 14px}.service-lead p:last-child{margin-bottom:0}

/* Gallery items link to their project */
.gallery figure>a{display:block;height:100%}

/* Project category filter */
.helics-filter{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.helics-filter a{padding:9px 16px;border:1px solid var(--line);border-radius:100px;font-size:12px;font-weight:800;letter-spacing:.04em;transition:var(--ease)}
.helics-filter a:hover,.helics-filter a.active{background:var(--navy);border-color:var(--navy);color:#fff}

/* Blog card title link */
.blog-card-body h3 a:hover{color:#06a9cf}

/* Editor content */
.entry-content>*+*{margin-top:18px}
.entry-content a{color:#0790b0;text-decoration:underline;text-underline-offset:3px}
.entry-content ul,.entry-content ol{padding-left:22px;color:#536170}
.entry-content li{margin:6px 0}
.entry-content blockquote{border-left:3px solid var(--blue);padding:6px 0 6px 20px;font-size:18px;color:var(--ink)}
.entry-content img{height:auto;border-radius:16px}
.entry-content figure{margin:28px 0}
.entry-content figcaption{font-size:12px;color:var(--muted);margin-top:8px}
.entry-content table{width:100%;border-collapse:collapse;font-size:14px}
.entry-content th,.entry-content td{border:1px solid var(--line);padding:10px 12px;text-align:left}
.entry-content h2{font:800 clamp(28px,3vw,40px)/1.1 Manrope;letter-spacing:-.04em;margin-top:38px}
.entry-content h4{font:800 19px Manrope;margin-top:28px}
.copy .wp-block-image,.copy figure{margin-top:17px}
.alignleft{float:left;margin:6px 24px 16px 0}.alignright{float:right;margin:6px 0 16px 24px}.aligncenter{margin-left:auto;margin-right:auto}
.wp-caption{max-width:100%}.wp-caption-text{font-size:12px;color:var(--muted)}

/* Generic page content width */
.page-template-default .entry-content{max-width:860px}

/* Forms */
.helics-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.helics-notice{margin-top:18px;padding:14px 16px;border-radius:13px;font-size:14px;font-weight:700}
.helics-notice-success{background:rgba(8,184,223,.1);border:1px solid rgba(8,184,223,.35);color:var(--navy)}
.helics-notice-error{background:#fff1f1;border:1px solid #f3c2c2;color:#8a1f1f}
.search-form{display:flex;gap:10px}
.search-form label{flex:1}
.search-form .search-field{width:100%;border:1px solid var(--line);border-radius:100px;padding:13px 18px;outline:none}
.search-form .search-field:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(8,184,223,.1)}
.search-form .search-submit{border:0;border-radius:100px;padding:13px 20px;background:var(--navy);color:#fff;font-weight:800;font-size:12px;cursor:pointer}
.helics-btn-outline{border:1px solid var(--line);color:var(--navy)}

/* Pagination */
.helics-pagination{display:flex;gap:8px;justify-content:center;margin-top:48px;flex-wrap:wrap}
.helics-pagination .page-numbers{min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid var(--line);border-radius:100px;font-weight:800;font-size:13px;transition:var(--ease)}
.helics-pagination .page-numbers.current,.helics-pagination a.page-numbers:hover{background:var(--navy);border-color:var(--navy);color:#fff}

/* Post navigation */
.post-navigation{margin-top:50px;border-top:1px solid var(--line);padding-top:26px}
.post-navigation .nav-links{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.post-navigation .nav-next{text-align:right}
.post-navigation small{display:block;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.post-navigation span{font:800 17px/1.3 Manrope;color:var(--navy)}

/* Sidebar widgets */
.article-aside .widget ul{list-style:none;margin-top:12px;display:grid;gap:8px}
.article-aside .widget a:hover{color:#06a9cf}

/* Comments */
.helics-comments{margin-top:50px;border-top:1px solid var(--line);padding-top:30px}
.helics-comments h3{font:800 24px Manrope;margin-bottom:18px}
.comment-list{list-style:none;display:grid;gap:16px}
.comment-list .children{list-style:none;margin:16px 0 0 24px;display:grid;gap:16px}
.comment-body{border:1px solid var(--line);border-radius:16px;padding:18px}
.comment-meta{font-size:12px;color:var(--muted);margin-bottom:8px}
.comment-author{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--navy)}
.comment-author img{border-radius:50%}
.comment-form{display:grid;gap:12px;margin-top:16px}
.comment-form label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:6px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;border:1px solid var(--line);border-radius:13px;padding:14px 15px;outline:none}
.comment-form input[type=submit]{border:0;cursor:pointer}

@media(max-width:760px){.post-navigation .nav-links{grid-template-columns:1fr}.post-navigation .nav-next{text-align:left}.alignleft,.alignright{float:none;margin:16px 0}}