/**
Plugin Name: solotutes-frontend
Author: Prakash Joshi
Author URI: https://prakashjoshi.in
Description: Custom styles for solotutes-frontend plugin
Stylesheet for: eduslide (story) template (story-archive.php)
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: solotutes-frontend
*/

.breadcrumb {
  font-size:14px;
  margin-bottom:15px;
  color:#000;
}
.breadcrumb a { color:#125aab; text-decoration:none; }
.breadcrumb span { color:#000; }

.eduslides-filters {
  margin:15px 0;
  text-align:center;
}
.eduslides-filters a {
  display:inline-block;
  margin:0 8px;
  padding:6px 12px;
  border-radius:20px;
  background:#222;
  color:#fff;
  text-decoration:none;
  font-size:14px;
}
.eduslides-filters a.active {
  background:#125aab;
  color:#fff;
  font-weight:bold;
}

.thumb-wrap {
  position:relative;
}
.thumb-wrap img {
  width:100%;
  height:260px;
  object-fit:cover;
  border-radius:6px;
}
.story-icon {
  position:absolute;
  top:8px;
  right:8px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.story-icon svg {
  display:block;
}


.eduslides-archive-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px,1fr));
  gap: 20px;
  margin: 30px 0;
}
.eduslide-card {
  background: #125aab;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0,0,0,0.5);
  text-align: center;
  transition: transform 0.2s;
}
.eduslide-card:hover {
  transform: translateY(-5px);
}
.eduslide-card img {
  width: 100%;
  height: 260px;
  object-fit: cover;
}
.eduslide-card h3 {
  font-size: 18px;
  padding: 10px;
  color: #FFD700;
}
.eduslide-card .views {
  font-size: 14px;
  color: #ccc;
  padding-bottom: 12px;
}