/*
 * Moderní styl pro blog a aktuality - Rovnátka Cheb
 */

/* Styl pro články (entries) */
.entry {
  border: none !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  margin-bottom: 40px !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07) !important;
  background-color: #fff !important;
  padding: 25px !important;
}

.entry:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1) !important;
}

/* Styl pro obrázky v článcích */
.entry-img {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 15px !important;
  margin-bottom: 20px !important;
}

.entry-img img {
  width: 100% !important;
  height: auto !important;
  transition: transform 0.5s ease !important;
}

.entry:hover .entry-img img {
  transform: scale(1.03) !important;
}

/* Styl pro nadpisy článků */
.entry-title {
  font-size: 22px !important;
  margin-bottom: 15px !important;
  position: relative !important;
  padding-bottom: 10px !important;
}

.entry-title a {
  color: #1e4356 !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
}

.entry-title a:hover {
  color: #4fa6d5 !important;
}

/* Styl pro metadata článků */
.entry-meta {
  margin-bottom: 15px !important;
}

.entry-meta ul {
  display: flex !important;
  flex-wrap: wrap !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.entry-meta ul li {
  margin-right: 20px !important;
  font-size: 14px !important;
  color: #777 !important;
}

.entry-meta ul li i {
  color: #4fa6d5 !important;
  margin-right: 5px !important;
}

/* Styl pro obsah článků */
.entry-content {
  color: #555 !important;
  line-height: 1.7 !important;
}

.entry-content p {
  margin-bottom: 20px !important;
}

/* Styl pro tlačítko "Přečtěte si více" */
.read-more {
  margin-top: 20px !important;
}

.read-more a {
  display: inline-block !important;
  background-color: #4fa6d5 !important;
  color: #fff !important;
  padding: 10px 20px !important;
  border-radius: 30px !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
}

.read-more a:hover {
  background-color: #3d8bb3 !important; /* tmavší odstín modré při najetí myší */
  transform: translateY(-2px) !important;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1) !important;
}

/* Styl pro pravý panel */
.blog-sidebar {
  background-color: #fff !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07) !important;
  padding: 25px !important;
  transition: all 0.3s ease !important;
}

.blog-sidebar:hover {
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1) !important;
}

/* Styl pro nadpisy v pravém panelu */
.sidebar-title {
  font-size: 18px !important;
  margin-bottom: 20px !important;
  position: relative !important;
  padding-bottom: 10px !important;
  color: #1e4356 !important;
}

.sidebar-title::after {
  content: '' !important;
  position: absolute !important;
  display: block !important;
  width: 50px !important;
  height: 2px !important;
  background: #4fa6d5 !important;
  bottom: 0 !important;
  left: 0 !important;
}

/* Styl pro kategorie v pravém panelu */
.categories ul {
  list-style: none !important;
  padding: 0 !important;
}

.categories ul li {
  position: relative !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid #f1f1f1 !important;
  transition: all 0.3s ease !important;
}

.categories ul li:last-child {
  border-bottom: none !important;
}

.categories ul li a {
  color: #444 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

.categories ul li a:hover {
  color: #4fa6d5 !important;
  padding-left: 5px !important;
}

.categories ul li span {
  float: right !important;
  background-color: #f0f0f0 !important;
  color: #777 !important;
  font-size: 12px !important;
  padding: 2px 8px !important;
  border-radius: 20px !important;
}

/* Styl pro nedávné příspěvky v pravém panelu */
.recent-posts img {
  width: 80px !important;
  border-radius: 10px !important;
  float: left !important;
  margin-right: 15px !important;
}

.recent-posts h4 {
  font-size: 16px !important;
  margin-bottom: 5px !important;
}

.recent-posts h4 a {
  color: #444 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

.recent-posts h4 a:hover {
  color: #4fa6d5 !important;
}

.recent-posts time {
  display: block !important;
  font-size: 13px !important;
  color: #777 !important;
  margin-bottom: 0 !important;
}

.post-item {
  margin-bottom: 20px !important;
  padding-bottom: 20px !important;
  border-bottom: 1px solid #f1f1f1 !important;
  overflow: hidden !important;
}

.post-item:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

/* Responzivní úpravy */
@media (max-width: 768px) {
  .entry {
    padding: 20px !important;
  }
  
  .blog-sidebar {
    margin-top: 40px !important;
  }
}