/* ========================================================================== NEWSPAPER MORE NEWS WIDGET - 4 COLUMN LAYOUT FIXED ========================================================================== */ .more-news-widget { font-family: "Open Sans", sans-serif !important; width: 100% !important; clear: both !important; } /* Section Title */ .more-news-widget .more-news-section-title { font-family: 'Arial Black', Arial, sans-serif !important; font-size: 1.4em !important; font-weight: bold !important; color: #222 !important; text-transform: uppercase !important; letter-spacing: 1px !important; margin: 0 0 25px 0 !important; position: relative !important; padding-left: 15px !important; } .more-news-widget .more-news-section-title::before { content: '' !important; position: absolute !important; left: 0 !important; top: 0 !important; bottom: 0 !important; width: 4px !important; background: #007cba !important; } /* MAIN CONTAINER - DYNAMIC GRID (3 or 4 COLUMNS) */ .more-news-widget .more-news-container.columns-3 { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; align-items: start !important; width: 100% !important; padding: 0 !important; } .more-news-widget .more-news-container.columns-4 { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important; align-items: start !important; width: 100% !important; padding: 0 !important; } /* NEWS CARDS - UNIFORM EXCEL-STYLE GRID */ .more-news-widget .news-card { background: #fff !important; border-radius: 0 !important; box-shadow: none !important; border: 1px solid #e5e5e5 !important; overflow: hidden !important; /* minimal transition for subtle effects */ transition: background-color 0.2s ease !important; display: flex !important; flex-direction: column !important; height: 320px !important; /* Fixed uniform height */ padding: 15px !important; margin-bottom: 0 !important; } .more-news-widget .news-card:hover { /* subtle Excel-style hover effect */ background-color: #f9f9f9 !important; border-color: #ccc !important; } /* NEWS IMAGE - RECTANGULAR FORMAT */ .more-news-widget .news-image { position: relative !important; width: 100% !important; aspect-ratio: 16/9 !important; /* RECTANGULAR LIKE REFERENCE */ overflow: hidden !important; background: #f5f5f5 !important; margin-bottom: 12px !important; } .more-news-widget .news-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; /* longer, smoother transition for a very subtle zoom */ transition: transform 600ms cubic-bezier(.16,.84,.29,1) !important; will-change: transform; transform-origin: center center !important; backface-visibility: hidden !important; -webkit-backface-visibility: hidden !important; } .more-news-widget .news-card:hover .news-image img { /* very subtle scale for a non-brusque effect */ transform: scale(1.02) translateZ(0) !important; } /* LIVE BADGE - TOP LEFT CORNER */ .more-news-widget .live-badge { position: absolute !important; top: 8px !important; left: 8px !important; background: #e74c3c !important; color: white !important; font-size: 0.65em !important; font-weight: 700 !important; padding: 3px 6px !important; border-radius: 2px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; z-index: 2 !important; } /* WATCH BADGE - DIFFERENT STYLE */ .more-news-widget .watch-badge { position: absolute !important; top: 8px !important; left: 8px !important; background: rgba(0,0,0,0.8) !important; color: white !important; font-size: 0.65em !important; font-weight: 600 !important; padding: 3px 6px !important; border-radius: 2px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; z-index: 2 !important; } @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 1; } } /* NEWS INFO */ .more-news-widget .news-info { padding: 0 !important; flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 8px !important; } /* NEWS CATEGORY - BADGE STYLE */ .more-news-widget .news-category { font-size: 0.75em !important; font-weight: 600 !important; text-transform: uppercase !important; color: #fff !important; background: #6c5ce7 !important; padding: 4px 8px !important; border-radius: 3px !important; letter-spacing: 0.5px !important; margin: 0 0 8px 0 !important; display: inline-block !important; width: fit-content !important; } .more-news-widget .news-category.live-category { background: #ff0000 !important; } /* Special category colors */ .more-news-widget .news-category { background: #6c5ce7 !important; /* Default purple */ } /* NEWS TITLE */ .more-news-widget .news-title { font-size: 1.1em !important; font-weight: 600 !important; line-height: 1.4 !important; color: #2c3e50 !important; text-decoration: none !important; margin: 0 0 8px 0 !important; display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; transition: color 0.2s ease !important; flex: 1 !important; } .more-news-widget .news-title:hover { color: #3498db !important; } /* READING TIME */ .more-news-widget .reading-time { font-size: 0.8em !important; color: #7f8c8d !important; margin: 0 !important; align-self: flex-start !important; display: flex !important; align-items: center !important; gap: 4px !important; } .more-news-widget .reading-time::before { content: "đź•’" !important; font-size: 0.9em !important; } /* NO NEWS MESSAGE */ .more-news-widget .no-news-message { grid-column: 1 / -1 !important; text-align: center !important; padding: 3rem !important; background: #f9f9f9 !important; border-radius: 8px !important; color: #666 !important; } .more-news-widget .no-news-message p { margin: 0 0 0.5rem 0 !important; } .more-news-widget .no-news-message small { color: #999 !important; } /* RESPONSIVE DESIGN */ @media (max-width: 1024px) { .more-news-widget .more-news-container.columns-3, .more-news-widget .more-news-container.columns-4 { grid-template-columns: repeat(2, 1fr) !important; gap: 20px !important; } } @media (max-width: 768px) { .more-news-widget .more-news-container { grid-template-columns: 1fr !important; gap: 15px !important; } .more-news-widget .news-info { padding: 12px !important; } .more-news-widget .news-title { font-size: 0.9em !important; -webkit-line-clamp: 2 !important; } .more-news-widget .more-news-section-title { font-size: 1.2em !important; margin-bottom: 20px !important; padding-left: 12px !important; } .more-news-widget .more-news-section-title::before { width: 3px !important; } } @media (max-width: 480px) { .more-news-widget .news-info { padding: 10px !important; gap: 6px !important; } .more-news-widget .news-title { font-size: 0.85em !important; } .more-news-widget .news-category { font-size: 0.75em !important; } .more-news-widget .reading-time { font-size: 0.7em !important; } .more-news-widget .live-badge { font-size: 0.65em !important; padding: 3px 6px !important; top: 8px !important; left: 8px !important; } }/* C ATEGORY COLORS BASED ON REFERENCE IMAGE */ .more-news-widget .news-category { background: #6c5ce7 !important; /* Default purple */ } /* Entertainment category */ .more-news-widget .news-category:contains("ENTERTAINMENT"), .more-news-widget .news-category:contains("Entertainment"), .more-news-widget .news-category:contains("entertainment") { background: #6c5ce7 !important; } /* Watch/Live category */ .more-news-widget .news-category:contains("WATCH"), .more-news-widget .news-category:contains("LIVE"), .more-news-widget .news-category:contains("Watch"), .more-news-widget .news-category:contains("Live") { background: #e74c3c !important; } /* Politics category */ .more-news-widget .news-category:contains("POLĂŤTICA"), .more-news-widget .news-category:contains("PolĂ­tica"), .more-news-widget .news-category:contains("polĂ­tica") { background: #3498db !important; } /* Sports category */ .more-news-widget .news-category:contains("DEPORTES"), .more-news-widget .news-category:contains("Deportes"), .more-news-widget .news-category:contains("deportes") { background: #27ae60 !important; } /* News category */ .more-news-widget .news-category:contains("NOTICIAS"), .more-news-widget .news-category:contains("Noticias"), .more-news-widget .news-category:contains("noticias") { background: #34495e !important; } /* International category */ .more-news-widget .news-category:contains("INTERNACIONAL"), .more-news-widget .news-category:contains("Internacional"), .more-news-widget .news-category:contains("internacional") { background: #f39c12 !important; } /* Clean spacing between cards - keep all borders for Excel grid effect */ .more-news-widget .news-card:last-child { margin-bottom: 0 !important; padding-bottom: 15px !important; } /* Hover effect for images only */ .more-news-widget .news-image:hover img { transform: scale(1.02) !important; transition: transform 0.3s ease !important; } /* Better typography hierarchy */ .more-news-widget .more-news-section-title { font-size: 1.8em !important; margin-bottom: 30px !important; font-weight: 700 !important; }