body {
    touch-action: manipulation;
}

img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 767.98px) {
    .navbar-brand {
        font-size: 1.25rem;
    }


    .nav-pills {
        flex-direction: column;
    }

    .nav-item {
        margin: 5px 0;
    }

    #add_opinion {
        width: 100%;
        margin-top: 1rem;
    }

    .hero-section {
        height: 200px !important;
    }

    .comment-card {
        margin: 10px 0;
    }

    .nested-comments {
        margin-left: 1rem;
        padding-left: 1rem;
        border-width: 2px;
    }

    .card-body {
        padding: 1rem;
    }

    .modal-dialog {
        margin: 0.5rem;
    }

    .map-card iframe {
        height: 180px;
    }

    .contact-info .bi {
        font-size: 1.2rem;
    }

    footer .col-md-4,
    footer .col-md-2,
    footer .col-md-3 {
        margin-bottom: 1.5rem;
    }

    /* Adjustments for data tables */
    dl.row {
        margin: 0;
    }

    dt.col-sm-5,
    dd.col-sm-7 {
        padding: 0.3rem;
        font-size: 0.9rem;
    }
}

/* Ogólne poprawki dla mobile */
.comment-card {
    margin: 15px 0;
}

.btn-reply,
.like-button {
    padding: 8px;
    font-size: 0.9rem;
}

.modal-content {
    border-radius: 8px;
}

.form-control {
    font-size: 0.9rem;
}

.rating-stars {
    font-size: 1.5rem;
}

@media (min-width: 768px) {
    .nested-comments {
        margin-left: 2.5rem;
    }
}
@media (max-width: 991.98px) {
    .side-section {
        margin-top: 2rem;
    }
    
    .nav-pills {
        flex-wrap: nowrap;
        overflow-x: auto;
    }
}