/*
Theme Name: GeneratePress
Theme URI: https://generatepress.com
Author: Tom Usborne
Author URI: https://tomusborne.com
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. It takes full advantage of the block editor, and is compatible with major page builders and WooCommerce. Learn more at https://generatepress.com
Version: 3.5.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: generatepress
Tags: one-column, two-columns, right-sidebar, left-sidebar, accessibility-ready, custom-colors, custom-logo, custom-menu, featured-images, flexible-header, theme-options, translation-ready

GeneratePress, Copyright 2014–2025 EDGE22 Studios LTD.
GeneratePress is distributed under the terms of the GNU GPL.
GeneratePress is based on Underscores http://underscores.me/, (C) 2012–2025 Automattic, Inc.
*/

/* --------------------------------------------------
   CUSTOM STYLES FOR RTS INSIGHT HOMEPAGE
--------------------------------------------------- */

/* === Filter Bar (fixed below header) === */
/* === Filter Bar (anchored under header, right side) === */
.rts-filter-bar {
  position: absolute;
  top: 150px; /* adjust based on your header height */
  right: 60px; /* aligned roughly under "My Account" */
  display: flex;
  gap: 10px;
  align-items: center;
  background: rgba(255, 255, 255, 0.8); /* subtle overlay look */
  padding: 8px 12px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(6px);
  font-family: system-ui, sans-serif;
  z-index: 50;
}

/* Inputs look consistent with GeneratePress UI */
#filter-category,
#filter-date {
  padding: 6px 10px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #fff;
  transition: border-color 0.2s ease;
}

#filter-category:hover,
#filter-date:hover {
  border-color: #888;
}

/* Make it responsive on smaller screens */
@media (max-width: 768px) {
  .rts-filter-bar {
    position: static;
    justify-content: center;
    margin: 15px 0;
    box-shadow: none;
    backdrop-filter: none;
  }
}
/* === Weekly Layout === */
.weekly-slider-wrapper {
  padding: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

.week-title {
  font-size: 1.5em;
  margin: 40px 0 15px;
  font-weight: 600;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 5px;
}

/* === Swiper === */
.swiper {
  width: 100%;
  height: auto;
  margin-bottom: 40px;
}

.swiper-slide {
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  transition: transform 0.2s ease;
}

.swiper-slide:hover {
  transform: translateY(-3px);
}

.swiper-slide img {
  width: 100%;
  border-radius: 6px;
}

.swiper-slide h3 {
  font-size: 1.1em;
  margin-top: 8px;
}

.swiper-slide .post-date {
  font-size: 0.9em;
  color: #777;
}

/* === Responsive === */
@media (max-width: 768px) {
  .rts-filter-bar {
    justify-content: center;
    flex-wrap: wrap;
    padding-right: 0;
  }

  #filter-category,
  #filter-date {
    width: 45%;
  }
}

/* --- Square post cards (larger) --- */
.post-card {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  aspect-ratio: 1 / 1;
  width: 100%;
  background-size: cover;
  background-position: center;
  border-radius: 18px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.post-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.65), rgba(0,0,0,0.05));
  transition: background 0.3s ease;
}

.post-card:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0 8px 16px rgba(0,0,0,0.25);
}

.post-card:hover::after {
  background: linear-gradient(to top, rgba(0,0,0,0.85), rgba(0,0,0,0.2));
}

.post-title {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 16px;
  text-align: center;
  transition: color 0.3s ease;
}

.post-card:hover .post-title {
  color: #ffd84d;
}

/* --- Swiper slides --- */
.swiper-slide {
  width: 640px;   /* ✅ increase card size */
  height: auto;
  display: flex;
  justify-content: center;
}