/* ============================================================
   SUPERB DIGITALS — CASCADE GUARD v3.1
   High specificity only where WordPress/plugin presentation can leak.
   No component-level force-overrides.
   ============================================================ */
html body.superb-brand-locked{
  --e-global-color-primary:#5d13af;
  --e-global-color-secondary:#1a0a2e;
  --e-global-color-accent:#ff3bbf;
  --e-global-typography-primary-font-family:"Raleway";
  --e-global-typography-secondary-font-family:"Raleway";
  --e-global-typography-text-font-family:"Montserrat";
  --e-global-typography-accent-font-family:"Montserrat";
  --ast-global-color-0:#5d13af;
  --ast-global-color-1:#ff3bbf;
  --ast-global-color-2:#1a0a2e;
  font-family:"Montserrat",Arial,sans-serif;
}
html body.superb-brand-locked :is(button,input,textarea,select,option){font-family:"Montserrat",Arial,sans-serif}
html body.superb-brand-locked :is(h1,h2,h3,h4,h5,h6,.font-heading,.font-display,.elementor-heading-title){font-family:"Raleway",Arial,sans-serif}

html body.superb-brand-locked .sdh-header,
html body.superb-brand-locked .sdh-header *{box-sizing:border-box}
html body.superb-brand-locked .sdh-header{font-family:"Montserrat",Arial,sans-serif}
html body.superb-brand-locked .sdh-header :is(.sdh-brand-name,.sdh-mega-heading strong){font-family:"Raleway",Arial,sans-serif}
html body.superb-brand-locked .sdh-header :is(ul,ol){margin:0;padding:0;list-style:none}
html body.superb-brand-locked .sdh-header a{text-decoration:none;box-shadow:none}

html body.superb-brand-locked .sdf-footer,
html body.superb-brand-locked .sdf-footer *{box-sizing:border-box}
html body.superb-brand-locked .sdf-footer{font-family:"Montserrat",Arial,sans-serif}
html body.superb-brand-locked .sdf-footer :is(h1,h2,h3,h4,h5,h6,.sdf-logo-fallback){font-family:"Raleway",Arial,sans-serif}
html body.superb-brand-locked .sdf-footer :is(ul,ol){margin:0;padding:0;list-style:none}
html body.superb-brand-locked .sdf-footer a{text-decoration:none;box-shadow:none}

html body.superb-hard-locked-page{margin:0;padding:0;overflow-x:hidden}
html body.superb-hard-locked-page :is(.site-content,.ast-container,.entry-content,.elementor,.elementor-section-wrap){max-width:none;margin:0;padding:0}
html body.superb-legacy-custom-page #superb-page-override{width:100%;max-width:100vw;margin:0;padding:0}
html body.superb-legacy-custom-page #my-custom-code{
  isolation:isolate;width:100%;max-width:100vw;min-height:100vh;margin:0;
  padding-top:var(--sdh-height,88px);color:#fff;background:#0f0518;
  font-family:"Montserrat",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
html body.superb-legacy-custom-page #my-custom-code :is(h1,h2,h3,h4,h5,h6,.font-heading,.font-display){font-family:"Raleway",Arial,sans-serif}
html body.superb-legacy-custom-page #my-custom-code :is(p,a,li,button,input,textarea,select,label,small){font-family:"Montserrat",Arial,sans-serif}

html body.superb-legal-page .sdlegal{font-family:"Montserrat",Arial,sans-serif}
html body.superb-legal-page .sdlegal :is(h1,h2,h3,h4,h5,h6){font-family:"Raleway",Arial,sans-serif}
html body.superb-legal-page .sdlegal .sdlegal-content,
html body.superb-legal-page .sdlegal .sdlegal-content :is(p,li,blockquote,td,th){color:#3f3943}
html body.superb-legal-page .sdlegal .sdlegal-content h2,
html body.superb-legal-page .sdlegal .sdlegal-content a:not(.contact-btn){color:#5d13af}

@media(max-width:1040px){html body.superb-legacy-custom-page #my-custom-code{padding-top:var(--sdh-height,76px)}}
@media(max-width:480px){html body.superb-legacy-custom-page #my-custom-code{padding-top:var(--sdh-height,72px)}}

/* v1.8 migration guard — no full-screen Blogger loader is used anymore. */
html body.superb-brand-locked #brand-loader,
html body.superb-brand-locked .brand-loader,
html body.superb-brand-locked .loader-rings,
html body.superb-brand-locked .loader-text{display:none}

/* v2.1 tool surfaces intentionally own their deep application canvas. */
html body.superb-qr-code-generator-page #my-custom-code{
  background:radial-gradient(circle at 78% 8%,rgba(93,19,175,.25),transparent 29%),radial-gradient(circle at 8% 44%,rgba(255,59,191,.08),transparent 28%),linear-gradient(145deg,#12071d,#0f0518 58%,#170823);
}
html body.superb-email-signature-page #my-custom-code{
  background:radial-gradient(circle at 76% 8%,rgba(93,19,175,.24),transparent 29%),linear-gradient(145deg,#12071d,#0f0518 60%,#170823);
}
/* The generator interface is dark, but the exported signature preview owns its
   editable foreground palette. Keep that preview outside this heading guard. */
html body.superb-email-signature-page #my-custom-code :is(h1,h2,h3,h4,h5,h6):not(:where(
  #previewBgWrapper *,#signaturePreview *,#signature-preview *,.signature-preview *
)){color:#fff}
html body.superb-email-signature-page #my-custom-code #tab-5>div>label{
  color:#f4edf8;
}
html body.superb-email-signature-page #my-custom-code .input-field::placeholder{
  color:#bfb4c7;
  opacity:1;
}

/* Theme page headings follow their owning surface. Astra assigns an element
   color to headings, which otherwise beats the white/dark color inherited from
   these custom page sections. Keep this scoped to theme-owned layouts so editor
   content and plugin applications retain their own foreground controls. */
html body.superb-brand-locked :is(
  .sdhome,.sdabout,.sdportfolio,.sdservices,.sdservice,
  .sdintegrations,.sdsitemap,.sdinsights,.sd404-main
) :is(h1,h2,h3,h4,h5,h6){color:inherit}

/* These service sections have a light canvas inside the dark service shell. */
html body.superb-brand-locked .sdservice :is(
  .sdservice-capability-groups,.sdservice-expert-module
){color:var(--sd-ink,#21142b)}

/* Image fallbacks need their own light foreground because the page-wide link
   inheritance rule has higher specificity than the original media-card rule. */
html body.superb-brand-locked .sdinsights :is(
  .sdinsights-featured-media,.sdinsights-stream-media
)>span{color:#e7c7f6}

/* Contact is a dark application, including the form steps and FAQ introduction,
   which sit outside the hero covered by the original heading guard. */
html body.superb-contact-page #my-custom-code :is(h1,h2,h3,h4,h5,h6){color:#fff}
/* Astra also colors label elements directly. Cover both forms, their generated
   questions, and the service choice cards without flattening accent/helper text. */
html body.superb-contact-page #my-custom-code :is(.form-label,.service-select-card){
  color:#f4edf8;
}
html body.superb-contact-page #my-custom-code #progress-labels>span:not(.text-white){
  color:#c5baca;
}
html body.superb-contact-page #my-custom-code #contact-forms .form-input{
  color:#fff;
  color-scheme:dark;
}
html body.superb-contact-page #my-custom-code #service-error{color:#fecaca}
html body.superb-contact-page #my-custom-code #success-state>p{color:#d1d5db}
html body.superb-contact-page #my-custom-code .sd-form-privacy{
  color:#c5baca;
}
html body.superb-contact-page #my-custom-code .sd-form-privacy a{
  color:#e7c7ff;
  text-decoration:underline;
  text-underline-offset:3px;
}
html body.superb-contact-page #my-custom-code .form-input::placeholder{
  color:#bfb4c7;
  opacity:1;
}

/* The shared newsletter is the other dark form surface. Its label must defeat
   Astra's label color, while light popup/article signup forms keep their palette. */
html body.superb-brand-locked .sdf-footer .sd-subscribe-fields label{color:#f4edf8}
html body.superb-brand-locked .sdf-footer .sd-subscribe-fields input::placeholder{
  color:#bfb4c7;
  opacity:1;
}
html body.superb-brand-locked .sdf-footer .sd-subscribe-note{
  color:#c5baca;
  opacity:1;
}

/* This text is content, rather than decoration. The earlier 30–48% white
   opacity makes it difficult to read against the dark cards and sections. */
html body.superb-custom-homepage :is(
  .sdhome-service p,.sdhome-auto-copy>p,.sdhome-marketing-top p,
  .sdhome-work-card p,.sdhome-work-placeholder p,
  .sdhome-integrations-copy p,.sdhome-process p,
  .sdhome-hero-copy>small,.sdhome-final-inner>p,.sdhome-final-inner>small
){color:rgba(255,255,255,.74)}

/* Text accents on pale canvases use a deeper brand shade. Bright pink remains
   available for decoration and accents on dark surfaces. */
html body.superb-brand-locked :is(
  .sdhome .sd-section-light .sd-label,
  .sdinsights-label,.sdinsights-section-head>span,
  .sdintegrations-directory>.sd-container>header>span,
  .sdsvc-capabilities .sdsvc-label,.sdsvc-directory .sdsvc-label,
  .sdsvc-start .sdsvc-label,.sdsvc-process .sdsvc-label
){color:#a21770}
html body.superb-brand-locked .sdresources-card__top small{color:#75617f}
html body.superb-brand-locked .sdhome-web-badges span{
  color:#35273c;
  background:#fff;
}
html body.superb-brand-locked :is(.sd-global-context-line,.sd-context-line,.sdannounce){
  background:linear-gradient(90deg,#5d13af,#7d249f 55%,#8a267f);
}
html body.superb-brand-locked :is(.sd-global-context-line,.sd-context-line,.sdannounce) [data-sd-context-scroll]{
  color:#fff;
}
/* Official brand silhouettes inherit the link's single colour. */
html body .sd-brand-icon,html body .sd-brand-icon path{fill:currentColor!important;stroke:none!important}