@import url('/styles-base-20260731-part1.css');
@import url('/styles-base-20260731-part2.css');
@import url('/styles-base-20260731-part3.css');
@import url('/styles-base-20260731-part4.css');
@import url('/styles-base-20260731-part5.css');
@import url('/premium-member-overrides.css?v=20260731-1');
@import url('/mobile-header-fix.css?v=20260731-1');

/* Haber detay: admin paragraf yapisini publicte okunabilir araliklarla korur. */
.article-content p{margin:0 0 22px;line-height:1.8}
.article-content p:last-child{margin-bottom:0}
.article-content h2,.article-content h3{margin-top:2rem;margin-bottom:.9rem;line-height:1.3}
.article-content blockquote{margin:1.5rem 0;padding:.2rem 0 .2rem 1.15rem;border-left:4px solid #e52632;line-height:1.75}
.article-content ul,.article-content ol{margin:0 0 1.35rem;padding-left:1.5rem}
.article-content li+li{margin-top:.45rem}
@media(max-width:768px){
  .article-content p{margin-bottom:18px;line-height:1.75}
  .article-content h2,.article-content h3{margin-top:1.6rem;margin-bottom:.75rem}
  .article-content blockquote{margin:1.3rem 0}
}

/* Profesyonel haber tipografisi */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Source+Sans+3:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600&display=swap');
.article-inner .article-lead{max-width:720px;margin:0 0 18px;color:#44505d;font-family:'Manrope','DM Sans',Arial,sans-serif;font-size:18px;font-weight:500;line-height:1.62;letter-spacing:-.18px;text-wrap:pretty}
.article-inner .article-content{color:#20252b;font-family:'Source Serif 4',Georgia,'Times New Roman',serif;font-size:18px;font-weight:400;line-height:1.82;letter-spacing:.003em;font-kerning:normal;text-rendering:optimizeLegibility}
.article-inner .article-content p{margin:0 0 24px;line-height:inherit}
.article-inner .article-content strong{font-weight:600}
.article-inner .article-content .auto-subheading,.article-inner .article-content>h2,.article-inner .article-content>h3{font-family:'Source Sans 3','Manrope','DM Sans',Arial,sans-serif;font-weight:600;line-height:1.55;letter-spacing:0}
@media(max-width:800px){.article-inner .article-lead{margin-bottom:16px;font-size:16px;line-height:1.58;letter-spacing:-.1px}.article-inner .article-content{font-size:17px;line-height:1.78;letter-spacing:0}.article-inner .article-content p{margin-bottom:21px}}

/* Haber metnindeki bağımsız büyük harfli satırlar için premium ara başlık. */
.article-content .auto-subheading,
.article-inner .article-content>h2,
.article-inner .article-content>h3{
  display:block;
  margin:28px 0 20px;
  padding:2px 0 2px 16px;
  border-left:3px solid #e31b2b;
  border-radius:0;
  background:none;
  color:#111827;
  font-family:'Source Sans 3','Manrope',Arial,sans-serif;
  font-size:1em;
  font-style:normal;
  font-weight:600;
  line-height:1.55;
  letter-spacing:0;
  overflow-wrap:anywhere;
}
@media(max-width:768px){
  .article-content .auto-subheading,
  .article-inner .article-content>h2,
  .article-inner .article-content>h3{
    margin:24px 0 18px;
    padding:1px 0 1px 14px;
    border-left-width:3px;
    font-size:1em;
    line-height:1.55;
  }
}

/* Mobil haber penceresi: kapatma simgesini sabit, okunakli ve kodlamadan bagimsiz tutar. */
#articleDialog .dialog-close{
  display:grid;
  place-items:center;
  padding:0;
  color:#fff;
  background:#111820;
  border:1px solid rgba(255,255,255,.8);
  box-shadow:0 5px 16px rgba(0,0,0,.32);
  font-family:Arial,sans-serif;
  font-size:0;
  line-height:1;
  -webkit-appearance:none;
  appearance:none;
}
#articleDialog .dialog-close span{
  display:block;
  font-size:30px;
  font-weight:500;
  line-height:1;
  transform:translateY(-1px);
}
@media(max-width:768px){
  #articleDialog .dialog-close{
    position:sticky;
    top:10px;
    float:right;
    width:44px;
    height:44px;
    margin:10px 10px -54px 0;
    border-radius:50%;
    z-index:60;
  }
}

/* NeVarX Nabız: kompakt ve temel görünüm. */
.reaction-box{
  display:grid;
  grid-template-columns:minmax(135px,1fr) minmax(0,380px);
  grid-template-rows:auto auto;
  column-gap:16px;
  row-gap:2px;
  align-items:center;
  margin-top:30px;
  padding:13px 15px;
  border:1px solid #e0e5e9;
  border-radius:10px;
  background:#fff;
  box-shadow:none;
}
.reaction-box h2{grid-column:1;grid-row:1;margin:0;line-height:1}
.reaction-box h2:after{font-size:15px;line-height:1.15;letter-spacing:-.2px}
.reaction-box p{grid-column:1;grid-row:2;margin:3px 0 0;line-height:1}
.reaction-box p:after{content:'Tepkini seç';font-size:10px;line-height:1.2}
.reaction-box .reaction-list{
  grid-column:2;
  grid-row:1 / span 2;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:5px;
}
.reaction-box .reaction-list button{
  width:auto;
  min-width:0;
  min-height:50px;
  padding:6px 3px 5px;
  gap:1px;
  border:1px solid #e1e5e9;
  border-radius:8px;
  background:#fff;
  box-shadow:none;
}
.reaction-box .reaction-list button:hover,.reaction-box .reaction-list button.selected{
  border-color:#d71920;
  background:#fff7f7;
  box-shadow:none;
  transform:none;
}
.reaction-box .reaction-list .reaction-icon{width:22px;height:20px;transform:scale(.78);transform-origin:center}
.reaction-box .reaction-list em{font-size:8px;line-height:1.1;white-space:nowrap}
.reaction-box .reaction-list b{margin:1px 0 0;font-size:8px;line-height:1}

@media(max-width:800px){
  .reaction-box,.mobile-reaction-box{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    gap:0!important;
    margin:24px 0 0!important;
    padding:11px 10px 10px!important;
    border:1px solid #e0e5e9!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  .reaction-box h2,.mobile-reaction-box h2{
    grid-column:1!important;
    grid-row:1!important;
    margin:0!important;
    color:#182028!important;
    font:800 15px/1.15 'Manrope','DM Sans',Arial,sans-serif!important;
    letter-spacing:-.2px!important;
  }
  .reaction-box h2:after{font-size:15px!important}
  .mobile-reaction-box h2:after{content:none!important}
  .reaction-box p,.mobile-reaction-box p{
    grid-column:1!important;
    grid-row:2!important;
    margin:3px 0 9px!important;
    color:#737d86!important;
    font:600 9.5px/1.2 'Manrope','DM Sans',Arial,sans-serif!important;
  }
  .reaction-box p:after{font-size:9.5px!important}
  .mobile-reaction-box p:after{content:none!important}
  .reaction-box .reaction-list,.mobile-reaction-box .reaction-list{
    grid-column:1!important;
    grid-row:3!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:4px!important;
  }
  .reaction-box .reaction-list button,.mobile-reaction-box .reaction-list button{
    width:auto!important;
    min-width:0!important;
    min-height:48px!important;
    padding:5px 1px 4px!important;
    gap:1px!important;
    border:1px solid #e1e5e9!important;
    border-radius:7px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  .reaction-box .reaction-list button:last-child,.mobile-reaction-box .reaction-list button:last-child{grid-column:auto!important}
  .reaction-box .reaction-list button:active,.reaction-box .reaction-list button.selected,.mobile-reaction-box .reaction-list button:active,.mobile-reaction-box .reaction-list button.selected{
    border-color:#d71920!important;
    background:#fff7f7!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .reaction-box .reaction-list .reaction-icon,.mobile-reaction-box .reaction-list .reaction-icon{width:20px!important;height:19px!important;transform:scale(.72)!important;transform-origin:center!important}
  .reaction-box .reaction-list em,.mobile-reaction-box .reaction-list em{overflow:hidden;color:#313b44!important;font-size:7.5px!important;line-height:1.05!important;text-overflow:ellipsis;white-space:nowrap}
  .reaction-box .reaction-list b,.mobile-reaction-box .reaction-list b{margin:1px 0 0!important;color:#7b858e!important;font-size:8px!important;line-height:1!important}
}