/* KO2Mobil V301 — eşit blog kartları ve makale paylaşım araçları. */

/* Liste kartlarının tamamı aynı ritimde ve aynı sütun genişliğinde kalır. */
.blog-index-direct .blog-card-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
}
.blog-index-direct .blog-card,
.blog-index-direct .blog-card.featured-card{
  grid-column:auto;
  display:flex;
  height:100%;
  flex-direction:column;
}
.blog-index-direct .blog-card.featured-card .blog-card-media{
  height:auto;
  min-height:0;
  aspect-ratio:16/9;
}
.blog-index-direct .blog-card.featured-card .blog-card-body{
  padding:22px;
}
.blog-index-direct .blog-card h2,
.blog-index-direct .blog-card.featured-card h2{
  min-height:3.12em;
  margin:9px 0 11px;
  overflow:hidden;
  font-size:1.22rem;
  line-height:1.28;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.blog-index-direct .blog-card p,
.blog-index-direct .blog-card.featured-card p{
  min-height:5.1em;
  overflow:hidden;
  font-size:.88rem;
  line-height:1.7;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

/* Makale paylaşım paneli */
.rail-share{
  gap:12px;
  margin-top:24px;
  padding:18px;
  border:1px solid rgba(214,173,97,.2);
  background:linear-gradient(145deg,rgba(24,26,31,.96),rgba(10,12,15,.98));
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 16px 34px rgba(0,0,0,.18);
}
.rail-share>span{
  margin:0;
  color:var(--blog-gold2);
  font-size:.64rem;
  letter-spacing:.15em;
}
.share-actions{display:grid;gap:7px}
.rail-share .share-action{
  width:100%;
  min-height:38px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.085);
  background:rgba(255,255,255,.025);
  color:#c2beb5;
  text-align:left;
  font-size:.73rem;
  font-weight:750;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease;
}
.rail-share .share-action[hidden]{display:none!important}
.rail-share .share-action svg{
  width:17px;
  height:17px;
  flex:0 0 17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.rail-share .share-facebook svg{fill:currentColor;stroke:none}
.rail-share .share-action:hover,
.rail-share .share-action:focus-visible{
  transform:translateX(2px);
  outline:0;
  border-color:rgba(214,173,97,.48);
  background:rgba(214,173,97,.08);
  color:#f1d58f;
}
.rail-share .share-whatsapp:hover,.rail-share .share-whatsapp:focus-visible{border-color:rgba(72,190,115,.46);color:#72d59a;background:rgba(34,145,82,.09)}
.rail-share .share-facebook:hover,.rail-share .share-facebook:focus-visible{border-color:rgba(91,133,203,.52);color:#8db4f2;background:rgba(55,92,157,.1)}
.rail-share .share-telegram:hover,.rail-share .share-telegram:focus-visible{border-color:rgba(69,164,215,.5);color:#7bc8f0;background:rgba(41,133,182,.1)}
.rail-share .share-copy.is-copied{border-color:rgba(78,170,111,.58);color:#89d9a5;background:rgba(40,130,73,.12)}
.share-feedback{min-height:1.35em;margin:0;color:#8fbc9f;font-size:.66rem;line-height:1.35}

@media(max-width:940px){
  .blog-index-direct .blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .article-rail{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:24px}
  .rail-share{margin:0}
  .share-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rail-share .share-action{justify-content:center;text-align:center}
  .rail-share .share-action:hover,.rail-share .share-action:focus-visible{transform:translateY(-1px)}
  .share-feedback{grid-column:1/-1}
}
@media(max-width:680px){
  .blog-index-direct .blog-card-grid{grid-template-columns:1fr}
  .blog-index-direct .blog-card h2,
  .blog-index-direct .blog-card.featured-card h2,
  .blog-index-direct .blog-card p,
  .blog-index-direct .blog-card.featured-card p{min-height:0}
  .article-rail{display:block}
  .rail-share{margin-top:20px;padding:15px}
  .share-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rail-share .share-action{min-height:42px;padding:0 9px;font-size:.7rem}
}
@media(prefers-reduced-motion:reduce){
  .rail-share .share-action{transition:none}
}