/* =========================
   MK - Kurumsal Duyuru Kartları
   (Container + Kompakt Tasarım)
   ========================= */

/* ---- Container ---- */
.mk-container{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 14px;
}

/* ---- Grid Layout ---- */
.mk-main-wrapper{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
  margin: 12px 0;
}

@media (max-width: 992px){
  .mk-main-wrapper{
    grid-template-columns: 1fr;
  }
}

/* ---- Card ---- */
.mk-news-card{
  background: #fff;
  border: 1px solid #e7edf5;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(16, 24, 40, 0.05);
}

/* Sol renk şeridi (kurumsal vurgu) */
.mk-news-card.mk-border-turmob{ border-left: 6px solid #0B5CAB; }
.mk-news-card.mk-border-sgk{ border-left: 6px solid #0E8F6E; }

/* ---- Header ---- */
.mk-card-header{
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.mk-bg-turmob{
  background: linear-gradient(90deg, #0B5CAB 0%, #0A3D73 100%);
}

.mk-bg-sgk{
  background: linear-gradient(90deg, #0E8F6E 0%, #0A6A52 100%);
}

.mk-header-text{
  color: #fff;
  font-weight: 800;
  letter-spacing: .2px;
  font-size: 13px;
  line-height: 1.1;
  display: flex;
  flex-direction: column;
}

/* Başlık altı küçük açıklama */
.mk-header-text::after{
  content: "Güncel duyurular";
  font-weight: 500;
  opacity: .85;
  font-size: 12px;
  margin-top: 4px;
}

.mk-icon{
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: rgba(255,255,255,.14);
  color: #fff;
  font-size: 18px;
}

/* ---- List ---- */
.mk-news-list{
  list-style: none;
  margin: 0;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* ---- Item ---- */
.mk-news-item{
  cursor: pointer;
  border: 1px solid #edf2f7;
  border-radius: 10px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: #fff;
  position: relative;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

/* Sol mini şerit */
.mk-news-item::before{
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 4px;
  border-radius: 6px;
  background: #d7e3f4;
}

.mk-border-turmob .mk-news-item::before{ background: rgba(11,92,171,.25); }
.mk-border-sgk   .mk-news-item::before{ background: rgba(14,143,110,.25); }

.mk-news-item:hover{
  transform: translateY(-1px);
  border-color: #d9e4f2;
  box-shadow: 0 8px 20px rgba(16, 24, 40, 0.08);
}

/* ---- Title ---- */
.mk-item-title{
  font-size: 13.5px;
  font-weight: 650;
  color: #0f172a;
  line-height: 1.35;
  padding-left: 8px; /* sol şerit boşluğu */
}

/* ---- Footer ---- */
.mk-item-footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-left: 8px; /* sol şerit boşluğu */
}

.mk-item-tag{
  display: inline-flex;
  align-items: center;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 700;
  border: 1px solid transparent;
  white-space: nowrap;
}

.mk-tag-turmob{
  background: rgba(11,92,171,.08);
  color: #0B5CAB;
  border-color: rgba(11,92,171,.18);
}

.mk-tag-sgk{
  background: rgba(14,143,110,.08);
  color: #0E8F6E;
  border-color: rgba(14,143,110,.18);
}

.mk-item-date{
  font-size: 11.5px;
  color: #64748b;
  background: #f6f8fb;
  border: 1px solid #eef2f7;
  padding: 5px 9px;
  border-radius: 999px;
  white-space: nowrap;
}