/* Menu layout fixes */
.side-menu {
    display: flex;
    flex-direction: column;
}

.side-menu-body.side-menu-body-with-footer {
    min-height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.side-menu-body.side-menu-body-with-footer .menu-links {
    flex: 1;
}

.menu-footer-powered {
    margin-top: auto;
    padding: 18px 16px 22px;
    text-align: center;
}

.powered-label {
    font-size: 14px;
    line-height: 1.2;
    color: #6b6b6b;
    margin-bottom: 4px;
}

.powered-link {
    color: #F7A31E;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
}

/* Shared close icon button */
.close-icon-btn {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    flex: 0 0 auto;
    padding: 0;
}

.close-icon-btn:hover,
.close-icon-btn:focus {
    background: rgba(255, 255, 255, 0.22);
    outline: none;
}

/* Small mobile adjustment */
@media (max-width: 480px) {
    .menu-footer-powered {
        padding-bottom: 28px;
    }
}
/* Nearby help tabs + receiver-matched card style */
.category-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 4px 0 14px;
}

.category-tab {
    border: none;
    border-radius: 999px;
    padding: 10px 14px;
    background: #eef3fb;
    color: #1A5ABE;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    transition: all .18s ease;
}

.category-tab.active {
    background: #1A5ABE;
    color: #fff;
    box-shadow: 0 8px 16px rgba(26,90,190,.22);
}

.nearby-location-text {
    font-size: 13px;
    color: #555;
    margin-bottom: 14px;
    line-height: 1.6;
}

.help-group {
    display: inline-block;
    margin-bottom: 8px;
    padding: 5px 10px;
    border-radius: 999px;
    background: #edf3ff;
    color: #1A5ABE;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.help-open,
.help-note {
    font-size: 13px;
    color: #555;
    margin-bottom: 4px;
    line-height: 1.5;
}

.help-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

.cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 14px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.cta-call {
    background: #1A5ABE;
    color: #fff;
}

.cta-map {
    background: #FFF3EC;
    color: #DA2F25;
    border: 1px solid #F2C8B8;
}







/* ===== Menu button consistency ===== */
.menu-link{
    display:block;
    padding:0 !important;
    overflow:hidden;
}

.menu-link-inner{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:54px;
    padding:12px 14px;
    width:100%;
}

.menu-link-icon{
    width:34px;
    height:34px;
    min-width:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:rgba(247,163,30,.12);
    color:#C77700;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.44);
}

.menu-link-icon svg{
    width:18px;
    height:18px;
    display:block;
    stroke:currentColor;
    fill:none;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.menu-link-copy{
    min-width:0;
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.menu-link-text{
    display:block;
    color:inherit;
    font-size:15px;
    font-weight:700;
    line-height:1.2;
}

.menu-link-subtext{
    display:block;
    margin-top:2px;
    font-size:11px;
    font-weight:700;
    line-height:1.1;
    color:rgba(255,255,255,.84);
}

.menu-link-tail{
    width:18px;
    height:18px;
    min-width:18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:currentColor;
    opacity:.74;
}

.menu-link-tail svg{
    width:15px;
    height:15px;
    display:block;
    stroke:currentColor;
    fill:none;
    stroke-width:2.2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* ===== Nearby menu interactive CTA ===== */
.menu-link.nearby-link{
    position:relative;
    border:none !important;
    background:
        radial-gradient(circle at 16% 22%, rgba(255,255,255,.18), transparent 22%),
        linear-gradient(135deg,#F7A31E 0%, #FFBE4D 48%, #E58E00 100%) !important;
    color:#fff !important;
    border-radius:12px !important;
    box-shadow:
        0 10px 22px rgba(247,163,30,.32),
        inset 0 1px 0 rgba(255,255,255,.26) !important;
    transition:transform .18s ease, box-shadow .22s ease, filter .22s ease;
}

.menu-link.nearby-link:hover{
    transform:translateY(-1px);
    box-shadow:
        0 14px 28px rgba(247,163,30,.36),
        inset 0 1px 0 rgba(255,255,255,.28) !important;
    filter:saturate(1.02);
}

.menu-link.nearby-link.is-pressing,
.menu-link.nearby-link:active{
    transform:scale(.985);
}

.menu-link.nearby-link::before{
    content:"";
    position:absolute;
    top:0;
    left:-140%;
    width:72%;
    height:100%;
    background:linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.10) 38%, rgba(255,255,255,.40) 50%, rgba(255,255,255,.10) 62%, rgba(255,255,255,0) 100%);
    transform:skewX(-24deg);
    animation:nearbySheen 3.8s linear infinite;
    pointer-events:none;
}

.nearby-link .menu-link-inner{
    min-height:58px;
}

.nearby-link .menu-link-icon{
    background:rgba(255,255,255,.16);
    color:#fff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.20);
}

.nearby-link .menu-link-text{
    color:#fff;
    font-weight:800;
}

.nearby-link .menu-link-tail{
    position:relative;
}

.nearby-link .menu-link-tail::before,
.nearby-link .menu-link-tail::after{
    content:"";
    position:absolute;
    inset:50% auto auto 50%;
    width:18px;
    height:18px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.34);
    transform:translate(-50%, -50%) scale(.78);
    opacity:0;
}

.menu-link.nearby-link.is-opening .menu-link-tail::before{
    animation:nearbyPing 1.1s ease-out .05s 1;
}
.menu-link.nearby-link.is-opening .menu-link-tail::after{
    animation:nearbyPing 1.1s ease-out .24s 1;
}

@keyframes nearbySheen{
    0%{left:-140%}
    100%{left:160%}
}

@keyframes nearbyPing{
    0%{transform:translate(-50%, -50%) scale(.72); opacity:.62;}
    100%{transform:translate(-50%, -50%) scale(1.42); opacity:0;}
}

@media (max-width:768px){
    .menu-link-inner{min-height:52px;padding:11px 13px;gap:11px}
    .menu-link-text{font-size:14px}
    .menu-link-subtext{font-size:10px}
}


.nearby-help-card .utility-header{
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.16), transparent 30%),
        linear-gradient(135deg, #101010 0%, #232323 100%) !important;
}

.help-meta-chip{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
}

.help-title{
    letter-spacing:-.01em;
}