/* SENNA Protect — portal quick actions in Razzi off-canvas menus */
.senna-portal-menu-actions{
    box-sizing:border-box;
    position:relative;
    z-index:2;
    padding:0;
}
.senna-portal-menu-actions *{box-sizing:border-box}
.senna-portal-menu-actions__inner{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.senna-portal-menu-action{
    display:flex!important;
    width:100%;
    min-width:0;
    min-height:50px;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:10px 9px!important;
    border:1px solid transparent!important;
    border-radius:12px!important;
    box-shadow:0 7px 18px rgba(0,0,0,.08);
    font-family:var(--senna-font-family,"Open Sans",Arial,sans-serif)!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.1!important;
    letter-spacing:-.01em!important;
    text-align:center!important;
    text-decoration:none!important;
    white-space:nowrap;
    transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease;
}
.senna-portal-menu-action__icon{
    display:grid;
    width:17px;
    height:17px;
    flex:0 0 17px;
    place-items:center;
}
.senna-portal-menu-action__icon .senna-vector-icon{display:block;width:17px;height:17px}
.senna-portal-menu-action--portal{color:#fff!important;background:#111!important;border-color:#111!important}
.senna-portal-menu-action--portal .senna-portal-menu-action__icon{color:#d89518}
.senna-portal-menu-action--claim{color:#111!important;background:#d89518!important;border-color:#d89518!important}
.senna-portal-menu-action--claim .senna-portal-menu-action__icon{color:#111}
.senna-portal-menu-action:hover,.senna-portal-menu-action:focus-visible{transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,.13)}
.senna-portal-menu-action--portal:hover,.senna-portal-menu-action--portal:focus-visible{color:#fff!important;background:#000!important}
.senna-portal-menu-action--claim:hover,.senna-portal-menu-action--claim:focus-visible{color:#111!important;background:#e3a322!important}

/* Mobile: align the quick-action block to the actual menu content.
 * Razzi applies horizontal padding to direct children of the off-canvas
 * .modal-content. Because this block is injected there as a sibling of the
 * navigation, that theme padding used to shift the buttons about 15px to the
 * right even though JS calculated the correct menu left edge. Keep the
 * desktop panel untouched and neutralise that padding only on mobile. */
.senna-portal-menu-actions--mobile{
    width:var(--senna-menu-actions-width,calc(100% - 40px))!important;
    max-width:none!important;
    margin:24px 0 18px var(--senna-menu-actions-left,0px)!important;
    padding:0!important;
    inset:auto!important;
}
.senna-portal-menu-actions--mobile .senna-portal-menu-actions__inner{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}
.senna-portal-menu-actions--mobile .senna-portal-menu-action{
    margin:0!important;
}

/* Desktop hamburger panel: stay at the bottom, aligned with the menu, but compact. */
.senna-portal-menu-actions--desktop{
    width:auto;
    max-width:var(--senna-menu-actions-width,320px);
    margin:24px 0 18px var(--senna-menu-actions-left,30px);
}
.senna-portal-menu-actions--desktop .senna-portal-menu-actions__inner{
    display:flex;
    width:max-content;
    max-width:100%;
    justify-content:flex-start;
    gap:9px;
}
.senna-portal-menu-actions--desktop .senna-portal-menu-action{
    width:auto;
    min-width:122px;
    padding-inline:12px!important;
}

.senna-portal-menu-actions--shortcode{margin:16px 0;width:100%}
.senna-portal-menu-actions--shortcode .senna-portal-menu-actions__inner{max-width:420px}

@media(max-width:350px){
    .senna-portal-menu-actions--mobile{width:var(--senna-menu-actions-width,100%)!important;margin-left:var(--senna-menu-actions-left,0px)!important}
    .senna-portal-menu-actions__inner{gap:6px}
    .senna-portal-menu-action{gap:4px;padding-inline:5px!important;font-size:11px!important}
    .senna-portal-menu-action__icon,.senna-portal-menu-action__icon .senna-vector-icon{width:15px;height:15px;flex-basis:15px}
}