/* HollaCash Ultra Premium Footer — v1 */
/* Scoped to Earn Page to preserve other pages */

.hc-page .footer-section {
    position: relative;
    background:
        radial-gradient(ellipse at 8% 5%, rgba(16,223,122,.075), transparent 38%),
        radial-gradient(ellipse at 95% 85%, rgba(245,190,75,.035), transparent 35%),
        linear-gradient(180deg,#0a1722 0%,#07111b 60%,#050b12 100%) !important;
    border-top: 1px solid rgba(16,223,122,.22) !important;
    overflow: hidden;
}

.hc-page .footer-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 12%;
    right: 12%;
    height: 1px;
    background: linear-gradient(90deg,transparent,#10df7a,transparent);
    opacity: .65;
    pointer-events: none;
}

.hc-page .footer-content {
    position: relative;
    z-index: 1;
}

.hc-page .footer-logo img {
    max-width: 180px;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 4px 15px rgba(16,223,122,.12));
}

.hc-page .footer-text {
    color: #98aabc !important;
    line-height: 1.8;
    font-size: 13px;
}

.hc-page .footer-social-icon > span,
.hc-page .footer-widget-heading h3 {
    color: #f5fafc !important;
    font-weight: 800 !important;
    letter-spacing: -.25px;
}

.hc-page .footer-widget-heading h3::before {
    background: #10df7a !important;
    border-radius: 4px;
    box-shadow: 0 0 12px rgba(16,223,122,.25);
}

.hc-page .footer-social-icon a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 12px !important;
    background: linear-gradient(145deg,#132c3b,#0b1d2b) !important;
    border: 1px solid rgba(16,223,122,.20) !important;
    color: #44eaa0 !important;
    box-shadow: inset 0 1px rgba(255,255,255,.035),
                0 5px 15px rgba(0,0,0,.12);
    transition: transform .2s, border-color .2s, box-shadow .2s;
}

.hc-page .footer-social-icon a:hover {
    transform: translateY(-3px);
    border-color: rgba(16,223,122,.6) !important;
    color: #fff !important;
    box-shadow: 0 8px 22px rgba(16,223,122,.12) !important;
}

.hc-page .footer-widget ul li a {
    color: #9aafc0 !important;
    transition: color .2s, padding-left .2s;
}

.hc-page .footer-widget ul li a:hover {
    color: #51edaa !important;
    padding-left: 3px;
}

.hc-page .cas_main {
    display: grid !important;
    grid-template-columns: repeat(auto-fit,minmax(155px,1fr)) !important;
    gap: 12px !important;
}

.hc-page .cas_1 {
    position: relative;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0;
    padding: 17px 15px !important;
    border: 1px solid rgba(148,163,184,.12) !important;
    border-radius: 16px !important;
    background: linear-gradient(145deg,rgba(20,45,59,.88),rgba(10,25,38,.95)) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.04),
                0 10px 26px rgba(0,0,0,.16) !important;
    color: #94aabd !important;
    transition: transform .2s, border-color .2s, box-shadow .2s;
}

.hc-page .cas_1:hover {
    transform: translateY(-3px);
    border-color: rgba(16,223,122,.38) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.24),
                0 0 18px rgba(16,223,122,.055) !important;
}

.hc-page .cas_1 > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: rgba(16,223,122,.09);
    border: 1px solid rgba(16,223,122,.12);
    color: #45e99e !important;
    font-size: 15px;
    filter: none !important;
}

.hc-page .cas_1:first-child > i {
    color: #60d9f4 !important;
    background: rgba(96,217,244,.09);
    border-color: rgba(96,217,244,.15);
}

.hc-page .cas_1:nth-child(3) > i,
.hc-page .cas_1:nth-child(4) > i,
.hc-page .cas_1:nth-child(5) > i {
    color: #f5c66d !important;
    background: rgba(245,198,109,.08);
    border-color: rgba(245,198,109,.13);
}

.hc-page .cas_1 > span {
    min-width: 0;
    font-size: 11px;
    line-height: 1.6;
}

.hc-page .cas_1 .font-medium {
    display: block;
    color: #f4f9fc !important;
    font-size: 19px;
    font-weight: 850 !important;
    letter-spacing: -.5px;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.hc-page .copyright-area {
    background: rgba(2,8,14,.7) !important;
    border-top: 1px solid rgba(148,163,184,.10) !important;
}

.hc-page .copyright-text p {
    color: #8196a9 !important;
    font-size: 12px;
}

.hc-page .copyright-text a {
    color: #50e9a3 !important;
    font-weight: 700;
}

.hc-page .footer-menu li a {
    color: #98aabc !important;
    transition: color .2s;
}

.hc-page .footer-menu li a:hover {
    color: #50e9a3 !important;
}

@media (max-width: 600px) {
    .hc-page .cas_main {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 9px !important;
    }
    .hc-page .cas_1 {
        padding: 12px 10px !important;
        gap: 8px !important;
        border-radius: 13px !important;
    }
    .hc-page .cas_1 > i {
        width: 32px;
        height: 32px;
        font-size: 13px;
    }
    .hc-page .cas_1 .font-medium {
        font-size: 16px;
    }
    .hc-page .footer-text {
        font-size: 12px;
    }
}

@media (max-width: 360px) {
    .hc-page .cas_main {
        grid-template-columns: 1fr !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hc-page .cas_1,
    .hc-page .footer-social-icon a {
        transition: none !important;
    }
}