/*
Theme Name: Newsxo
Theme URI: https://themeansar.com/free-themes/newsxo-free-magazine-blog-wordpress-theme/
Author: Themeansar
Author URI: http://themeansar.com
Description: Newsxo is a fast, clean, modern-looking Best Responsive News Magazine WordPress theme. The theme is fully widgetized, so users can manage the content by using easy to use widgets. Newsxo is suitable for dynamic news, newspapers, magazine, publishers, blogs, editors, online and gaming magazines, newsportals,personal blogs, newspaper, publishing or review siteand any creative website. Newsxo is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://demos.themeansar.com/newsxo and documentation at https://docs.themeansar.com/docs/newsxo/
Version: 1.1.1
Tested up to: 6.8
Requires PHP: 7.4
Requires at least: 6.7
Tags: two-columns, three-columns, left-sidebar, right-sidebar, translation-ready, custom-background, custom-logo, featured-images, footer-widgets, full-width-template, blog, e-commerce, entertainment
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: newsxo
*/
/* Oculta la sección "You Missed" por defecto en móvil (ajusta la clase si tu tema usa otra) */
@media (max-width: 768px) {
  .you-missed-default,
  .block-you-missed,
  .jeg_you_missed, /* JNews / similares */
  section[aria-label="You Missed"] { 
    display: none !important; 
  }
}

/* Estilos de la nueva sección móvil */
@media (max-width: 768px) {
  .you-missed--mobile { padding: 16px 0; }
  .you-missed__title { 
    margin: 0 12px 10px; 
    font-size: 18px; 
    font-weight: 700; 
  }
  .you-missed__scroller {
    display: flex; 
    gap: 12px; 
    overflow-x: auto; 
    padding: 0 12px 8px;
    scroll-snap-type: x mandatory;
  }
  .you-missed__scroller::-webkit-scrollbar { height: 6px; }
  .you-missed__scroller::-webkit-scrollbar-thumb { background: rgba(0,0,0,.2); border-radius: 3px; }
  .you-missed__item {
    min-width: 240px; 
    flex: 0 0 auto; 
    background: #fff; 
    border-radius: 12px; 
    box-shadow: 0 6px 12px rgba(0,0,0,.08);
    scroll-snap-align: start;
  }
  .you-missed__item img {
    width: 100%; height: 140px; object-fit: cover; 
    border-radius: 12px 12px 0 0;
    display: block;
  }
  .you-missed__item-title { 
    font-size: 14px; line-height: 1.35; 
    padding: 10px 12px; margin: 0; color: #111;
  }
}

/* En escritorio no se muestra este bloque */
@media (min-width: 769px) { 
  .you-missed--mobile { display: none !important; } 
}