/* ============================================================
   CMUK v1.0.0 editor/front-end visual sync patch
   Forces CMUK Elementor components to respect Elementor controls
   on public front end the same way they do inside the editor.
   ============================================================ */

.elementor-widget[class*="cmuk"] a,
.elementor-widget[class*="cmuk"] a:visited,
.elementor-widget[class*="cmuk"] .cmuk-link,
.elementor-widget[class*="cmuk"] .cmuk-menu a,
.elementor-widget[class*="cmuk"] .cmuk-nav a,
.elementor-widget[class*="cmuk"] .cmuk-service-nav a,
.elementor-widget[class*="cmuk"] .cmuk-service-navigation a,
.elementor-widget[class*="cmuk"] .cmuk-service-name-box a {
    color: var(--cmuk-link-colour, var(--cmuk-link-color, inherit)) !important;
}

.elementor-widget[class*="cmuk"] a:hover,
.elementor-widget[class*="cmuk"] a:focus,
.elementor-widget[class*="cmuk"] .cmuk-link:hover,
.elementor-widget[class*="cmuk"] .cmuk-menu a:hover,
.elementor-widget[class*="cmuk"] .cmuk-nav a:hover,
.elementor-widget[class*="cmuk"] .cmuk-service-nav a:hover,
.elementor-widget[class*="cmuk"] .cmuk-service-navigation a:hover,
.elementor-widget[class*="cmuk"] .cmuk-service-name-box a:hover,
.elementor-widget[class*="cmuk"] .cmuk-link:focus,
.elementor-widget[class*="cmuk"] .cmuk-menu a:focus,
.elementor-widget[class*="cmuk"] .cmuk-nav a:focus,
.elementor-widget[class*="cmuk"] .cmuk-service-nav a:focus,
.elementor-widget[class*="cmuk"] .cmuk-service-navigation a:focus,
.elementor-widget[class*="cmuk"] .cmuk-service-name-box a:focus {
    color: var(--cmuk-link-hover-colour, var(--cmuk-link-hover-color, var(--cmuk-link-colour, var(--cmuk-link-color, inherit)))) !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Remove old GOV yellow hover/focus style from every CMUK component */
.elementor-widget[class*="cmuk"] a:hover,
.elementor-widget[class*="cmuk"] a:focus,
.elementor-widget[class*="cmuk"] button:hover,
.elementor-widget[class*="cmuk"] button:focus {
    outline-offset: 0;
}

/* Make widget-level Elementor controls win over older static component CSS */
.elementor-widget[class*="cmuk"] {
    color: var(--cmuk-text-colour, var(--cmuk-text-color, inherit));
}

.elementor-widget[class*="cmuk"] h1,
.elementor-widget[class*="cmuk"] h2,
.elementor-widget[class*="cmuk"] h3,
.elementor-widget[class*="cmuk"] h4,
.elementor-widget[class*="cmuk"] h5,
.elementor-widget[class*="cmuk"] h6,
.elementor-widget[class*="cmuk"] .cmuk-title,
.elementor-widget[class*="cmuk"] .cmuk-heading,
.elementor-widget[class*="cmuk"] .cmuk-service-title {
    color: var(--cmuk-title-colour, var(--cmuk-title-color, inherit));
}

.elementor-widget[class*="cmuk"] p,
.elementor-widget[class*="cmuk"] li,
.elementor-widget[class*="cmuk"] span,
.elementor-widget[class*="cmuk"] .cmuk-body,
.elementor-widget[class*="cmuk"] .cmuk-content,
.elementor-widget[class*="cmuk"] .cmuk-description {
    color: var(--cmuk-body-colour, var(--cmuk-body-color, inherit));
}

/* Force responsive text-size controls into nested text if the widget sets the CSS variables */
.elementor-widget[class*="cmuk"][style*="--cmuk-title-size"] h1,
.elementor-widget[class*="cmuk"][style*="--cmuk-title-size"] h2,
.elementor-widget[class*="cmuk"][style*="--cmuk-title-size"] h3,
.elementor-widget[class*="cmuk"][style*="--cmuk-title-size"] .cmuk-title,
.elementor-widget[class*="cmuk"][style*="--cmuk-title-size"] .cmuk-heading,
.elementor-widget[class*="cmuk"][style*="--cmuk-title-size"] .cmuk-service-title {
    font-size: var(--cmuk-title-size) !important;
}

.elementor-widget[class*="cmuk"][style*="--cmuk-body-size"] p,
.elementor-widget[class*="cmuk"][style*="--cmuk-body-size"] li,
.elementor-widget[class*="cmuk"][style*="--cmuk-body-size"] .cmuk-body,
.elementor-widget[class*="cmuk"][style*="--cmuk-body-size"] .cmuk-content,
.elementor-widget[class*="cmuk"][style*="--cmuk-body-size"] .cmuk-description {
    font-size: var(--cmuk-body-size) !important;
}

.elementor-widget[class*="cmuk"][style*="--cmuk-menu-size"] nav a,
.elementor-widget[class*="cmuk"][style*="--cmuk-menu-size"] .cmuk-menu a,
.elementor-widget[class*="cmuk"][style*="--cmuk-menu-size"] .cmuk-nav a,
.elementor-widget[class*="cmuk"][style*="--cmuk-menu-size"] .cmuk-service-nav a,
.elementor-widget[class*="cmuk"][style*="--cmuk-menu-size"] .cmuk-service-navigation a {
    font-size: var(--cmuk-menu-size) !important;
}

/* Stop theme defaults from repainting CMUK component links */
.elementor-widget[class*="cmuk"] a,
.elementor-widget[class*="cmuk"] a * {
    text-decoration-color: currentColor !important;
}

/* Same sync rules inside the Elementor iframe/editor */
.elementor-editor-active .elementor-widget[class*="cmuk"] a:hover,
.elementor-editor-active .elementor-widget[class*="cmuk"] a:focus {
    background: transparent !important;
    background-color: transparent !important;
}


/* Container-style sync layer: make the Elementor widget container and the CMUK internal wrapper obey the same style controls. */
.elementor-widget[class*="cmuk"] > .elementor-widget-container,
.elementor-widget[class*="govuk"] > .elementor-widget-container,
.elementor-widget[class*="cmuk"] .cm-govuk-widget,
.elementor-widget[class*="govuk"] .cm-govuk-widget {
    background-clip: padding-box;
}

.elementor-widget[class*="cmuk"] a:hover,
.elementor-widget[class*="cmuk"] a:focus,
.elementor-widget[class*="govuk"] a:hover,
.elementor-widget[class*="govuk"] a:focus {
    background: transparent !important;
    background-color: transparent !important;
}