/* Top Image */
.content-item-image {
    width: 100%;
    height: auto;
    max-height: 400px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 20px;
}
/* Contact and Map Section */
.content-details {
    margin-bottom: 30px;
}
.contact-info {
    font-size: 1rem;
    color: #333;
}
.contact-info p {
    margin: 5px 0;
}
.google-map {
    width: 100%;
    height: 250px;
    border: 2px solid #ddd;
    border-radius: 8px;
}
.get-directions-btn, .whatsapp-btn {
    display: inline-block;
    background-color: #263826;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    margin-top: 10px;
    margin-right: 10px;
}
.get-directions-btn:hover {
    background-color: #0056b3;
    color: white;
    text-decoration: none;
}
.whatsapp-btn {
    background-color: #25D366; /* WhatsApp green */
}
.whatsapp-btn:hover {
    background-color: #1DA851;
    color: white;
    text-decoration: none;
}
/* Menu Section */
.menu-section {
    margin-bottom: 30px;
}
.menu-image {
    width: 100%;
    max-width: 600px;
    height: auto;
    border-radius: 8px;
    display: block;
    margin: 0 auto 15px;
}
.menu-navigation {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.menu-btn {
    background-color: rgb(13, 31, 17);
    color: white;
    padding: 8px 16px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.9rem;
}
.menu-btn:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}
.menu-btn:hover:not(:disabled) {
    background-color: rgb(8, 10, 12);
}
/* Reviews Section */
.reviews-section {
    margin-bottom: 30px;
}
.review-box {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}
.review-box h4 {
    margin-bottom: 15px;
}
.review-box .form-group {
    margin-bottom: 15px;
}
.review-box label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
}
.review-box input, .review-box textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 1rem;
}
.review-box textarea {
    height: 100px;
    resize: vertical;
}
.review-box button {
    background-color: #263826;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
.review-box button:hover {
    background-color: #1a261a;
}
.review-item {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}
.review-item:last-child {
    border-bottom: none;
}
.review-item p {
    margin: 5px 0;
}
.review-item .reviewer-name {
    font-weight: 600;
}
.review-item .review-date {
    font-size: 0.9rem;
    color: #666;
}
/* Photos, Videos, Share */
.photos-videos-section, .share-section {
    margin-bottom: 30px;
}
.share-section a {
    margin-right: 10px;
    font-size: 1.2rem; /* Smaller icons */
}
.share-section .fa-facebook { color: #3b5998; } /* Facebook blue */
.share-section .fa-twitter { color: #1DA1F2; } /* Twitter blue */
.share-section .fa-instagram { color: #E1306C; } /* Instagram pink */
.share-section .fa-linkedin { color: #0077B5; } /* LinkedIn blue */
.share-section .fa-pinterest { color: #BD081C; } /* Pinterest red */
/* Trending Section */
.trending-post {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.trending-post:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.trending-post img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 8px;
}
.trending-post .post-published-date {
    font-size: 0.9rem;
    color: #666;
    margin: 5px 0;
}
.trending-post .post-title {
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0;
    color: #333;
}
.trending-post .blog-post-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #e74c3c;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 0.8rem;
}
/* Messages */
.success-message, .error-message {
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 20px;
}
.success-message {
    color: #155724;
    background-color: #d4edda;
}
.error-message {
    color: #721c24;
    background-color: #f8d7da;
}
/* Responsive Adjustments */
@media (max-width: 767px) {
    .google-map {
        height: 150px;
    }
    .content-item-image {
        max-height: 300px;
    }
    .menu-image {
        max-width: 100%;
    }
    .menu-navigation {
        gap: 10px;
    }
    .menu-btn {
        padding: 6px 12px;
        font-size: 0.8rem;
    }
    .get-directions-btn, .whatsapp-btn {
        padding: 8px 16px;
        font-size: 0.9rem;
    }
    .trending-post img {
        height: 150px;
    }
    .trending-post .post-title {
        font-size: 1rem;
    }
}