/* Optimized CSS for Construction News - Performance Enhanced */
:root{--theme-transition-speed:.3s;--theme-transition-timing:ease}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}
body{transition:background-color var(--theme-transition-speed) var(--theme-transition-timing),color var(--theme-transition-speed) var(--theme-transition-timing);padding-top:180px}
.trending-article-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)!important}
.trending-article-card:hover .trending-image{transform:scale(1.05)}
.trending-article-card .trending-title{transition:color .3s ease}
.trending-article-card:hover .trending-title{color:var(--bs-primary)!important}
.top-blue-section{background-color:#304395;color:white;font-size:.85rem;position:fixed;top:0;left:0;right:0;z-index:1031;transition:background-color var(--theme-transition-speed) var(--theme-transition-timing)}
.navbar-container{position:fixed;top:27px;right:0;left:0;z-index:1030;box-shadow:0 2px 5px rgba(0,0,0,.1);display:flex;flex-direction:column;transition:all .3s ease;width:100%}
.navbar-top{padding:.5rem 0}
.navbar-bottom{padding:0}
.navbar-bottom .nav-link{padding:.75rem 1rem;font-weight:400;font-size:.95rem;transition:all .2s ease;letter-spacing:.01em;position:relative}
.navbar-bottom .nav-link:hover{background-color:rgba(255,255,255,.05);color:#c8680f!important}
.navbar-bottom .nav-link::after{content:'';position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#c8680f;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease}
.navbar-bottom .nav-link:hover::after{transform:scaleX(1);transform-origin:bottom left}
.category-filters{transition:all .3s ease}
.category-pill{display:inline-block;padding:.25rem .1rem;white-space:nowrap;transition:all .2s ease;text-decoration:none;position:relative;font-size:.9rem;font-weight:400}
.category-pill:hover{transform:translateY(-1px);text-decoration:none}
.category-pill::after{content:'';position:absolute;width:100%;height:1px;bottom:-2px;left:0;background-color:currentColor;transform:scaleX(0);transition:transform .2s ease}
.category-pill:hover::after,.category-pill.active-category::after{transform:scaleX(1)}
.site-title{font-family:"Georgia","Times New Roman",serif;font-weight:normal;letter-spacing:.02em;font-size:1.4rem;line-height:1.2}
[data-bs-theme=dark] .category-filters{background-color:#191e29!important;border-bottom-color:#2d3748!important}
html[data-bs-theme="light"] .category-filters{background-color:#f8f9fa!important;border-bottom-color:#dee2e6!important}
.category-tags{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:.1rem 0}
.category-tags::-webkit-scrollbar{display:none}
.navbar-brand{margin-right:0;padding-top:0;padding-bottom:0}
#theme-toggle{cursor:pointer;padding:.5rem;margin-left:.5rem;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit}
#dark-icon,#light-icon{font-size:1.2rem}
html[data-bs-theme="light"] .navbar{background-color:#f8f9fa!important}
html[data-bs-theme="light"] .navbar-dark .navbar-nav .nav-link{color:#495057}
html[data-bs-theme="light"] .navbar-dark .navbar-brand{color:#212529}
html[data-bs-theme="light"] footer{background-color:#f8f9fa!important;color:#212529!important}
html[data-bs-theme="light"] footer a{color:#0d6efd!important}
html[data-bs-theme="light"] .card{border:1px solid rgba(0,0,0,.125)}
button:focus,a:focus,input:focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 .25rem rgba(75,94,186,.25)!important}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.theme-toggle-spin{animation:spin .5s ease-in-out}
.tag-filter-btn,.source-filter-btn{cursor:pointer!important;position:relative;transition:all .2s ease-in-out;z-index:1}
.tag-filter-btn:hover,.source-filter-btn:hover{border-color:var(--bs-primary)!important;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}
.tag-filter-btn:active,.source-filter-btn:active{transform:translateY(0)}
.article-selector{cursor:pointer;transition:all .2s ease;border:1px solid var(--bs-border-color)!important}
.article-selector:hover{border-color:var(--bs-primary)!important;background-color:rgba(var(--bs-primary-rgb),.05)}
.article-selector.selected{border-color:var(--bs-primary)!important;background-color:rgba(var(--bs-primary-rgb),.1);box-shadow:0 0 0 1px var(--bs-primary)}
.text-truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.text-truncate-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.article-image-container{height:180px;overflow:hidden;position:relative}
.article-image{object-fit:cover;width:100%;height:100%}
.article-detail-image{max-height:500px;object-fit:contain}
.card{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;height:100%}
.card:hover{transform:translateY(-3px);box-shadow:0 5px 10px rgba(0,0,0,.15)}
.card-img-container{height:160px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.card-img-top{width:100%;height:100%;object-fit:cover}
.card-title{height:45px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.1rem;margin-bottom:.5rem}
.card-text{height:60px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;margin-bottom:.5rem}
.article-content{line-height:1.7}
.article-content img{max-width:100%;height:auto;margin:15px 0}
.article-content p{margin-bottom:1rem}
.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin-top:1.5rem;margin-bottom:1rem}
.article-content ul,.article-content ol{margin-bottom:1rem;padding-left:2rem}
.tag-cloud{display:flex;flex-wrap:wrap;align-items:center}
#interactive-tag-cloud .btn{margin-right:5px;margin-bottom:5px;transition:all .2s ease}
#active-tags-container .badge{font-size:.9rem;padding:8px 12px}
#active-tags-container .badge i{cursor:pointer;transition:transform .2s ease}
#active-tags-container .badge i:hover{transform:scale(1.2)}
.img-error{opacity:.5}
.theme-toggle-btn,.language-toggle-btn{color:#fff!important}
html[data-bs-theme="light"] .theme-toggle-btn,html[data-bs-theme="light"] .language-toggle-btn{color:#333!important}
.pagination{margin-top:2rem}
#feeds-table td{vertical-align:middle}
[data-bs-theme=dark] .card{background-color:#202530;border-color:var(--bs-gray-700)}
[data-bs-theme=dark] .card-header{background-color:#1e2330;border-color:var(--bs-gray-700)}
[data-bs-theme=dark] .list-group-item{background-color:#202530;border-color:var(--bs-gray-700)}
[data-bs-theme=dark] .list-group-item.active{background-color:var(--bs-primary);border-color:var(--bs-primary)}
[data-bs-theme=dark] .navbar-dark,[data-bs-theme=dark] .bg-dark{background-color:#202530!important}
.section-heading{background-color:#1e2330;color:#fff;padding:.75rem 1rem;border-radius:.375rem;margin-bottom:1.5rem}
.section-heading.py-2{padding-top:.4rem!important;padding-bottom:.4rem!important}
html[data-bs-theme="light"] .section-heading{background-color:#f8f9fa;color:#212529}
[data-bs-theme=dark] .bg-dark,[data-bs-theme=dark] .card-header.bg-dark{background-color:#262b38!important}
[data-bs-theme=dark] footer,[data-bs-theme=dark] .footer,[data-bs-theme=dark] footer.bg-secondary{background-color:#6c757d!important}
.search-container{position:relative}
.search-suggestions{position:absolute;top:100%;left:0;right:0;z-index:1000;display:none;max-height:300px;overflow-y:auto;list-style:none;padding:.5rem 0;margin:0;background-color:var(--bs-body-bg);border:1px solid rgba(0,0,0,.125);border-radius:.25rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}
.search-suggestions li{padding:0}
.search-suggestions li a{display:block;padding:.5rem 1rem;color:var(--bs-body-color);text-decoration:none}
.search-suggestions li a:hover{background-color:rgba(var(--bs-primary-rgb),.1)}
.tag-suggestion a::before{content:'#';margin-right:.3rem;color:var(--bs-primary)}
#mobile-search-suggestions{position:absolute;top:100%;left:0;right:0;z-index:1000}
/* Image lazy loading */
.lazy-img{opacity:0;transition:opacity .3s}
.lazy-img.loaded{opacity:1}
/* Responsive optimizations */
@media (max-width:991.98px){
body{padding-top:170px}
.navbar-bottom{padding-top:0;padding-bottom:0}
.navbar-toggler{margin:.5rem 0;background-color:#dee2e6;border:none;transition:all .3s ease}
.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important}
.top-blue-section .date-info span{display:none}
html[data-bs-theme="dark"] .navbar-toggler{background-color:#323949;border:1px solid #4b5eba;box-shadow:0 0 5px rgba(75,94,186,.3)}
html[data-bs-theme="dark"] .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important}
.navbar-toggler:hover{transform:scale(1.05)}
#mobileMenuContent{background-color:#202530;padding:15px;border-radius:5px;margin-top:10px!important}
#mobileMenuContent .list-group-item{background-color:#262b38;color:#ffffff;border-color:#323949;transition:all .2s ease}
#mobileMenuContent .list-group-item:hover{background-color:#323949;transform:translateX(5px)}
html[data-bs-theme="light"] #mobileMenuContent{background-color:#f8f9fa}
html[data-bs-theme="light"] #mobileMenuContent .list-group-item{background-color:#ffffff;color:#212529;border-color:#dee2e6}
html[data-bs-theme="light"] #mobileMenuContent .list-group-item:hover{background-color:#e9ecef}
}
@media (max-width:768px){
body{padding-top:140px}
.top-blue-section{font-size:.75rem}
.navbar-container{top:22px}
.article-image-container{height:130px}
.article-detail-image{max-height:300px}
.card-img-container{height:130px}
.card-title{height:45px;-webkit-line-clamp:2;font-size:1rem}
.card-text{height:40px;-webkit-line-clamp:2;font-size:.85rem}
.navbar-brand{font-size:1rem}
.search-container{margin-top:.5rem;margin-bottom:.5rem}
}
/* Performance critical styles only */
.trending-image-container{overflow:hidden;position:relative}
.trending-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.trending-content{display:flex;flex-direction:column;height:100%}
.trending-summary{flex-grow:1}
.trending-title{line-height:1.3;margin-bottom:.5rem}
.newsletter-card{height:100%}
.newsletter-title{font-size:1.1rem;font-weight:600}
.newsletter-text{line-height:1.4}
.filter-container{background:var(--bs-body-bg);border:1px solid var(--bs-border-color)}
.footer-links a{color:rgba(255,255,255,.8);transition:color .2s ease}
.footer-links a:hover{color:white;text-decoration:none}
html[data-bs-theme="light"] .footer-links a{color:#6c757d}
html[data-bs-theme="light"] .footer-links a:hover{color:#495057}