/* blog_modules.css */

.blog-transition-hover { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.blog-transition-hover:hover { transform: translateY(-8px); box-shadow: 0 15px 35px rgba(0,0,0,0.1) !important; }
.blog-card img { transition: transform 0.4s ease; }
.blog-card:hover img { transform: scale(1.05); }
.blog-title-link { transition: color 0.2s ease; line-height: 1.4; }
.blog-title-link:hover { color: #ffb800 !important; }
.blog-card .btn:hover { background: #052c6e !important; }

.blog-title-highlight { color:#073c91; }
.blog-card-img { height: 240px; object-fit: cover; width: 100%; transition: transform 0.4s ease; }
.blog-date-badge { font-size: 0.9rem; }
.blog-icon-primary { color: #073c91; }
.blog-btn-primary { background: #073c91; color: #fff; transition: background 0.3s ease; }

.blog-post-link-item:hover .blog-post-title { color: #ffb800 !important; }
.blog-post-link-item:hover img { transform: scale(1.05); }
.blog-content-wrapper { line-height: 1.8; font-size: 1.05rem; }
.blog-content-wrapper img { max-width: 100%; height: auto; border-radius: 10px; margin: 15px 0; }
.blog-content-wrapper a { color: #073c91; text-decoration: none; }
.blog-content-wrapper a:hover { text-decoration: underline; }

.blog-details-img { max-height: 450px; object-fit: cover; }
.blog-btn-share { background: rgba(7, 60, 145, 0.1); color: #073c91; border: none; transition: background 0.3s; }
.blog-btn-share:hover { background: rgba(7, 60, 145, 0.2); }
.blog-details-title { color: #073c91; line-height: 1.4; }
.blog-sidebar-sticky { top: 100px; z-index: 1; }
.blog-recent-post-img { width: 80px; height: 80px; object-fit: cover; transition: transform 0.3s ease; }
.blog-post-title { font-size: 0.95rem; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.2s; }
.blog-border-warning { border-color: #ffb800 !important; }
.blog-icon-lg-primary { font-size: 3rem; color: #073c91; }

.blog-btn-quote { background-color: #ffb800; color: #000; border: none; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.blog-btn-quote:hover { transform: translateY(-2px); box-shadow: 0 8px 15px rgba(255, 184, 0, 0.3); }

.blog-bg-fb { background-color: #1877F2; }
.blog-bg-tw { background-color: #1DA1F2; }
.blog-bg-wa { background-color: #25D366; }