/* Genel Widget Ayarları */
.widget {
   margin-bottom: 20px;
 }
 
 .widget-title {
   width: 100%;
   display: inline-block;
   padding-bottom: 20px;
   margin: 10px 0 25px 0;
   border-bottom: 1px solid #e2e3e7;
 }
 
 .widget-title h2 {
   font-size: 20px;
   margin: 0;
   font-weight: bold;
   line-height: 1.2;
 }
 
 .feature-post-list li {
   min-height: 120px;
   margin-bottom: 30px;
 }
 
 .feature-image-link img,
 .feature-image {
   width: 120px;
   height: 120px;
   object-fit: cover;
   border-radius: 5px;
 }
 
 .item-details {
   padding-right: 10px !important;
 }
 
 .meta-category-small {
   margin-bottom: 10px;
 }
 
 .meta-category-small a {
   color: #fff;
   font-size: 12px;
   padding: 4px 8px;
   border-radius: 5px;
   font-weight: 400;
   letter-spacing: 0.03em;
   display: inline-block;
 }
 
 .post-meta {
   color: #555;
   font-size: 11px !important;
   text-transform: uppercase;
   line-height: 1.2;
 }
 
 /* Kategori Renkleri */
 .post-category-color-text-1 { background: #d800f9; }
 .post-category-color-text-2 { background: #ed1c1c; }
 .post-category-color-text-3 { background: #8bc34a; }
 
 /* Sidebar */
 .sidebar {
   position: sticky;
   top: 80px;
 }
 
 /* Footer */
 .copyright {
   text-align: center;
   width: 100%;
   padding: 1rem 0 0;
   color: #fefefe;
   font-size: 13px;
 }
 
 footer .widget-title {
   border-bottom: 0;
   margin: 0;
 }
 
 /* Liste */
 .custom-list {
   display: block;
 }
 li.custom-list {
   line-height: 2.5rem;
   border-bottom: 1px solid #2d2d2d;
 }
 .custom-list span {
   float: right;
   padding: 0 5px;
   background: #323439;
   color: #fff;
   border-radius: 100px;
   min-width: 24px;
   height: 24px;
   line-height: 24px;
   text-align: center;
   font-size: 12px;
   margin-top: 8px;
 }
 
 /* Görsel Gösterim */
 .image-showcase-post {
   overflow: hidden;
   height: 500px;
 }
 .image-showcase-post .thumb {
   position: relative;
   width: 100%;
   height: 500px;
   background-size: cover;
   background-position: center;
 }
 .image-showcase-post .details {
   width: 100%;
   position: absolute;
   bottom: -45px;
   padding: 20px;
   background: linear-gradient(180deg, transparent, black);
   transition: bottom .4s ease;
 }
 .image-showcase-post:hover .details {
   bottom: 0;
 }
 .image-showcase-post .meta-info {
   margin-top: 20px;
 }
 .image-showcase-post .details * {
   color: #fff;
   font-family: "Roboto", sans-serif;
 }
 
 /* Sosyal İkonlar */
 .social-count-plus {
   display: table;
 }
 .social-count-plus ul li {
   width: 25% !important;
   padding: 38px 0 10px;
   list-style: none;
   float: left;
   text-align: center;
   border: 1px solid #fff !important;
   position: relative;
 }
 .social-count-plus ul li a:before {
   font-family: FontAwesome;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   margin-top: 10px;
   font-size: 22px;
   text-align: center;
 }
 .social-count-plus .items {
   font-size: 12px;
 }
 .social-count-plus .items .count {
   font-weight: bold;
   margin-right: 5px;
 }
 
 /* Ana İçerik */
 .posts-title {
   margin: 0 15px 20px;
   line-height: 1;
 }
 .posts-title h2 {
   font-size: 20px;
   color: #000;
   font-weight: bold;
 }
 .posts-title .description {
   color: #777;
 }
 .main-contents.row {
   margin: 0 15px 0 0 !important;
 }
 .post h3 {
   font-size: 18px;
   font-weight: bold;
 }
 .image-post {
   position: relative;
   height: 192px;
   overflow: hidden;
 }
 .image-post .meta-category-small {
   position: absolute;
   top: 10px;
   left: 10px;
 }
 .image-post-thumb {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 .meta-info {
   font-size: 12px;
   color: #333;
   display: flex;
   align-items: center;
   margin-top: 20px;
 }
 .meta-info .author-img {
   border-radius: 50%;
   margin-right: 10px;
   width: 22px;
   height: 22px;
 }
 .post .content {
   font-size: 13px;
   line-height: 1.6;
   color: #777;
 }
 
 /* Navbar */
 nav {
   position: fixed;
   background: #457b9d;
   width: 100%;
   height: 80px;
   top: 0;
   left: 0;
   z-index: 1000;
 }
 nav #menuBtn,
 nav #appBtn {
   display: none;
 }
 nav .menuBtn {
   font-size: 2rem;
   color: #f1faee;
   float: right;
   line-height: 80px;
   margin-right: 2rem;
   display: none;
 }
 nav .logo {
   color: #f1faee;
   font-size: 2rem;
   display: inline-block;
   height: 80px;
   line-height: 80px;
   padding: 0 2rem;
   position: relative;
   z-index: 1001;
 }
 nav ul {
   float: right;
   margin-right: 2rem;
 }
 nav ul li {
   list-style: none;
   display: inline-block;
   line-height: 80px;
   margin: 0 .2rem;
 }
 nav ul li a {
   color: #f1faee;
   font-size: 1rem;
   padding: .5rem;
   border-radius: 3px;
   text-decoration: none;
   transition: background .3s, color .3s;
 }
 nav ul li a.active {
   background: #e63946;
 }
 nav ul li a:hover {
   background: #1d3557;
 }
 
 /* Mobil Menü */
 @media (max-width: 850px) {
   nav .menuBtn {
     display: inline;
   }
   nav ul {
     position: fixed;
     background: #1d3557;
     width: 100%;
     height: calc(100vh - 80px);
     top: 80px;
     left: -100%;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     transition: left .5s ease-in-out;
   }
   nav ul li {
     display: block;
     min-width: 80%;
     text-align: center;
     line-height: 4rem;
   }
   nav ul li a {
     display: block;
     font-size: 1.2rem;
   }
   nav #menuBtn:checked ~ ul {
     left: 0;
   }
   nav #menuBtn:checked ~ label.menuBtn i::before {
     content: "\f00d";
   }
 }
 .post-category-color-text-2:hover {
  background: #000 !important; /* arka plan siyah */
  color: #fff !important; /* yazı beyaz kalsın (istersen siyah/beyaz tersine çevirebiliriz) */
  transition: background 0.3s ease;
}