/* Listing content without the legacy Bootstrap/theme bundle. */
.listing-content .post-widget { margin-bottom: 30px; }
.listing-content .primary-heading { margin: 0 0 16px; border-left: 5px solid var(--primary-red); padding-left: 15px; }
.listing-content h1 { font-size: 30px; line-height: 1.5; }
.listing-content h2 { font-size: 23px; line-height: 1.5; }
.listing-content h3, .listing-content h4 { font-size: 18px; line-height: 1.6; }
.listing-content .white-bg { background: white; border-radius: 8px; box-shadow: 0 2px 5px #0000000d; padding: 20px; }
.listing-content .list-posts > li { border-bottom: 1px solid #eee; padding: 20px 0; }
.listing-content .list-posts > li:first-child { padding-top: 0; }
.listing-content .list-posts > li:last-child { padding-bottom: 0; border: 0; }
.listing-content .list-posts .row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 20px; }
.listing-content .post-thumb { position: relative; }
.listing-content .post-thumb img { width: 100%; height: auto; aspect-ratio: 8/5; object-fit: cover; border-radius: 4px; }
.listing-content .thumb-hover { position: absolute; inset: 0; }
.listing-content .thumb-hover a { position: absolute; inset: 0; }
.listing-content .thumb-hover a i { display: none; }
.listing-content .post-content h2 { font-size: 20px; line-height: 1.5; }
.listing-content .post-content a:hover { color: var(--primary-red); }
.listing-content .post-content p { font-size: 16px; line-height: 1.8; margin-top: 8px; }
.listing-content .post-meta { display: flex; flex-wrap: wrap; gap: 16px; color: #666; font-size: 13px; margin-block: 8px; }
.listing-content .post-meta i { margin-right: 6px; }
.listing-content .read-more { color: var(--primary-red); }
.listing-content .pagination { display: flex; flex-wrap: wrap; gap: 6px; margin: 24px 0; }
.listing-content .pagination a, .listing-content .pagination span { display: inline-flex; min-width: 36px; min-height: 44px; padding: 7px; align-items: center; justify-content: center; }
.listing-content .pagination > li > a, .listing-content .pagination > li > span { background: white; border: 1px solid #ddd; border-radius: 4px; }
.listing-content .pagination .active a { background: var(--primary-red); color: white; border-color: var(--primary-red); }
.listing-content .pagination a:not([href]) { color: #666; }
.listing-content .pagination .active a { color: white; }
.listing-popular { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.listing-popular h3, .listing-popular h4 { margin-top: 10px; }
.listing-content .text-right { text-align: right; padding: 15px 0; }
.listing-content .btn { display: inline-block; padding: 10px 15px; color: var(--primary-red); }
@media(max-width:600px) { .listing-content .white-bg { padding: 15px; } .listing-content .list-posts .row { grid-template-columns: 1fr; gap: 12px; } .listing-content h1 { font-size: 26px; } .listing-content .post-content h2 { font-size: 20px; } }