/* Haber Detay > 7 Gün İçinde Neler Oldu
   Not: Tasarım eski butonlara yönlendirilmeden burada lokal kopya olarak tutulur. */

/* Modal + player UI (sonucgun.css kopyası) */
.yb-modal .modal-content{background:#2f3237;color:#fff;border-radius:16px;border:1px solid rgba(255,255,255,.08)}
.yb-modal .modal-header{border-bottom:1px solid rgba(255,255,255,.10)}
.yb-modal .modal-footer{border-top:1px solid rgba(255,255,255,.10)}
.yb-modal .yb-title{font-weight:900;font-size:20px;margin:0}
.yb-modal .yb-sub{color:rgba(255,255,255,.75);font-weight:600}

.yb-chipgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:768px){.yb-chipgrid{grid-template-columns:repeat(3,minmax(0,1fr));}}

.yb-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;cursor:pointer;user-select:none;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}
.yb-chip:hover{background:rgba(255,255,255,.08)}
.yb-chip input{display:none}
.yb-box{width:18px;height:18px;border-radius:6px;border:2px solid rgba(255,255,255,.38);position:relative;flex:0 0 auto}
.yb-chip input:checked + .yb-box{border-color:#dc3545;background:rgba(0,0,0,.18)}
.yb-chip input:checked + .yb-box:after{content:"";position:absolute;inset:3px;border-radius:4px;background:#dc3545}
.yb-chip .yb-text{font-weight:800}

.yb-check{margin-top:12px}
.yb-check .form-check-input{margin-top:.35rem}
.yb-check .form-check-label{font-weight:800}
.yb-muted{font-size:12px;color:rgba(255,255,255,.70);font-weight:600;margin-top:2px}

.yb-player{display:block}
.yb-setup.is-hide{display:none}
.yb-update{display:none}

.yb-playrow{display:flex;align-items:center;gap:12px}
.yb-playbtn{width:50px;height:50px;border-radius:14px;border:0;background:#dc3545;display:flex;align-items:center;justify-content:center}
.yb-playbtn[disabled]{opacity:.45;cursor:not-allowed}
.yb-playbtn img{width:18px;height:18px;filter:invert(1)}
.yb-wavewrap{flex:1;position:relative}
.yb-wave{display:flex;gap:3px;align-items:flex-end;height:40px;padding:6px 6px;border-radius:14px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}
.yb-bar{width:4px;border-radius:3px;background:rgba(255,255,255,.7);opacity:.55;animation:ybWave 1.2s infinite ease-in-out}
.yb-wave.is-speaking .yb-bar{opacity:1}
@keyframes ybWave{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
.yb-progress{height:6px;border-radius:99px;background:rgba(255,255,255,.10);overflow:hidden;margin-top:8px}
.yb-progress #ybHd7ProgFill{height:100%;width:0;background:#dc3545;transition:width .2s}

.yb-vol{width:120px}
.yb-vol input[type=range]{width:100%}
.yb-volpct{font-size:12px;color:rgba(255,255,255,.8);font-weight:800;text-align:right}

.yb-textbox{margin-top:14px;max-height:48vh;overflow:auto;padding-right:6px}
.yb-item{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);margin-bottom:10px}
.yb-item.is-active{border-color:#dc3545;background:rgba(220,53,69,.18)}
.yb-line{font-weight:700;color:#fff;white-space:pre-wrap}

.yb-icobtn{width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);color:#fff;display:flex;align-items:center;justify-content:center}
.yb-icobtn:hover{background:rgba(255,255,255,.10)}
.yb-status{margin-top:10px;font-weight:800}
.yb-status[data-type="err"]{color:#ffb3b3}
.yb-status[data-type="ok"]{color:#b3ffcb}
.yb-status[data-type="info"]{color:rgba(255,255,255,.75)}

/* Haber detay üstü buton */
.yb7-inline-wrap{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  margin:24px 0;
}

.yb7-inline,
.yb7-inline-line{
  width:min(460px, 100%);
}

.yb7-inline{
  display:flex;
  justify-content:center;
}

.yb7-inline-line{
  position:relative;
  height:10px;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    rgba(220,53,69,0) 0%,
    rgba(220,53,69,.28) 12%,
    rgba(255,255,255,.85) 50%,
    rgba(220,53,69,.28) 88%,
    rgba(220,53,69,0) 100%
  );
  box-shadow:
    0 0 0 1px rgba(255,255,255,.12) inset,
    0 8px 18px rgba(220,53,69,.12);
  overflow:hidden;
}

.yb7-inline-line::after{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  top:50%;
  height:2px;
  transform:translateY(-50%);
  border-radius:999px;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.95),
    rgba(255,255,255,0)
  );
}

.yb7-open-btn{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:56px;
  width:100%;
  max-width:460px;
  padding:14px 20px;
  border:0;
  border-radius:18px;
  background:transparent;
  color:#fff;
  font-weight:900;
  font-size:15px;
  line-height:1.25;
  text-align:center;
  box-shadow:0 16px 34px rgba(0,0,0,.18);
  backdrop-filter:blur(4px);
}

.yb7-open-btn::before{
  content:"";
  position:absolute;
  inset:-160%;
  border-radius:50%;
  background:conic-gradient(
    from 0deg,
    rgba(220,53,69,1) 0deg,
    rgba(13,110,253,1) 120deg,
    rgba(25,135,84,1) 240deg,
    rgba(220,53,69,1) 360deg
  );
  opacity:.85;
  animation:yb7BorderSpin 2.4s linear infinite;
  z-index:0;
  pointer-events:none;
}

.yb7-open-btn::after{
  content:"";
  position:absolute;
  inset:2px;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(230,75,91,.97), rgba(220,53,69,.97));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
  z-index:1;
  pointer-events:none;
}

@keyframes yb7BorderSpin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(360deg); }
}

.yb7-open-btn > *{
  position:relative;
  z-index:2;
}

.yb7-open-btn:hover,
.yb7-open-btn:focus{
  color:#fff;
  transform:translateY(-1px);
}

.yb7-open-btn:hover::after,
.yb7-open-btn:focus::after{
  background:linear-gradient(180deg, #e04559, #d53345);
}

.yb7-open-btn .yb7-icon{
  font-size:16px;
  line-height:1;
  flex:0 0 auto;
}

.yb7-open-btn .yb7-text{
  display:block;
}

@media (max-width: 767.98px){
  .yb-playrow{flex-wrap:wrap}
  .yb-vol{width:100%}

  .yb7-inline-wrap{
    margin:20px 0;
    gap:8px;
  }

  .yb7-inline,
  .yb7-inline-line{
    width:100%;
  }

  .yb7-open-btn{
    min-height:52px;
    font-size:14px;
    padding:12px 16px;
    border-radius:16px;
    max-width:none;
  }
}