/* v420: presentation-only corrections. No selectors target theme articles,
 * saved campaign text, publication state or source-data fields. */

/* One icon box and one gap for both address and measured-distance labels.
 * The location SVG's inherited right margin previously added a second gap. */
:is(.aga-seo-page,.aga-clinic-detail,.aga-clinic-list,.aga-public-media) :is(.aga-media-address-label,.aga-station-distance-label){
    display:inline-flex;align-items:center;gap:.35em;margin:0;font-size:14px!important;font-weight:600!important;line-height:1.75;color:#343434!important;white-space:nowrap;
}
:is(.aga-seo-page,.aga-clinic-detail,.aga-clinic-list,.aga-public-media) :is(.aga-media-address-label,.aga-station-distance-label)>img.aga-ui-icon{
    display:block!important;position:static!important;float:none!important;
    flex:0 0 1.2em!important;width:1.2em!important;height:1.2em!important;
    min-width:1.2em!important;max-width:1.2em!important;min-height:0!important;max-height:none!important;
    margin:0!important;padding:0!important;vertical-align:0!important;transform:none!important;object-fit:contain;
}
/* Contextual train/subway icons are coloured mask spans, not image tags.
 * Keep their relative positioning and inner subway glyph; remove only the
 * extra icon margin and keep the same box as the address pin. */
:is(.aga-seo-page,.aga-clinic-detail,.aga-clinic-list,.aga-public-media) .aga-station-distance-label>span.aga-rail-icon{
    flex:0 0 1.2em!important;width:1.2em!important;height:1.2em!important;
    min-width:1.2em!important;margin:0!important;padding:0!important;
}
@media(forced-colors:active){
    :is(.aga-seo-page,.aga-clinic-detail,.aga-clinic-list,.aga-public-media) :is(.aga-media-address-label,.aga-station-distance-label)>img.aga-ui-icon{display:none!important}
}

/* Own only renderer-marked clinic jump links. They must remain a full-width
 * flex row even inside the older train-navigation inline-link rule. The name
 * wraps; the measured distance and assigned scroll arrow stay at the right. */
.aga-seo-page .aga-clinic-navigation .aga-clinic-navigation-list>li>a[data-aga-clinic-navigation]{
    display:flex!important;box-sizing:border-box;width:100%;max-width:100%;min-width:0;
    align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:.5em;padding-right:0!important;
}
.aga-seo-page .aga-clinic-navigation .aga-clinic-navigation-list>li>a[data-aga-clinic-navigation]>:is(.aga-clinic-navigation-label,.aga-clinic-navigation-name){
    flex:1 1 auto;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal;
}
.aga-seo-page .aga-clinic-navigation .aga-clinic-navigation-list>li>a[data-aga-clinic-navigation]>.aga-clinic-navigation-distance{
    flex:0 0 auto;margin-left:auto;text-align:right;white-space:nowrap;
}
.aga-seo-page .aga-clinic-navigation .aga-clinic-navigation-list>li>a[data-aga-clinic-navigation]>img.aga-ui-icon-trailing{
    position:static!important;inset:auto!important;display:block!important;
    flex:0 0 .85em!important;width:.85em!important;height:.85em!important;
    min-width:.85em!important;max-width:.85em!important;margin:0!important;transform:none!important;
}

/* The image box is 44px, but uploaded circular SVGs can have transparent
 * viewBox margins. ui-v420.js measures that already-loaded circle once; only
 * its interior receives white. The button and its focus/touch area are kept. */
body.aga-return-navigation-active .aga-return-navigation>img.aga-ui-icon-circle-chevron-up{
    background-color:transparent!important;
    background-image:radial-gradient(circle at var(--aga-return-disc-x,50%) var(--aga-return-disc-y,50%),#fff 0,#fff var(--aga-return-disc-radius,0px),transparent calc(var(--aga-return-disc-radius,0px) + .01px))!important;
    background-repeat:no-repeat!important;
    background-size:100% 100%!important;
    background-position:center!important;
}

/* Match link and current-page first-line boxes on small screens. Limit the
 * override to the three plugin breadcrumb renderers, including their lifted
 * page-breadcrumb wrapper. Long labels may still wrap naturally. */
@media(max-width:800px){
    :is(.aga-search-v284,.aga-page-breadcrumbs) .aga-search-breadcrumbs ol,
    :is(.aga-seo-page,.aga-page-breadcrumbs) .aga-seo-breadcrumbs ol,
    .aga-clinic-detail .aga-clinic-breadcrumbs .aga-clinic-breadcrumbs-list{
        align-items:flex-start!important;
    }
    :is(.aga-search-v284,.aga-page-breadcrumbs) .aga-search-breadcrumbs li,
    :is(.aga-seo-page,.aga-page-breadcrumbs) .aga-seo-breadcrumbs li,
    .aga-clinic-detail .aga-clinic-breadcrumbs .aga-clinic-breadcrumbs-list>li{
        align-items:flex-start!important;min-width:0;max-width:100%;margin:0!important;padding:0!important;line-height:1.65!important;
    }
    :is(.aga-search-v284,.aga-page-breadcrumbs) .aga-search-breadcrumbs li>:is(a,span),
    :is(.aga-seo-page,.aga-page-breadcrumbs) .aga-seo-breadcrumbs li>:is(a,span),
    .aga-clinic-detail .aga-clinic-breadcrumbs .aga-clinic-breadcrumbs-list>li>:is(a,span){
        display:block;box-sizing:border-box;min-width:0;max-width:100%;min-height:28px;
        margin:0!important;padding:3px 0!important;line-height:1.65!important;overflow-wrap:anywhere;
    }
    :is(.aga-search-v284,.aga-page-breadcrumbs) .aga-search-breadcrumbs li+li::before,
    :is(.aga-seo-page,.aga-page-breadcrumbs) .aga-seo-breadcrumbs li+li::before,
    .aga-clinic-detail .aga-clinic-breadcrumbs .aga-clinic-breadcrumbs-list>li+li::before{
        align-self:flex-start!important;margin-top:3px!important;padding:0!important;line-height:1.65!important;
    }
}
