/* One small access inside the existing header; no strip or content spacer. */
.rfeb-live-access{position:absolute;display:none;z-index:4;box-sizing:border-box;width:128px;margin:0;padding:0;font-size:12px;line-height:1}
.rfeb-live-access.is-placed{display:block}
body .rfeb-live-access .rfeb-live-access__link{box-sizing:border-box;width:128px;min-height:26px;padding:4px 6px;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #655f74;border-radius:4px;background:#2c293e;color:#e5e1ec;font-family:Arial,sans-serif;font-size:12px;line-height:16px;font-weight:600;letter-spacing:0;text-transform:none;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}
body .rfeb-live-access .rfeb-live-access__link:hover{background:#40394e;border-color:#a9a2b8;color:#fff}
body .rfeb-live-access .rfeb-live-access__link:focus-visible{outline:2px solid #fff;outline-offset:3px}
body .rfeb-live-access.is-live .rfeb-live-access__link{background:#17462f;border-color:#438f62;color:#b5f1ca}
body .rfeb-live-access.is-live .rfeb-live-access__link:hover{background:#205b3e;border-color:#75d398;color:#e0ffeb}
.rfeb-live-access__icon{width:13px;height:13px;flex:0 0 13px}
.rfeb-live-access__dot,.rfeb-live-access.is-live .rfeb-live-access__play{display:none}
.rfeb-live-access.is-live .rfeb-live-access__dot{display:block}
/* Preserve the original columns, surfaces and fixed-row controller.
   Smooth the existing logo-width change without altering its two sizes.
   The access remains outside the flex layout, in existing space. */
@media(min-width:1025px){
 /* Follow the social widget directly. No per-frame coordinates or column widths. */
 body .elementor.elementor-75 .elementor-element-a3da440{position:relative}
 body .elementor.elementor-75 .elementor-element-a3da440 .rfeb-live-access{left:50%;top:calc(100% + 4px);transform:translateX(-50%)}
 /* The existing home rule changes width (140px to 90px), not max-height.
    Animate that real property so the auto-height row and its contents follow together. */
 body.home .elementor.elementor-75 .sc_layouts_logo img.logo_image{transition:width .25s ease!important}
}
@media(min-width:1025px) and (prefers-reduced-motion:reduce){
 body.home .elementor.elementor-75 .sc_layouts_logo img.logo_image{transition:none!important}
}
