.category-hidden {
        display: none;
        }

        .icon-button {
            display: none;
            }

            .modal-content {
                animation: slideIn 0.3s ease-out;
                }

                @keyframes slideIn {
                    from {
                            transform: translateY(-50px);
                                    opacity: 0;
                                        }
                                            to {
                                                    transform: translateY(0);
                                                            opacity: 1;
                                                                }
                                                                }

                                                                .ad-card:hover {
                                                                    transform: scale(1.02);
                                                                        transition: transform 0.2s;
                                                                        }

                                                                        .category-link.bg-blue-300 {
                                                                            background-color: #93c5fd !important;
                                                                                transform: scale(1.05);
                                                                                    transition: all 0.2s ease-in-out;
                                                                                    }

                                                                                    /* Style pour les images des annonces dans index.php et view_ad.php */
                                                                                    .bg-white.shadow-md.rounded-md.overflow-hidden img {
                                                                                        object-fit: contain; /* Affiche l'image entière sans rogner */
                                                                                            background-color: #f0f0f0; /* Fond gris clair pour les espaces vides */
                                                                                                object-position: center; /* Centre l'image */
                                                                                                    width: 100%; /* Assure que l'image remplit la largeur du conteneur */
                                                                                                    }

                                                                                                    /* Style pour le numéro de téléphone cliquable */
                                                                                                    a[href^="tel"] {
                                                                                                        color: #2563eb; /* Bleu pour indiquer un lien cliquable (correspond à text-blue-600) */
                                                                                                            text-decoration: none; /* Pas de soulignement par défaut */
                                                                                                                transition: text-decoration 0.2s ease-in-out; /* Transition fluide pour le soulignement */
                                                                                                                }

                                                                                                                a[href^="tel"]:hover {
                                                                                                                    text-decoration: underline; /* Soulignement au survol pour indiquer l'interactivité */
                                                                                                                    }

                                                                                                                    /* Ensure modal content fits well */
                                                                                                                    .modal-content iframe {
                                                                                                                        width: 100%;
                                                                                                                            max-height: 80vh;
                                                                                                                            }
}