/* =========================================
   DNNDevelopers MOBILE FOOTER ACCORDION
   Only for mobile <768px
========================================= */

@media (max-width:768px){

    /* remove default spacing for mobile stack */
    .footer-widget-wrapper .footer-widget{
        width:100%;
        margin-bottom:0;
        padding-bottom:0;
        border-bottom:1px solid rgba(255,255,255,0.08);
    }

    /* keep first about section always open */
    .footer-widget:first-child{
        border-bottom:none;
        margin-bottom:15px;
    }

    /* clickable headings */
    .footer-widget__title{
        position:relative;
        cursor:pointer;
        padding:14px 40px 14px 0;
        margin-bottom:0;
        font-size:16px;
        font-weight:600;
    }

    /* PLUS ICON */
    .footer-widget__title:after{
        content:"+";
        position:absolute;
        right:0;
        top:50%;
        transform:translateY(-50%);
        font-size:22px;
        font-weight:400;
        transition:all .3s ease;
    }

    /* MINUS ICON WHEN OPEN */
    .footer-widget.active .footer-widget__title:after{
        content:"–";
    }

    /* hide lists initially */
    .footer-widget__title + .footer-widget__list{
        max-height:0;
        overflow:hidden;
        transition:max-height .35s ease;
        padding-left:0;
        margin-bottom:0;
    }

    /* open state */
    .footer-widget.active .footer-widget__list{
        max-height:800px;
        padding-top:10px;
        padding-bottom:15px;
    }

    /* link spacing */
    .footer-widget__list li{
        margin:7px 0;
        font-size:14px;
    }

    .footer-widget__list a{
        font-size:14px;
        line-height:1.6;
    }

}


/* =========================================
   MOBILE FLOATING CALL BUTTON - DNNDevelopers
   Premium SaaS Style
========================================= */

.mobile-call-btn {
    display: none;
}

/* MOBILE ONLY */
@media (max-width:768px) {

    .mobile-call-btn {
        position: fixed;
        right: 18px;
        bottom: 90px; /* sits above chat widget */
        z-index: 99999;
        display: flex;
        align-items: center;
        gap: 10px;
        background: linear-gradient(135deg,#1e73be,#0d5cab);
        color: #fff;
        padding: 12px 18px;
        border-radius: 50px;
        font-size: 15px;
        font-weight: 600;
        text-decoration: none;
        box-shadow: 0 10px 25px rgba(0,0,0,0.25);
        transition: all .25s ease;
        animation: pulseGlow 2s infinite;
    }

        /* icon circle */
        .mobile-call-btn .call-icon {
            width: 36px;
            height: 36px;
            background: #fff;
            color: #1e73be;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
        }

        /* hover */
        .mobile-call-btn:active {
            transform: scale(.96);
        }

        /* modern hover */
        .mobile-call-btn:hover {
            box-shadow: 0 12px 28px rgba(0,0,0,0.35);
            transform: translateY(-2px);
        }

    /* pulse animation */
    @keyframes pulseGlow {
        0% {
            box-shadow: 0 0 0 0 rgba(30,115,190,.6);
        }

        70% {
            box-shadow: 0 0 0 14px rgba(30,115,190,0);
        }

        100% {
            box-shadow: 0 0 0 0 rgba(30,115,190,0);
        }
    }
}