/* Mobile bottom navigation bar — to remove: delete this file + 1 line in header.php + 1 line in footer.php */

@media (max-width: 767.98px) {
    body {
        padding-bottom: 68px !important;
    }

    .mn-bar {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 60px;
        background: #ffffff;
        border-top: 1px solid #e5e7eb;
        display: flex;
        z-index: 1045;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, .08);
    }

    .mn-item {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        color: #9ca3af;
        font-size: 10px;
        gap: 3px;
        -webkit-tap-highlight-color: transparent;
        transition: color .15s;
    }

    .mn-item i {
        font-size: 19px;
        line-height: 1;
    }

    .mn-item span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        padding: 0 2px;
    }

    .mn-item.mn-active {
        color: #2563eb;
    }

    .mn-item:active {
        color: #1d4ed8;
    }
}

/* Dark theme support */
@media (max-width: 767.98px) {
    [data-theme="dark"] .mn-bar,
    body.dark-theme .mn-bar {
        background: #1e2330;
        border-top-color: #2d3347;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, .3);
    }

    [data-theme="dark"] .mn-item,
    body.dark-theme .mn-item {
        color: #6b7280;
    }

    [data-theme="dark"] .mn-item.mn-active,
    body.dark-theme .mn-item.mn-active {
        color: #60a5fa;
    }
}

@media (min-width: 768px) {
    .mn-bar {
        display: none !important;
    }
}