/* =====================================================
   ECOLAND MOBILE FOOTER – PREMIUM PWA STYLE
   Brand Green: #1f6b3a (top strip color)
   ===================================================== */

/* MAIN FOOTER WRAPPER */
.ecoland-mobile-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: transparent;
}

/* ================= CART BAR ================= */

.ecoland-cart-bar {
    position: fixed;
    bottom: 72px; /* above nav row */
    left: 12px;
    right: 12px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    padding: 12px 16px;
    background: #ffffff;
    color: #1f6b3a;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;

    border-radius: 16px;
    border-top: 4px solid #1f6b3a;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

/* Cart icon */
.ecoland-cart-bar svg {
    width: 22px;
    height: 22px;
    fill: #1f6b3a;
}

/* Tap feedback */
.ecoland-cart-bar:active {
    transform: scale(0.96);
    transition: transform 0.1s ease;
}

/* ================= BOTTOM NAV ================= */

.ecoland-footer-nav {
    display: flex;
    justify-content: space-around;

    background: #ffffff;
    padding: 10px 0 8px;

    border-radius: 18px 18px 0 0;
    box-shadow: 0 -6px 20px rgba(0,0,0,0.12);
}

/* Nav links */
.ecoland-footer-nav a {
    flex: 1;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
    color: #333333;
}


.ecoland-footer-nav svg {
    width: 22px;
    height: 22px;
    stroke: #2e7d32;
    fill: none;
    stroke-width: 2;
    display: block;
    margin: 0 auto 3px;
}

.ecoland-footer-nav a:hover svg,
.ecoland-footer-nav a:active svg {
    stroke: #1b5e20;
}


.ecoland-footer-nav a.active svg {
    stroke: #1b5e20;
}

.ecoland-footer-nav a.active span {
    font-weight: 600;
}


/* Active nav (add .active class via JS/PHP) */
.ecoland-footer-nav a.active svg {
    background: #1f6b3a;
    fill: #ffffff;
    transform: translateY(-4px);
}


/* Touch feedback */
.ecoland-footer-nav a:active svg {
    transform: scale(0.9);
}

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

@media (max-width: 768px) {

.ecoland-footer-nav a i {
    font-size: 18px;
    color: #1f6b3a;
    background: #eef4ef;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Active */
.ecoland-footer-nav a.active i {
    background: #1f6b3a;
    color: #ffffff;
}
}



@media (min-width: 768px) {
    .ecoland-mobile-footer {
        display: none;
    }
}

@media (max-width: 767px) {
    body {
        padding-bottom: 140px; /* space for nav + floating cart */
    }
}

/* ================= SAFE AREA (iOS NOTCH) ================= */

@supports (padding-bottom: env(safe-area-inset-bottom)) {
    .ecoland-footer-nav {
        padding-bottom: calc(8px + env(safe-area-inset-bottom));
    }
}