/*
Theme Name: MoreNews Pro Child (Beast)
Template: morenews-pro
Version: 1.0
Description: Beast homepage layout — "Today" bento mosaic + "Uncut" category grid. Child theme of MoreNews Pro.
*/
@import url("../morenews-pro/style.css");


/* ===== Earlier site fixes (kept here so they persist on the child theme) ===== */
.trending-no { display: none !important; }
.read-categories.categories-inside-image { display: none !important; }
.widget-title .heading-line::before { background-color: #0014FF !important; }
form.beast-search-pill input[name="s"]::placeholder { color: transparent !important; }

/* Headlines keep their color on hover */
.read-title a:hover, .read-title h3 a:hover { color: inherit !important; }
.grid-design-texts-over-image .read-title a:hover,
.grid-design-texts-over-image .read-title h3 a:hover { color: #fff !important; }

/* Header news ticker: full headlines, spaced, scrolling */
.aft-below-site-header-section { overflow: hidden !important; }
.aft-below-site-header-section .af-title-subtitle-wrap,
.aft-below-site-header-section .read-img,
.aft-below-site-header-section .read-categories { display: none !important; }
.aft-below-site-header-section .slick-wrapper {
  display: inline-flex !important; flex-wrap: nowrap !important; width: max-content !important;
  align-items: center !important; animation: beastTicker 60s linear infinite;
}
.aft-below-site-header-section .slick-item {
  display: block !important; width: auto !important; flex: 0 0 auto !important;
  float: none !important; height: 40px !important; margin: 0 55px 0 0 !important; padding: 0 !important;
}
.aft-below-site-header-section .read-single {
  display: block !important; position: static !important; height: 40px !important;
  padding: 0 !important; background: transparent !important; border: 0 !important;
}
.aft-below-site-header-section .read-details {
  position: static !important; width: auto !important; padding: 0 !important;
  transform: none !important; left: auto !important; bottom: auto !important;
}
.aft-below-site-header-section .read-title,
.aft-below-site-header-section .read-title a {
  white-space: nowrap !important; color: #fff !important; font-size: 14px !important;
  line-height: 40px !important; font-weight: 400 !important; margin: 0 !important;
}
@keyframes beastTicker { 0% { transform: translateX(100vw); } 100% { transform: translateX(-100%); } }

/* ===== Homepage: "Today" bento mosaic + "Uncut" grid ===== */
.beast-front .bx-wrap { padding: 26px 0; }
.beast-front .bx-title {
  font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 16px;
  color: #000; border-bottom: 3px solid #0014FF; display: inline-block;
  padding-bottom: 6px; margin: 0 0 20px;
}
.beast-front .bx-bento {
  display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 200px 200px;
  gap: 14px; align-items: stretch;
}
.beast-front .bx-tile {
  position: relative; border-radius: 10px; overflow: hidden; display: block;
  text-decoration: none; background-size: cover; background-position: center; background-color: #ddd;
}
.beast-front .bx-tile:before {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.88), rgba(0,0,0,.15) 65%);
}
.beast-front .bx-tile.lead { grid-column: span 2; grid-row: span 2; height: 100%; }
.beast-front .bx-pill {
  position: absolute; top: 12px; left: 12px; background: #0014FF; color: #fff;
  font-family: 'Open Sans', sans-serif; font-size: 11px; font-weight: 600;
  padding: 4px 10px; border-radius: 4px; text-transform: uppercase; letter-spacing: .5px; z-index: 2;
}
.beast-front .bx-tile h3 {
  position: absolute; left: 14px; right: 14px; bottom: 14px; color: #fff;
  font-family: 'Oswald', sans-serif; font-weight: 600; line-height: 1.15; font-size: 17px; margin: 0; z-index: 2;
}
.beast-front .bx-tile.lead h3 { font-size: 29px; }
.beast-front .bx-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.beast-front .bx-card { display: block; text-decoration: none; color: #000; }
.beast-front .bx-cimg {
  width: 100%; aspect-ratio: 16/10; border-radius: 8px;
  background-size: cover; background-position: center; background-color: #eee;
}
.beast-front .bx-card h4 {
  font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 18px;
  line-height: 1.4; color: #000; margin: 11px 0 0;
}
@media (max-width: 782px) {
  .beast-front .bx-bento { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; }
  .beast-front .bx-tile { min-height: 180px; }
  .beast-front .bx-tile.lead { grid-column: span 2; grid-row: auto; min-height: 240px; }
  .beast-front .bx-grid { grid-template-columns: 1fr; }
}

/* Hide MoreNews default homepage banner so only the Beast layout shows */
.aft-main-banner-section,
.aft-frontpage-feature-section-wrapper { display: none !important; }

/* === Beast homepage refinements === */
.beast-front .bx-pill { display: none !important; }
.beast-front .bx-title { text-transform: uppercase !important; }
.above-footer-widget-section .af-container-row { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 24px !important; }
.above-footer-widget-section .af-container-row .col-4 { float: none !important; width: auto !important; margin: 0 !important; }

/* Search: show only the neon icon (hide the default search form) */
.search-overlay .search-form { display: none !important; }

/* Fix: even 4-col grid for 'You may have missed' + restore uppercase section titles */
.above-footer-widget-section .af-container-row { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.widget-title .heading-line { text-transform: uppercase !important; }

.above-footer-widget-section .af-container-row .col-4 { min-width: 0 !important; }
.above-footer-widget-section .af-container-row .read-img { overflow: hidden !important; }
.above-footer-widget-section .af-container-row .read-img img { width: 100% !important; height: 100% !important; object-fit: cover !important; }

.above-footer-widget-section .af-container-row::before, .above-footer-widget-section .af-container-row::after { display: none !important; }

/* Mobile fixes: robustly hide default header search; hide redundant 'You may have missed' */
.search-watch .af-search-wrap .search-overlay .af-search-form { display: none !important; }
.search-overlay .af-search-form, .search-overlay form.search-form { display: none !important; }
.home .above-footer-widget-section { display: none !important; }