/* Fix33 — Haber sonu reklam boşluğu + mobil haber araçları */

/* Haber içeriğinin en altındaki reklamdan sonra footer'a kadar oluşan fazla boşluğu azalt. */
@media (max-width: 740px) {
  .reader-v2:has(.reader-article-columns) .reader-main {
    padding-bottom: 38px;
  }

  .reader-v2 .reader-bottom-ad {
    margin-bottom: 0;
  }

  /* Mobil alt araç çubuğu: dört öğe aynı görsel ağırlıkta, daha modern ve dengeli. */
  .reader-v2 .reader-mobile-actions {
    left: 14px;
    right: 14px;
    bottom: calc(10px + env(safe-area-inset-bottom));
    max-width: 520px;
    gap: 5px;
    padding: 7px;
    border: 1px solid rgba(218, 225, 235, .96);
    border-radius: 24px;
    background: rgba(255, 255, 255, .965);
    -webkit-backdrop-filter: blur(20px) saturate(1.15);
    backdrop-filter: blur(20px) saturate(1.15);
    box-shadow: 0 16px 42px rgba(17, 37, 67, .16), 0 2px 7px rgba(17, 37, 67, .06);
  }

  .reader-v2 .reader-mobile-actions .reader-dock-button,
  .reader-v2 .reader-mobile-actions > a,
  .reader-v2 .reader-mobile-actions > div > button,
  .reader-v2 .reader-mobile-action .save-story {
    min-height: 62px;
    gap: 5px;
    padding: 6px 3px;
    border-radius: 17px;
    color: #53627a;
    font-size: .72rem;
    font-weight: 720;
    transition: background .18s ease, color .18s ease, transform .18s ease;
  }

  .reader-v2 .reader-mobile-actions .reader-dock-button:active {
    transform: translateY(1px) scale(.985);
  }

  .reader-v2 .reader-mobile-actions .reader-action-icon {
    width: 32px;
    height: 32px;
    padding: 4px;
    border-radius: 10px;
    background: #f4f7fb;
    stroke-width: 1.8;
    transition: background .18s ease, color .18s ease;
  }

  /* Paylaş/Kaydet ikonları optik olarak küçük görünmesin. */
  .reader-v2 .reader-mobile-action .reader-action-icon {
    padding: 3px;
    stroke-width: 1.95;
  }

  .reader-v2 .reader-mobile-actions .reader-dock-button small,
  .reader-v2 .reader-mobile-actions small {
    font-size: .68rem;
    font-weight: 760;
    line-height: 1.12;
    letter-spacing: -.01em;
  }

  .reader-v2 .reader-mobile-actions .reader-dock-button:hover,
  .reader-v2 .reader-mobile-actions .reader-dock-button:focus-visible,
  .reader-v2 .reader-mobile-actions .reader-dock-button[aria-expanded="true"],
  .reader-v2 .reader-mobile-actions .reader-dock-button.is-saved {
    background: #fff3f6;
    color: #c31c49;
  }

  .reader-v2 .reader-mobile-actions .reader-dock-button:hover .reader-action-icon,
  .reader-v2 .reader-mobile-actions .reader-dock-button:focus-visible .reader-action-icon,
  .reader-v2 .reader-mobile-actions .reader-dock-button[aria-expanded="true"] .reader-action-icon,
  .reader-v2 .reader-mobile-actions .reader-dock-button.is-saved .reader-action-icon {
    background: #ffe7ee;
  }
}

@media (max-width: 380px) {
  .reader-v2 .reader-mobile-actions {
    left: 10px;
    right: 10px;
    gap: 3px;
    padding: 6px;
  }

  .reader-v2 .reader-mobile-actions .reader-dock-button,
  .reader-v2 .reader-mobile-actions > a,
  .reader-v2 .reader-mobile-actions > div > button,
  .reader-v2 .reader-mobile-action .save-story {
    min-height: 58px;
  }

  .reader-v2 .reader-mobile-actions .reader-action-icon {
    width: 30px;
    height: 30px;
  }

  .reader-v2 .reader-mobile-actions .reader-dock-button small,
  .reader-v2 .reader-mobile-actions small {
    font-size: .64rem;
  }
}