.related-popup-post:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .related-popup-image { flex: 0 0 70px; height: 70px; border-radius: 6px; overflow: hidden; } .related-popup-image img { width: 100%; height: 100%; object-fit: cover; } .related-popup-text { flex: 1; } .related-popup-text h5 { margin: 0 0 0.4rem 0; font-size: 0.9rem; line-height: 1.4; } .related-popup-text h5 a { color: var(--molo-dark); text-decoration: none; transition: color 0.3s ease; } .related-popup-text h5 a:hover { color: var(--molo-primary); } .related-popup-category { font-size: 0.75rem; color: var(--molo-primary); font-weight: 600; } /* Link Copied Notification */ .copy-notification { position: fixed; bottom: 2rem; left: 50%; transform: translateX(-50%) translateY(20px); background: rgba(0,0,0,0.8); color: white; padding: 0.75rem 1.5rem; border-radius: 30px; display: flex; align-items: center; gap: 0.75rem; opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 1000; } .copy-notification.visible { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } .notification-content { display: flex; align-items: center; gap: 0.75rem; font-size: 0.9rem; } .notification-content i { color: var(--molo-accent); } /* Responsive Adjustments */ @media (max-width: 1100px) { .footer-posts-grid, .footer-categories-grid { grid-template-columns: repeat(2, 1fr); } .newsletter-container { flex-direction: column; padding: 2rem; } .newsletter-image { display: none; } .blog-floating-actions { display: none; } } @media (max-width: 768px) { .blog-footer { padding: 3rem 0 0; margin-top: 4rem; } .footer-posts-grid, .footer-categories-grid { grid-template-columns: 1fr; gap: 1.5rem; } .footer-about { flex-direction: column; gap: 2rem; } .footer-quick-links { flex-direction: column; gap: 2rem; } .footer-bottom { flex-direction: column; gap: 1rem; text-align: center; } .footer-legal { flex-wrap: wrap; justify-content: center; } .newsletter-form .form-group { flex-direction: column; } .reading-time-tooltip { display: none; } .related-popup { left: 1rem; right: 1rem; width: auto; bottom: 1rem; } }