/* SPMA shared UI icons (close X and plus). Loaded site-wide by spma-universal-navigation; see ui-icons.js. */

/* Close (X) */
.spma-close-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:0!important;padding:0!important;font-size:0!important;line-height:0!important;gap:0!important;cursor:pointer!important;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease!important}
.spma-close-icon[hidden]{display:none!important}
.spma-close-icon>img.spma-close-icon__img{display:block;width:16px;height:16px;pointer-events:none}
.spma-close-icon>*:not(.spma-close-icon__img){display:none!important}
.spma-close-icon::before{display:none!important}
.spma-close-icon:hover{background-color:#F5F7F6!important;border-color:#9DB5A8!important}
.spma-close-icon:hover>img.spma-close-icon__img{opacity:.85}
.spma-close-icon:active{background-color:#E6E9E7!important;border-color:#5E6862!important;transform:scale(.94)}
.spma-close-icon:focus-visible{outline:2px solid #006837!important;outline-offset:2px!important}
/* Nudge: flashes the X when someone tries to leave a drawer by clicking outside it (SPMACloseIcon.nudge). */
.spma-close-icon.is-nudge{background-color:#F4EDC9!important;border-color:#D5BE52!important;animation:spmaXNudge .5s ease 0s 1,spmaXRing 1.1s ease-out 0s 2!important}
@keyframes spmaXNudge{0%,100%{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}
@keyframes spmaXRing{0%{box-shadow:0 0 0 0 rgba(213,190,82,.75)}100%{box-shadow:0 0 0 12px rgba(213,190,82,0)}}
.spma-close-icon.is-nudge::after{content:"Close";position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%);padding:4px 9px;border-radius:7px;background:#0D1511;color:#fff;font:600 12px/1.2 Roboto,sans-serif;white-space:nowrap;pointer-events:none;display:block!important}
@media (prefers-reduced-motion:reduce){.spma-close-icon.is-nudge{animation:none!important;box-shadow:0 0 0 4px rgba(213,190,82,.6)!important}}

/* Plus */
img.spma-plus-icon__img{display:inline-block!important;width:14px!important;height:14px!important;margin:0 6px 0 0!important;vertical-align:-2px!important;flex:none;pointer-events:none}
[data-spma-plus-icon=only]>img.spma-plus-icon__img,[data-spma-plus-icon=only] img.spma-plus-icon__img{margin:0!important}
[data-spma-plus-icon]{cursor:pointer}
/* CSS-drawn "+" on add actions (expand/collapse, zoom and badge "+" markers are left alone on purpose). */
.cx-starter::before,.rz-add::before{content:""!important;display:inline-block!important;width:14px!important;height:14px!important;vertical-align:-2px;background:url(/wp-content/uploads/icons/svg/plus/plus-spma-green.svg) center/14px no-repeat!important;font-size:0!important}
/* /manage/ company table: the CSS-drawn "+" on the add-parent pill */
[data-sh-company-manager] .spma-sh-company-parent-pills>.spma-sh-company-org-trigger[data-edge-id="0"]:not(:only-child)::before{content:""!important;display:block;width:12px;height:12px;background:url(/wp-content/uploads/icons/svg/plus/plus-spma-dark-green.svg) center/12px no-repeat}