/* Get Your Website V6.2 — consistent multicolour headings on every public page.
 * Reuses the homepage palette; no animation, external font, or script.
 * All text stays as HTML, selectable and screen-reader accessible.
 */
:root{--gyw62-head-gradient:linear-gradient(110deg,#40e1ff 0%,#5896ff 46%,#bc6aff 100%);--gyw62-head-soft:linear-gradient(105deg,#f9fcff 0%,#d9e7ff 32%,#59cfff 68%,#be76f8 100%)}
.gyw62-heading-split{color:#f4f8ff}
.gyw62-heading-accent{display:inline;background:var(--gyw62-head-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
/* Native WordPress custom content and theme-generated section headings. */
.gyw58-content :is(
 .gyw58-section-heading h2,.gyw58-step-block h2,.gyw58-aside h2,
 .gyw58-contact-aside h2,.gyw58-cta h2,.gyw60-pricing-faq h2,
 .gyw60-tools-head h2,.gyw60-inclusions h3,.gyw58-highlight strong,
 .gyw58-service-card h3,.gyw-catalog-card h3,.gyw58-value h3,
 .gyw58-custom-editor .entry-content h1,
 .gyw58-custom-editor .entry-content h2,
 .gyw58-custom-editor .entry-content h3,
 .gyw58-custom-editor .elementor-widget-heading .elementor-heading-title
):not(.gyw62-heading-split),
.gyw58-content .gyw60-price-card h3,
.gyw58-content .gyw60-tools-group h3{
 display:table;max-width:100%;background-image:var(--gyw62-head-soft);
 background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
}
/* Theme split headings keep the first words white, with the last phrase in colour. */
.gyw58-content .gyw62-heading-split{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:#f4f8ff!important;-webkit-text-fill-color:initial!important}
.gyw58-content .gyw62-heading-split>.gyw62-heading-accent{background-image:var(--gyw62-head-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
/* Why Us comparison and pricing blocks have their own visual structure. */
.gyw58-content .gyw-cmp-heading h2,
.gyw58-content .gyw-whyus-v57 h2,
.gyw58-content .gyw60-tools-head h2{background-image:var(--gyw62-head-soft);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
/* Project case studies, including the title and supporting information. */
.gyw58-project-page :is(.gyw-case-intro h1,.gyw-case-story h2,.gyw-case-story h3,.gyw-case-sidebar h2,.gyw-case-section-title h2,.gyw-case-related h2,.gyw-content-cta h2){
 display:table;max-width:100%;background-image:var(--gyw62-head-soft);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
}
/* Blog index, categories and individual posts; leave the homepage alone. */
.gyw-journal-page :is(.gyw-blog-intro h1,.gyw-article-info h2 a,.gyw-blog-noposts h2),
.gyw-blog-single :is(.gyw-single-article>h1,.gyw-single-article .entry-content h2,.gyw-single-article .entry-content h3,.gyw-post-related>h2,.gyw-post-related .gyw-article-info h2 a),
.inner-page .error-shell h1{
 display:table;max-width:100%;background-image:var(--gyw62-head-soft);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
}
/* Layout fixes for center-aligned headings and existing Elementor rows. */
.gyw58-custom-editor .elementor-widget-heading .elementor-heading-title{text-align:inherit}
@media(max-width:600px){
 .gyw62-heading-accent{-webkit-box-decoration-break:clone;box-decoration-break:clone}
}
@media(forced-colors:active){
 .gyw62-heading-accent,.gyw58-content h2,.gyw58-content h3,.gyw58-project-page h1,.gyw58-project-page h2,.gyw-journal-page h1,.gyw-blog-single h1{background:none!important;color:CanvasText!important;-webkit-text-fill-color:CanvasText!important}
}
@media print{
 .gyw62-heading-accent,.gyw58-content h2,.gyw58-content h3,.gyw58-project-page h1,.gyw58-project-page h2,.gyw-journal-page h1,.gyw-blog-single h1{background:none!important;color:#172747!important;-webkit-text-fill-color:#172747!important}
}
/* Let short card titles receive the whole colour range rather than spreading
   a gradient across the card's empty width. */
.gyw58-content :is(.gyw58-service-card h3,.gyw-catalog-card h3,.gyw58-value h3,.gyw60-price-card h3){display:inline-block;width:max-content;max-width:100%}
