/* No carousel sizing/spacing changes. Only the optional rotation control is new. */
.elementor-widget-n-carousel .aqara-carousel-rotation {
    all: unset !important;
    box-sizing: border-box !important;
    position: absolute !important;
    left: var(--aqara-rotation-left, auto) !important;
    top: var(--aqara-rotation-top, auto) !important;
    right: var(--aqara-rotation-right, 8px) !important;
    bottom: var(--aqara-rotation-bottom, 8px) !important;
    z-index: 4 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #222222 !important;
    cursor: pointer !important;
}
.elementor-widget-n-carousel .aqara-carousel-rotation svg { width: 14px !important; height: 14px !important; fill: currentColor; }
.elementor-widget-n-carousel .aqara-carousel-rotation::before,
.elementor-widget-n-carousel .aqara-carousel-rotation::after { content: none !important; }
.aqara-carousel-rotation[data-playing="true"] .aqara-carousel-play,
.aqara-carousel-rotation[data-playing="false"] .aqara-carousel-pause { display: none; }
.elementor-widget-n-carousel .e-n-carousel[data-aqara-carousel-keyboard]:focus-visible {
    outline: 2px solid #222;
    outline-offset: -4px;
    box-shadow: inset 0 0 0 6px #fff;
}
.elementor-widget-n-carousel [data-aqara-carousel-control]:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
    box-shadow: 0 0 0 5px #222;
}
.elementor-widget-n-carousel .aqara-carousel-rotation:focus-visible {
    outline: 2px solid #222222 !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 2px #ffffff !important;
}
/* UAEL custom menus explicitly paired with a nested carousel. Inset keeps
   the indicator visible inside the mobile menu's horizontal overflow area. */
.aq_tab-control a.uael-menu-item[data-aqara-scene-control]:focus-visible {
    outline: 2px solid #fff;
    outline-offset: -4px;
    box-shadow: inset 0 0 0 6px #222;
}
@media (forced-colors: active) {
    .aq_tab-control a.uael-menu-item[data-aqara-scene-control]:focus-visible { outline-color: Highlight; }
    .elementor-widget-n-carousel [data-aqara-carousel-control]:focus-visible,
    .elementor-widget-n-carousel .aqara-carousel-rotation:focus-visible { outline-color: Highlight !important; }
}