/* Business mobile refinements */
body.drosly-business-ready{
    --business-green:#023720;
    --business-green-2:#006747;
    --business-gold:#d6a935;
    --business-soft:#f5faf7;
}

/* Slightly more corporate feeling for business install banner */
.drosly-business-install-banner{
    background:
        radial-gradient(circle at top right, rgba(214,169,53,.18), transparent 36%),
        linear-gradient(135deg, #071f16 0%, #023720 58%, #006747 100%);
}

.drosly-business-install-banner .drosly-install-banner__brand img{
    background:#fff;
    padding:4px;
}

.drosly-business-install-banner .drosly-install-banner__btn{
    color:#023720;
    background:linear-gradient(135deg, #ffffff, #eef8f2);
}

/* Business bottom nav */
.drosly-business-mobile-nav{
    border-color:rgba(2,55,32,.12);
    box-shadow:
        0 20px 50px rgba(2,55,32,.17),
        inset 0 1px 0 rgba(255,255,255,.92);
}

.drosly-business-mobile-nav .drosly-mobile-nav__item.is-active .drosly-mobile-nav__icon{
    background:
        radial-gradient(circle at 25% 18%, rgba(255,255,255,.35), transparent 34%),
        linear-gradient(135deg, #023720 0%, #006747 100%);
}

/* Business ranking active glow */
.drosly-business-mobile-nav .drosly-mobile-nav__item--honor.is-active .drosly-mobile-nav__icon::after{
    border-color:rgba(214,169,53,.60);
}

/* Mobile spacing for business layout */
@media (max-width:1023px){
    body.drosly-business-ready{
        background:
            radial-gradient(circle at top right, rgba(0,103,71,.10), transparent 34%),
            linear-gradient(180deg, #ffffff 0%, #f7fbf8 48%, #ffffff 100%);
    }

    body.drosly-business-ready .drosly-main-content{
        padding-bottom:112px;
    }

    body.drosly-business-ready .dr-footer{
        padding-bottom:112px;
    }

    body.drosly-business-ready header .h-20{
        height:72px !important;
    }

    body.drosly-business-ready header img.w-44{
        width:132px !important;
        max-width:132px !important;
    }

    body.drosly-business-ready header span.text-primary-500{
        font-size:16px !important;
        line-height:1.1;
    }
}

/* If opened as installed app */
@media all and (display-mode: standalone){
    .drosly-business-install-banner{
        display:none !important;
    }
}
/* =========================
   Business Premium Mobile Nav
========================= */
.drosly-business-mobile-nav{
    background:
        linear-gradient(180deg, rgba(255,255,255,.97), rgba(248,252,250,.95));
    border-color: rgba(2,55,32,.12);
    box-shadow:
        0 22px 55px rgba(2,55,32,.18),
        0 8px 20px rgba(15,23,42,.06),
        inset 0 1px 0 rgba(255,255,255,.95);
}

.drosly-business-mobile-nav::before{
    background:
        radial-gradient(circle at 15% 0%, rgba(214,169,53,.10), transparent 34%),
        radial-gradient(circle at 85% 100%, rgba(2,55,32,.09), transparent 38%);
}

.drosly-business-mobile-nav .drosly-mobile-nav__item.is-active .drosly-mobile-nav__icon{
    background:
        radial-gradient(circle at 28% 20%, rgba(255,255,255,.38), transparent 36%),
        linear-gradient(135deg, #023720 0%, #006747 65%, #2eb97e 100%);
    box-shadow:
        0 13px 24px rgba(2,55,32,.24),
        inset 0 1px 0 rgba(255,255,255,.22);
}

/* Business Ranking: gold executive effect */
.drosly-business-mobile-nav .drosly-mobile-nav__item--business-rank .drosly-mobile-nav__icon{
    color: #9b7419;
}

.drosly-business-mobile-nav .drosly-mobile-nav__item--business-rank.is-active .drosly-mobile-nav__icon{
    background:
        radial-gradient(circle at 25% 18%, rgba(255,255,255,.48), transparent 34%),
        linear-gradient(135deg, #023720 0%, #00724a 55%, #d6a935 135%);
}

.drosly-business-mobile-nav .drosly-mobile-nav__item--business-rank.is-active .drosly-mobile-nav__icon::after{
    content:"";
    position:absolute;
    inset:-5px;
    border-radius: 22px;
    border: 1px solid rgba(214,169,53,.65);
    animation: droslyBusinessRankPulse 1.9s ease-in-out infinite;
}

@keyframes droslyBusinessRankPulse{
    0%,100%{
        transform: scale(.94);
        opacity:.25;
    }
    50%{
        transform: scale(1.08);
        opacity:.84;
    }
}

/* Small corporate shine on active item */
.drosly-business-mobile-nav .drosly-mobile-nav__item.is-active .drosly-mobile-nav__icon::before{
    content:"";
    position:absolute;
    top: 4px;
    left: 8px;
    width: 14px;
    height: 7px;
    border-radius: 999px;
    background: rgba(255,255,255,.32);
    filter: blur(.2px);
    pointer-events:none;
}

/* Better label for business */
.drosly-business-mobile-nav .drosly-mobile-nav__item small{
    font-size: 10.2px;
    font-weight: 850;
}

/* RTL safe */
html[dir="rtl"] .drosly-business-mobile-nav{
    direction: rtl;
}