/*
 * %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 *
 * Template Name: Deconsult - Business Consulting Bootstrap4 Template   
 * Template URI: https://thememarch.com/demo/html/deconsult/
 * Description: Deconsult is a business consulting HTML template which comes with the unique and clean design. It helps you to create a beautiful business consulting HTML website. It has also e-commerce support. E-commerce pages are included on this template.
 * Author: Thememarch
 * Author URI: https://thememarch.com
 * Version: 2.0
 *
 * %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 */
/* Video thumbnail hover efekti */
.ft-video-thumb a {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 8px; /* istersen kaldır */
}

.ft-video-thumb img {
  width: 100%;
  height: auto;
  display: block;
  transition: filter .25s ease, transform .25s ease;
}

/* Overlay alanı */
.ft-video-thumb__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.25);
  opacity: 0;
  transition: opacity .25s ease;
}

/* Play butonu (yuvarlak) */
.ft-video-thumb__play {
  width: 74px;
  height: 74px;
  border-radius: 9999px;
  background: rgba(0,0,0,0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(0.9);
  transition: transform .25s ease, background .25s ease;
  box-shadow: 0 8px 24px rgba(0,0,0,0.35);
}

.ft-video-thumb__play i {
  color: #fff;
  font-size: 22px;
  margin-left: 3px; /* play ikonunu ortalar */
}

/* Hover olunca blur + play görünür */
.ft-video-thumb a:hover img {
  filter: blur(3px) brightness(0.85);
  transform: scale(1.02);
}

.ft-video-thumb a:hover .ft-video-thumb__overlay {
  opacity: 1;
}

.ft-video-thumb a:hover .ft-video-thumb__play {
  transform: scale(1);
  background: rgba(0,0,0,0.75);
}

/* Sayfa wrapper sistemi */
.blog-page { 
    display: none; 
}
.blog-page.is-active { 
    display: flex; 
    flex-wrap: wrap; 
}

/* Kartların boyu bozulmasın */
.tm-blog {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.tm-blog-content {
    flex: 1;
}

/* Görseller düzgün dursun */
.tm-blog-image img {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/* Sağ üst alanı tek satırda tut */
.header-topinfo-right .top-right-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  white-space: nowrap;
}

/* Saat yazısı çok uzunsa taşmasın */
.header-topinfo-right .header-working-hours {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #fff;
}

/* Sosyal ikonlar */
.header-topinfo-right .header-social {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.header-topinfo-right .header-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255,255,255,0.18);
  color: #fff;
  text-decoration: none;
  transition: all .2s ease;
}

.header-topinfo-right .header-social a:hover {
  background: rgba(255,255,255,0.32);
  transform: translateY(-1px);
}

/* Mobilde saat yazısı uzun -> gizle, ikonlar kalsın */
@media (max-width: 767px) {
  .header-topinfo-right .header-working-hours {
    display: none;
  }

  .header-topinfo-right .top-right-wrap {
    justify-content: center;
  }
}

/* Header login butonları */
.header-login-buttons ul {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.header-login-buttons .header-login-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  cursor: pointer;
  padding: 9px 12px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  transition: all .2s ease;
  white-space: nowrap;
}

.header-login-buttons .header-login-btn i {
  font-size: 14px;
}

/* Kurumsal giriş: ana renk */
.header-login-buttons .header-login-corporate {
  background: #ffffff;
  color: #000000;
  border: 1px solid rgba(0,0,0,0.12);
}

.header-login-buttons .header-login-corporate:hover {
  transform: translateY(-1px);
  opacity: .92;
}

/* Tedarikçi giriş: açık stil */
.header-login-buttons .header-login-supplier {
  background: #fff;
  color: #111;
  border: 1px solid rgba(0,0,0,0.12);
}

.header-login-buttons .header-login-supplier:hover {
  transform: translateY(-1px);
  background: #f3f3f3;
}

/* Mobilde yazılar çok yer kaplarsa sadece ikon kalsın */
@media (max-width: 991px) {
  .header-login-buttons .header-login-btn span {
    display: none;
  }

  .header-login-buttons .header-login-btn {
    padding: 10px 10px;
    border-radius: 10px;
  }
}