/* ==========================================================
   INSIDEUDAIPUR
   PREMIUM FOOTER
   REUSABLE / CONFLICT-SAFE
========================================================== */

.iu-footer{

    position:relative;

    width:100%;

    margin:0;

    background:#0b1f35;

    color:#dbe4ee;

    overflow:hidden;

}


/* ==========================================================
   TOP DECORATIVE GLOW
========================================================== */

.iu-footer::before{

    content:"";

    position:absolute;

    width:520px;

    height:520px;

    top:-280px;

    right:-160px;

    border-radius:50%;

    background:rgba(212,160,23,.08);

    filter:blur(90px);

    pointer-events:none;

}

.iu-footer::after{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    bottom:-280px;

    left:-180px;

    border-radius:50%;

    background:rgba(35,91,135,.12);

    filter:blur(90px);

    pointer-events:none;

}


/* ==========================================================
   FOOTER CONTAINER
========================================================== */

.iu-footer-container{

    position:relative;

    z-index:2;

    width:min(100% - 40px,var(--container));

    margin-inline:auto;

}


/* ==========================================================
   MAIN FOOTER
========================================================== */

.iu-footer-main{

    display:grid;

    grid-template-columns:1.7fr 1fr 1fr 1fr;

    gap:55px;

    padding:75px 0 60px;

}


/* ==========================================================
   BRAND COLUMN
========================================================== */

.iu-footer-brand{

    max-width:390px;

}

.iu-footer-logo{

    display:inline-flex;

    align-items:center;

    gap:12px;

    margin-bottom:20px;

    color:#fff;

    text-decoration:none;

}

.iu-footer-logo-mark{

    display:flex;

    align-items:center;

    justify-content:center;

    width:46px;

    height:46px;

    border-radius:14px;

    background:linear-gradient(
        135deg,
        #d4a017,
        #b8860b
    );

    color:#fff;

    font-size:1.2rem;

    font-weight:800;

    box-shadow:0 10px 25px rgba(212,160,23,.18);

}

.iu-footer-logo-text{

    color:#fff;

    font-size:1.35rem;

    font-weight:800;

    letter-spacing:-.02em;

}

.iu-footer-description{

    margin:0;

    max-width:360px;

    color:#aebdcb;

    font-size:.95rem;

    line-height:1.8;

}


/* ==========================================================
   SOCIAL LINKS
========================================================== */

.iu-footer-social{

    display:flex;

    align-items:center;

    gap:10px;

    margin-top:26px;

}

.iu-footer-social a{

    display:flex;

    align-items:center;

    justify-content:center;

    width:40px;

    height:40px;

    border:1px solid rgba(255,255,255,.12);

    border-radius:50%;

    background:rgba(255,255,255,.05);

    color:#fff;

    text-decoration:none;

    font-size:.9rem;

    transition:
        transform .3s ease,
        background .3s ease,
        border-color .3s ease;

}

.iu-footer-social a:hover{

    transform:translateY(-3px);

    background:#d4a017;

    border-color:#d4a017;

    color:#fff;

}


/* ==========================================================
   FOOTER COLUMNS
========================================================== */

.iu-footer-column h3{

    margin:0 0 20px;

    color:#fff;

    font-size:1rem;

    font-weight:800;

}

.iu-footer-column ul{

    list-style:none;

    margin:0;

    padding:0;

}

.iu-footer-column li{

    margin:0 0 11px;

    padding:0;

}

.iu-footer-column a{

    display:inline-block;

    color:#aebdcb;

    font-size:.93rem;

    line-height:1.5;

    text-decoration:none;

    transition:
        color .25s ease,
        transform .25s ease;

}

.iu-footer-column a:hover{

    color:#d4a017;

    transform:translateX(4px);

}


/* ==========================================================
   FOOTER DIVIDER
========================================================== */

.iu-footer-divider{

    width:100%;

    height:1px;

    background:rgba(255,255,255,.10);

}


/* ==========================================================
   BOTTOM BAR
========================================================== */

.iu-footer-bottom{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    padding:24px 0;

}

.iu-footer-copyright{

    margin:0;

    color:#8fa1b3;

    font-size:.85rem;

    line-height:1.6;

}

.iu-footer-bottom-links{

    display:flex;

    align-items:center;

    gap:22px;

    flex-wrap:wrap;

}

.iu-footer-bottom-links a{

    color:#8fa1b3;

    font-size:.85rem;

    text-decoration:none;

    transition:color .25s ease;

}

.iu-footer-bottom-links a:hover{

    color:#d4a017;

}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1024px){

    .iu-footer-main{

        grid-template-columns:1.5fr 1fr 1fr;

        gap:40px;

    }

    .iu-footer-brand{

        grid-column:span 3;

        max-width:600px;

    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:768px){

    .iu-footer-container{

        width:min(100% - 32px,var(--container));

    }

    .iu-footer-main{

        grid-template-columns:1fr 1fr;

        gap:38px 25px;

        padding:55px 0 45px;

    }

    .iu-footer-brand{

        grid-column:span 2;

    }

    .iu-footer-description{

        max-width:100%;

    }

    .iu-footer-bottom{

        align-items:flex-start;

        flex-direction:column;

        padding:22px 0;

    }

    .iu-footer-bottom-links{

        gap:14px 20px;

    }

}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media(max-width:480px){

    .iu-footer-main{

        grid-template-columns:1fr;

        gap:32px;

    }

    .iu-footer-brand{

        grid-column:auto;

    }

    .iu-footer-column h3{

        margin-bottom:15px;

    }

    .iu-footer-social a{

        width:38px;

        height:38px;

    }

}


/* ==========================================================
   ACCESSIBILITY
========================================================== */

.iu-footer a:focus-visible{

    outline:2px solid #d4a017;

    outline-offset:4px;

    border-radius:4px;

}


/* ==========================================================
   REDUCED MOTION
========================================================== */

@media(prefers-reduced-motion:reduce){

    .iu-footer a{

        transition:none;

    }

}