/* TEST352 — Dosya detay sayfası: sade başlık + büyük, anlaşılır butonlar.
   Anahtar: dosya_detay_duzen. Yalnız .oon-file-detail içini etkiler. */

html body .oon-file-detail{padding:28px;border-radius:24px}
html body .oon-file-detail .nm-kicker{font-size:12px;letter-spacing:.08em}
html body .oon-file-detail .oon-file-detail-top h1{font-size:clamp(24px,2.8vw,34px);line-height:1.22;letter-spacing:-.02em;margin:12px 0 10px;max-width:none;overflow-wrap:anywhere}
html body .oon-file-detail .oon-file-detail-badges{gap:8px}
html body .oon-file-detail .oon-file-kind,
html body .oon-file-detail .oon-file-badge,
html body .oon-file-detail .oon-file-view-count{font-size:12px;padding:6px 12px;line-height:1.2}
html body .oon-file-detail .oon-file-detail-meta{font-size:15px;line-height:1.6;color:#4d655d;margin:0}

/* Buton alanı: üstte 2 büyük ana buton, altta 3 yardımcı buton */
html body .oon-file-detail .oon-file-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:22px 0 14px;align-items:stretch}
html body .oon-file-detail .oon-file-actions>*{min-width:0;margin:0}

/* Ana butonlar */
html body .oon-file-detail .oon-file-actions>a.oon-file-action--primary,
html body .oon-file-detail .oon-file-actions>a[data-oon-indir]{grid-column:span 3;min-height:56px!important;font-size:17px!important;font-weight:800!important;border-radius:14px!important;padding:12px 18px!important;gap:10px!important}
html body .oon-file-detail .oon-file-actions>a.oon-file-action--primary{order:1;background:#12354b!important;border-color:#12354b!important;color:#fff!important}
html body .oon-file-detail .oon-file-actions>a[data-oon-indir]{order:2;background:#1f7a5c!important;border-color:#1f7a5c!important;color:#fff!important}
html body .oon-file-detail .oon-file-actions>a.oon-file-action--primary span,
html body .oon-file-detail .oon-file-actions>a[data-oon-indir] span{font-size:20px;line-height:1}
html body .oon-file-detail .oon-file-actions>a.oon-file-action--primary strong,
html body .oon-file-detail .oon-file-actions>a[data-oon-indir] strong{font-size:17px}

/* Yardımcı butonlar: Favoriye ekle, Koleksiyon, Bağlantıyı kopyala */
html body .oon-file-detail .oon-file-actions>button.oon-fav-toggle.oon-fav-toggle--labelled,
html body .oon-file-detail .oon-file-actions>button.oon-copy-link,
html body .oon-file-detail .oon-file-actions>a.oon-collection-btn,
html body .oon-file-detail .oon-file-actions>.oon-collection-picker>summary{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;
  height:auto!important;min-height:48px!important;flex:none!important;margin:0!important;padding:10px 12px!important;
  border:1px solid #bcd0c6!important;border-radius:13px!important;background:#fff!important;color:#1c5b4c!important;
  font:inherit!important;font-size:15px!important;font-weight:750!important;line-height:1.25!important;
  text-align:center!important;text-decoration:none!important;white-space:normal!important;cursor:pointer!important;list-style:none!important}
html body .oon-file-detail .oon-file-actions>.oon-collection-picker>summary::-webkit-details-marker{display:none}
html body .oon-file-detail .oon-file-actions>button.oon-fav-toggle.oon-fav-toggle--labelled svg{width:20px!important;height:20px!important;flex:none!important}
html body .oon-file-detail .oon-file-actions>button.oon-fav-toggle.oon-fav-toggle--labelled span,
html body .oon-file-detail .oon-file-actions>button.oon-copy-link strong,
html body .oon-file-detail .oon-file-actions>button.oon-copy-link span{font-size:15px!important;font-weight:750!important}
html body .oon-file-detail .oon-file-actions>button.oon-fav-toggle.oon-fav-toggle--labelled[aria-pressed="true"]{background:#e2efe7!important;border-color:#397b65!important;color:#176550!important}
html body .oon-file-detail .oon-file-actions>button.oon-fav-toggle.oon-fav-toggle--labelled:disabled{opacity:.7}

html body .oon-file-detail .oon-file-actions>button.oon-fav-toggle.oon-fav-toggle--labelled{order:3;grid-column:span 2}
html body .oon-file-detail .oon-file-actions>a.oon-collection-btn,
html body .oon-file-detail .oon-file-actions>.oon-collection-picker{order:4;grid-column:span 2;position:relative}
html body .oon-file-detail .oon-file-actions>button.oon-copy-link{order:5;grid-column:span 2}
html body .oon-file-detail .oon-file-actions>.oon-collection-picker[open]{grid-column:span 6;order:6}

html body .oon-file-detail .oon-technical-name summary{font-size:13px}

/* Telefon */
@media(max-width:700px){
  html body .oon-file-detail{padding:18px;border-radius:20px}
  html body .oon-file-detail .oon-file-detail-top h1{font-size:24px}
  html body .oon-file-detail .oon-file-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  html body .oon-file-detail .oon-file-actions>a.oon-file-action--primary,
  html body .oon-file-detail .oon-file-actions>a[data-oon-indir]{grid-column:span 2;min-height:58px!important}
  html body .oon-file-detail .oon-file-actions>button.oon-fav-toggle.oon-fav-toggle--labelled{order:3;grid-column:span 1}
  html body .oon-file-detail .oon-file-actions>button.oon-copy-link{order:4;grid-column:span 1}
  html body .oon-file-detail .oon-file-actions>a.oon-collection-btn,
  html body .oon-file-detail .oon-file-actions>.oon-collection-picker{order:5;grid-column:span 2}
  html body .oon-file-detail .oon-file-actions>.oon-collection-picker[open]{order:5;grid-column:span 2}
}