/* ghanaroll/public_html/wp-content/themes/ghanaroll/assets/css/random-listings.css
 * GhanaRoll Wdiget Random Listings Styles
    * This file styles the random listings widget for the GhanaRoll theme.
 */ 
            .ghanaroll-random-listings .news-grid {
                display: grid;
                grid-template-columns: 1fr; /* Single column for sidebar */
                gap: 1rem;
            }
            .ghanaroll-random-listings .news-item {
                display: flex;
                align-items: center;
                gap: 0.75rem;
                min-height: 100px;
                padding: 0.5rem;
                border: 1px solid #EF3340;
                border-radius: 5px;
                background-color: #FFFFFF;
                transition: transform 0.3s, box-shadow 0.3s;
                position: relative;
            }
            .ghanaroll-random-listings .news-item:hover {
                transform: translateY(-5px);
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            }
            .ghanaroll-random-listings .news-thumb {
                flex: 0 0 auto;
            }
            .ghanaroll-random-listings .news-thumb img {
                width: 100px;
                height: 100px;
                object-fit: cover;
                border-radius: 5px;
            }
            .ghanaroll-random-listings .news-item h3 {
                font-size: 1rem;
                margin: 0;
                flex: 1;
                color: #000000;
            }
            .ghanaroll-random-listings .news-item h3 a {
                color: #000000;
                text-decoration: none;
                font-size: small;
            }
            .ghanaroll-random-listings .news-item h3 a:hover {
                color: #EF3340;
            }
            .ghanaroll-random-listings .listing-price {
                position: absolute;
                bottom: 0.5rem;
                right: 0.5rem;
                font-size: 0.8rem;
                color: #EF3340;
                background-color: rgba(255, 255, 255, 0.8);
                padding: 0.2rem 0.5rem;
                border-radius: 3px;
            }
            .ghanaroll-random-listings .listing-location {
                position: absolute;
                bottom: 0.5rem;
                left: 0.5rem;
                font-size: 0.8rem;
                color: #009739;
                background-color: rgba(255, 255, 255, 0.8);
                padding: 0.2rem 0.5rem;
                border-radius: 3px;
            }
            @media (max-width: 768px) {
                .ghanaroll-random-listings .news-item {
                    min-height: 80px;
                }
                .ghanaroll-random-listings .news-thumb img {
                    width: 80px;
                    height: 80px;
                }
                .ghanaroll-random-listings .news-item h3 {
                    font-size: 0.9rem;
                }
                .ghanaroll-random-listings .listing-price, .ghanaroll-random-listings .listing-location {
                    font-size: 0.7rem;
                }
            }