/* ============================================
   IDEALS DETAIL PAGES - Mobile Nav Buttons
   Previous/Next buttons side by side (bagal bagal)
   ============================================ */

@media (max-width: 768px) {
    .nav-buttons {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 10px !important;
        justify-content: space-between !important;
        align-items: stretch !important;
        margin: 30px 0 !important;
    }
    .nav-btn {
        flex: 1 1 0 !important;
        min-width: 80px !important;
        max-width: 50% !important;
        width: auto !important;
        text-align: center !important;
        padding: 12px 10px !important;
        font-size: clamp(0.7rem, 2vw, 0.85rem) !important;
        line-height: 1.3 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
    }
}

@media (max-width: 480px) {
    .nav-buttons {
        gap: 8px !important;
    }
    .nav-btn {
        padding: 12px 10px !important;
    }
    .nav-btn i {
        font-size: 1.1rem !important;
    }
}