/* Start custom CSS *//* Service-page chrome overrides. These live here because this template loads
   only on service pages and the 404; they are also in the plugin stylesheet, so
   a future plugin build makes this block redundant. */

/* Mark Services as the current section. The nav item has no id in this
   template, so match it by href. */
body.cns-service-page #cns-header-inner a[href*="/services-dev"]{color:var(--cns-plum);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;}

/* Booking button aligns with the copy column, not the right edge. */
body.cns-service-page .cns-svc-cta{float:none;display:flex;width:max-content;}
@media(max-width:1200px){body.cns-service-page .cns-svc-cta{width:100%;justify-content:center;}}

/* 404 numeral is bold sans in the design, not serif. */
body.cns-404-page .cns-404-code{font-family:var(--cns-sans);font-weight:700;font-size:80px;letter-spacing:-.02em;}

/* Sticky nav: the header stays pinned to the top while the page scrolls.
   Sits below the WordPress admin bar for logged-in editors. */
.cns-chrome-header{position:sticky;top:0;z-index:999;}
body.admin-bar .cns-chrome-header{top:var(--wp-admin--admin-bar--height,32px);}
@media(max-width:600px){body.admin-bar .cns-chrome-header{top:0;}}

/* A link that jumps to a section of a page (Reviews -> /home-dev/#cns-reviews)
   is never the current page, even though its path matches. */
#cns-nav-left p a.cns-current[href*="#"],#cns-nav-right p a.cns-current[href*="#"]{color:#000;text-decoration:none;}
#cns-nav-left p a.cns-current[href*="#"]:hover,#cns-nav-right p a.cns-current[href*="#"]:hover{color:var(--cns-plum);}/* End custom CSS */