/* UEXO Regulation v5 — page-only compatibility fixes.
   Source: the original section-cleanup.css in the user-provided Downloads.zip.
   Do not import or change header/footer styles. Loaded AFTER the scoped layout CSS. */

/* Original viewport-fixed radial gradient, painted ONLY inside the regulation
   shell.  A fixed background on an absolute layer stays visually stationary on
   desktop but is clipped to the page's content box, so a transparent WordPress
   footer cannot reveal it beyond the end of this section.
   Mobile browsers that ignore fixed attachments keep the same bounded gradient. */
.uexo-regulation-shell.regulation-page {
    position: relative;
    isolation: isolate;
}
.uexo-regulation-shell.regulation-page > .uexo-brand-background {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    pointer-events: none;
    opacity: .49;
    background: radial-gradient(125% 125% at 50% 10%, #000 40%, #007fff 100%);
    background-repeat: no-repeat;
    background-attachment: fixed;
    border: 0;
}
.uexo-regulation-shell.regulation-page > .regulation-main {
    position: relative;
    z-index: 1;
}
/* Same light-mode backdrop as the original source (only when the WP site
   explicitly uses that mode). */
html[data-theme="light"] .uexo-regulation-shell.regulation-page > .uexo-brand-background {
    opacity: 1;
    background: radial-gradient(100% 85% at 90% 20%, #007fff0a, transparent 65%), linear-gradient(#fff,#fff);
}

/* The theme makes links heavy; the reference uses regular Inter. Do not reset
   font-size, line-height or text decoration on ordinary document links. */
body .uexo-regulation-shell .regulation-main a,
body .uexo-regulation-shell .regulation-main a:link,
body .uexo-regulation-shell .regulation-main a:visited,
body .uexo-regulation-shell .regulation-main a:hover,
body .uexo-regulation-shell .regulation-main a:active,
body .uexo-regulation-shell .regulation-main a:focus-visible {
    font-family: Inter, Arial, sans-serif;
    font-weight: 400 !important;
    font-style: normal;
    text-transform: none;
}

/* The blue Legal documents CTA is a BUTTON, not a text link. Explicitly
   protect all states from theme's generic a:hover / .evo-cta selectors. */
body .uexo-regulation-shell .regulation-next a.regulation-button.evo-cta,
body .uexo-regulation-shell .regulation-next a.regulation-button.evo-cta:link,
body .uexo-regulation-shell .regulation-next a.regulation-button.evo-cta:visited,
body .uexo-regulation-shell .regulation-next a.regulation-button.evo-cta:hover,
body .uexo-regulation-shell .regulation-next a.regulation-button.evo-cta:active,
body .uexo-regulation-shell .regulation-next a.regulation-button.evo-cta:focus-visible {
    color: #fff !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
}
body .uexo-regulation-shell .regulation-next a.regulation-button.evo-cta :is(span,svg) {
    text-decoration: none !important;
}
.uexo-regulation-shell .regulation-next a.regulation-button.evo-cta > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}
.uexo-regulation-shell .regulation-next a.regulation-button.evo-cta svg {
    display: block;
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
}

/* External-link arrows are SVG rather than a font-dependent ↗ glyph. */
.uexo-regulation-shell .regulation-main .regulation-external {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    color: #007fff;
    line-height: 1;
    vertical-align: middle;
    text-decoration: none !important;
}
.uexo-regulation-shell .regulation-main .regulation-external svg {
    display: block;
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    max-width: none;
}

/* v5 — theme-safe typography, matching the original design.
   The old theme may style every <p> or <summary> with a larger font-size;
   opening the native <details> must not enlarge the company address. */
body .uexo-regulation-shell .regulation-main .regulation-card .regulation-address,
body .uexo-regulation-shell .regulation-main .regulation-card .regulation-address > summary,
body .uexo-regulation-shell .regulation-main .regulation-card .regulation-address > p {
    font-family: Inter, Arial, sans-serif;
    font-size: 12px !important;
    font-weight: 400 !important;
    font-style: normal;
    line-height: 1.7 !important;
    letter-spacing: normal;
    text-transform: none;
}
body .uexo-regulation-shell .regulation-main .regulation-card .regulation-address > p {
    margin: 10px 0 0 !important;
    padding: 0;
    color: inherit;
}
/* Preserve source typography for other <details> text too. */
body .uexo-regulation-shell .regulation-main .regulation-restrictions > summary,
body .uexo-regulation-shell .regulation-main .regulation-restrictions > p {
    font-family: Inter, Arial, sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
    text-transform: none;
}

/* Explicit page type scale; numbers are unchanged from evolution-regulation.css.
   This limits collisions with global WordPress typography selectors. */
body .uexo-regulation-shell .regulation-main .regulation-heading h1 { font-size: clamp(42px, 5vw, 60px); line-height:1.1; font-weight:400; }
body .uexo-regulation-shell .regulation-main .regulation-heading > p:not(.regulation-eyebrow) { font-size:20px;line-height:1.4; }
body .uexo-regulation-shell .regulation-main .regulation-heading > span { font-size:14px;line-height:1.6; }
body .uexo-regulation-shell .regulation-main .regulation-eyebrow,
body .uexo-regulation-shell .regulation-main .regulation-country { font-size:12px;line-height:1.5; }
body .uexo-regulation-shell .regulation-main .regulation-card h2 {font-size:21px;line-height:1.3;font-weight:400;}
body .uexo-regulation-shell .regulation-main .regulation-role {font-size:12px;line-height:1.6;}
body .uexo-regulation-shell .regulation-main :is(.regulation-card,.regulation-support) dt {font-size:11px;line-height:1.5;}
body .uexo-regulation-shell .regulation-main :is(.regulation-card,.regulation-support) dd {font-size:13px;line-height:1.5;}
body .uexo-regulation-shell .regulation-main .regulation-description {font-size:13px;line-height:1.75;}
body .uexo-regulation-shell .regulation-main .regulation-source-note {font-size:12px;line-height:1.7;}
body .uexo-regulation-shell .regulation-main :is(.regulation-context,.regulation-next) h2 {font-size:30px;line-height:1.25;font-weight:400;}
body .uexo-regulation-shell .regulation-main .regulation-support h2 {font-size:24px;line-height:1.25;font-weight:400;}
body .uexo-regulation-shell .regulation-main .regulation-context p:not(.regulation-eyebrow),
body .uexo-regulation-shell .regulation-main .regulation-next > p {font-size:14px;line-height:1.8;}
body .uexo-regulation-shell .regulation-main :is(.regulation-card-links,.regulation-support,.regulation-restrictions) > a,
body .uexo-regulation-shell .regulation-main .regulation-card-links a {font-size:12px;line-height:1.6;}
body .uexo-regulation-shell .regulation-main :is(.regulation-contact,.regulation-button) {font-size:14px;line-height:1.5;}

@media (max-width:1000px) {
    body .uexo-regulation-shell .regulation-main .regulation-card h2 {font-size:19px;}
}
@media (max-width:760px) {
    body .uexo-regulation-shell .regulation-main .regulation-heading h1 {font-size:36px;}
    body .uexo-regulation-shell .regulation-main .regulation-heading > p:not(.regulation-eyebrow) {font-size:18px;}
    body .uexo-regulation-shell .regulation-main .regulation-heading > span {font-size:13px;}
    body .uexo-regulation-shell .regulation-main .regulation-card h2 {font-size:22px;}
    body .uexo-regulation-shell .regulation-main .regulation-card dd {font-size:14px;}
    body .uexo-regulation-shell .regulation-main .regulation-description {font-size:14px;}
    body .uexo-regulation-shell .regulation-main :is(.regulation-context,.regulation-next) h2 {font-size:27px;}
    body .uexo-regulation-shell .regulation-main .regulation-support h2 {font-size:24px;}
    body .uexo-regulation-shell .regulation-main :is(.regulation-support,.regulation-restrictions) > a,
    body .uexo-regulation-shell .regulation-main .regulation-card-links a {font-size:13px;}
}

@media print {
    .uexo-regulation-shell.regulation-page > .uexo-brand-background { display:none; }
}

/* v7 — mobile only: a little more breathing room between the heading and
   the globe video. Padding on the hero moves the VIDEO, not the heading;
   the hero grows with it, preserving the card overlap and all desktop styles. */
@media (max-width: 760px) {
    body .uexo-regulation-shell .regulation-main .regulation-hero {
        /*padding-top: 24px;*/
    }
}