/* ==========================================================
   AZELITA COMPANY LIMITED
   FINAL POLISH 2026
   ========================================================== */

html{
    scroll-padding-top:115px;
}

body{
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
}

.site-header{
    transition:
        background .25s ease,
        box-shadow .25s ease,
        border-color .25s ease,
        transform .25s ease !important;
}

.site-header.az-header-scrolled{
    background:rgba(255,255,255,.985) !important;

    box-shadow:
        0 12px 45px
        rgba(0,0,0,.09) !important;

    border-bottom-color:
        rgba(0,0,0,.08) !important;
}


/* ----------------------------------------------------------
   GLOBAL PREMIUM INTERACTIONS
   ---------------------------------------------------------- */

.btn,
.nav-cta{
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        background .22s ease !important;
}

.btn:hover,
.nav-cta:hover{
    transform:translateY(-2px) !important;
}

.btn-orange:hover{
    box-shadow:
        0 14px 30px
        rgba(239,90,24,.25) !important;
}

.btn-green:hover{
    box-shadow:
        0 14px 30px
        rgba(35,130,73,.22) !important;
}

.p3-card,
.p3-invest-card,
.p3-why-card,
.about-card,
.showcase-card{
    will-change:transform;
}


/* ----------------------------------------------------------
   SECTION REVEAL
   ---------------------------------------------------------- */

.az-reveal{
    opacity:0;
    transform:translateY(26px);

    transition:
        opacity .68s ease,
        transform .68s ease !important;
}

.az-reveal.az-visible{
    opacity:1;
    transform:none;
}


/* ----------------------------------------------------------
   FINAL METRICS
   ---------------------------------------------------------- */

.az-final-metrics{
    padding:105px 0;

    position:relative;
    overflow:hidden;

    color:#fff;

    background:
        radial-gradient(
            circle at 12% 10%,
            rgba(239,90,24,.16),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 90%,
            rgba(36,131,73,.15),
            transparent 28%
        ),
        #0a0a0a;
}

.az-final-metrics::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.16;

    background-image:
        linear-gradient(
            rgba(255,255,255,.045) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.045) 1px,
            transparent 1px
        );

    background-size:46px 46px;
}

.az-final-metrics .container{
    position:relative;
    z-index:2;
}

.az-metrics-heading{
    max-width:850px;
    margin-bottom:50px;
}

.az-metrics-heading>span{
    color:#ef5a18;

    font-size:.64rem;
    font-weight:800;
    letter-spacing:.18em;
}

.az-metrics-heading h2{
    margin-top:10px;

    color:#fff;

    font-size:
        clamp(
            2.5rem,
            4.3vw,
            4.4rem
        );

    line-height:1;
    letter-spacing:-.05em;
}

.az-metrics-heading h2 strong{
    display:block;
    color:#ef5a18;
}

.az-metrics-grid{
    display:grid;
    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:18px;
}

.az-metrics-grid article{
    min-width:0;
    min-height:245px;

    padding:30px;

    position:relative;
    overflow:hidden;

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

    border-radius:18px;

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

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);

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

.az-metrics-grid article:hover{
    transform:translateY(-6px);

    border-color:
        rgba(239,90,24,.42);

    background:
        rgba(255,255,255,.065);
}

.az-counter{
    display:block;

    color:#ef5a18;

    font-size:3.8rem;
    font-weight:800;

    line-height:1;
    letter-spacing:-.06em;
}

.az-metrics-grid article>span{
    display:block;

    margin-top:35px;

    color:#fff;

    font-size:.95rem;
    font-weight:800;
}

.az-metrics-grid p{
    margin-top:8px;

    color:#949494;

    font-size:.78rem;
    line-height:1.65;
}


/* ----------------------------------------------------------
   CONTACT FINAL POLISH
   ---------------------------------------------------------- */

#contact{
    position:relative;
}

#contact .contact-details-card,
#contact .contact-card{
    border-radius:20px !important;

    box-shadow:
        0 25px 70px
        rgba(0,0,0,.08) !important;
}

#contact .contact-detail,
#contact .contact-card>a,
#contact .contact-card>div{
    transition:
        transform .22s ease,
        background .22s ease,
        border-color .22s ease !important;
}

#contact .contact-detail:hover,
#contact .contact-card>a:hover{
    background:#fff !important;
}


/* ----------------------------------------------------------
   FOOTER FINAL POLISH
   ---------------------------------------------------------- */

.footer-premium,
footer{
    position:relative;
    overflow:hidden;
}

.footer-premium::before,
footer::before{
    content:"";

    width:420px;
    height:420px;

    position:absolute;
    left:-230px;
    bottom:-260px;

    border-radius:50%;

    background:
        rgba(239,90,24,.055);

    pointer-events:none;
}

.footer-brand img{
    filter:none !important;
}


/* ----------------------------------------------------------
   BACK TO TOP
   ---------------------------------------------------------- */

.az-back-top{
    width:48px;
    height:48px;

    position:fixed;

    right:28px;
    bottom:100px;

    z-index:4800;

    display:grid;
    place-items:center;

    padding:0;

    border:0;
    border-radius:50%;

    color:#fff;
    background:#111;

    cursor:pointer;

    font-size:1.15rem;
    font-weight:800;

    box-shadow:
        0 12px 32px
        rgba(0,0,0,.25);

    opacity:0;
    visibility:hidden;

    transform:translateY(10px);

    transition:
        opacity .25s ease,
        visibility .25s ease,
        transform .25s ease,
        background .25s ease;
}

.az-back-top.az-show{
    opacity:1;
    visibility:visible;
    transform:none;
}

.az-back-top:hover{
    background:#ef5a18;
}


/* ----------------------------------------------------------
   WHATSAPP POSITION COMPATIBILITY
   ---------------------------------------------------------- */

.wa-widget{
    z-index:4900 !important;
}


/* ----------------------------------------------------------
   RESPONSIVE
   ---------------------------------------------------------- */

@media(max-width:1000px){

    .az-metrics-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}

@media(max-width:560px){

    html{
        scroll-padding-top:90px;
    }

    .az-final-metrics{
        padding:75px 0;
    }

    .az-metrics-grid{
        grid-template-columns:1fr;
    }

    .az-metrics-grid article{
        min-height:210px;
    }

    .az-counter{
        font-size:3.3rem;
    }

    .az-back-top{
        width:44px;
        height:44px;

        right:18px;
        bottom:88px;
    }

}


/* ----------------------------------------------------------
   ACCESSIBILITY
   ---------------------------------------------------------- */

a:focus-visible,
button:focus-visible{
    outline:
        3px solid
        rgba(239,90,24,.55);

    outline-offset:3px;
}

::selection{
    color:#fff;
    background:#ef5a18;
}

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

    *,
    *::before,
    *::after{
        scroll-behavior:auto !important;
        animation:none !important;
        transition:none !important;
    }

    .az-reveal{
        opacity:1 !important;
        transform:none !important;
    }

}