/*
Theme Name: Newspatron Speed Child
Template: twentytwentyfour
Version: 95.1 - THUMBNAIL PERFECTION
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

/* 🔥 GLOBAL DARK MODE + FIXES */
* { box-sizing: border-box; }
body, html, .site-header, .site-footer, .wp-site-blocks, .entry-content {
    background-color: #000000 !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* 🔥 CRITICAL THUMBNAIL FIX - 340x191px NO CROPPING */
.np-thumb-box {
    position: relative !important;
    width: 100% !important;
    height: 191px !important;
    background: #111 !important;
    overflow: hidden !important;
}
.np-thumb-box img, .np-thumb-full, .np-card-img {
    width: 340px !important;
    height: 191px !important;
    min-height: 191px !important;
    max-height: 191px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}

/* 🔥 VIDEOPRESS SPECIFIC FIX */
img[src*="videopress"], .videopress-poster, .mejs-poster {
    width: 340px !important;
    height: 191px !important;
    object-fit: cover !important;
}

/* 🔥 PERFECT GRID SYSTEM */
.np-grid {
    display: grid !important;
    gap: 25px !important;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)) !important;
}
.np-card {
    background: #1a1a1a !important;
    border: 1px solid #444 !important;
    border-radius: 12px !important;
    height: 270px !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

/* 🔥 YOUR ORIGINAL STYLES - ALL PRESERVED */
h1, h2, h3, h4, h5, h6, .wp-block-heading {
    color: #ffffff !important;
    font-weight: 700 !important;
    margin-top: 30px !important;
    margin-bottom: 20px !important;
}
a { color: #ff0055 !important; text-decoration: none; }
a:hover { text-decoration: underline; }
.wp-block-embed, .wp-block-video, figure, video, iframe {
    width: 100% !important;
    height: auto !important;
    margin: 20px 0 !important;
}
.videopress-wrapper, .wp-block-videopress {
    position: relative !important;
    width: 100% !important;
    height: 0 !important;
    padding-bottom: 56.25% !important;
}
figcaption { color: #cccccc !important; font-size: 14px !important; text-align: center !important; }
#respond, .comments-area { background-color: #111111 !important; color: #ffffff !important; }

/* 🔥 RESPONSIVE PERFECTION */
@media (max-width: 768px) {
    .np-grid { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important; }
    .np-container { padding: 10px !important; }
    .np-thumb-box { height: 170px !important; }
    .np-thumb-box img, .np-thumb-full { height: 170px !important; width: 300px !important; }
    .np-card { height: 250px !important; }
}
@media (max-width: 480px) {
    .np-grid { grid-template-columns: 1fr !important; }
    .np-thumb-box { height: 200px !important; }
    .np-thumb-box img, .np-thumb-full { width: 100% !important; height: 200px !important; }
    .np-card { height: auto !important; }
}