/* ══════════════════════════════════════
   Mobile Responsive — sadece mobil düzenlemeler
   Masaüstü tasarıma dokunmaz
   ══════════════════════════════════════ */

/* ── 1024px: Tablet ── */
@media (max-width: 1024px) {
  .stock-widget-row {
    grid-template-columns: 1fr !important;
  }

  .market-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .refresh-bar {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-sm);
  }

  .refresh-controls {
    width: 100%;
    justify-content: space-between;
  }
}

/* ── 768px: Büyük telefon ── */
@media (max-width: 768px) {
  /* Top Bar */
  .top-bar {
    flex-wrap: wrap;
    gap: var(--spacing-sm);
  }

  .top-bar h2 {
    font-size: 1.1rem !important;
  }

  .top-bar-right {
    flex-wrap: wrap;
  }

  /* Market Grid — tek kolon */
  .market-grid {
    grid-template-columns: 1fr;
  }

  .market-price {
    font-size: 1.4rem;
  }

  /* Piyasa: Section Divider düzenle butonu */
  .section-divider {
    font-size: 0.72rem;
  }

  .stock-manage-btn {
    font-size: 0.65rem;
    padding: 4px 8px;
  }

  /* Piyasa: Modal */
  .price-modal {
    max-width: 100%;
    padding: var(--spacing-lg);
    margin: var(--spacing-sm);
  }

  .price-modal-header h3 {
    font-size: 1rem;
  }

  .modal-chart-wrapper {
    height: 220px;
  }

  .modal-stats {
    grid-template-columns: 1fr !important;
    gap: var(--spacing-sm);
  }

  .modal-period-btns {
    gap: var(--spacing-xs);
  }

  .modal-period-btn {
    padding: 5px 12px;
    font-size: 0.72rem;
  }

  /* Yatirimlar: Portfolio Hero */
  .portfolio-hero {
    padding: var(--spacing-lg) var(--spacing-md) !important;
  }

  .portfolio-badges {
    gap: var(--spacing-xs) !important;
  }

  .portfolio-badge {
    font-size: 0.68rem !important;
    padding: 3px 8px !important;
  }

  .period-btns {
    flex-wrap: wrap;
  }

  /* Yatirimlar: Chart Box */
  .chart-box {
    padding: var(--spacing-md) !important;
  }

  .chart-wrapper {
    height: 200px !important;
  }

  .chart-wrapper.donut-wrap {
    height: 200px !important;
  }

  /* Invest Card */
  .invest-card {
    padding: var(--spacing-md) !important;
  }

  .invest-symbol {
    font-size: 0.95rem !important;
  }

  .invest-value {
    font-size: 1.05rem !important;
  }

  .invest-pnl {
    font-size: 0.78rem !important;
  }

  /* Modals — tam ekran */
  .modal-card {
    max-width: 100%;
    max-height: 95vh;
    margin: var(--spacing-sm);
    padding: var(--spacing-lg);
  }

  .modal-overlay {
    padding: var(--spacing-sm);
  }

  .modal-header h3 {
    font-size: 1rem;
  }

  /* Stock Manager Modal */
  .stock-manager {
    max-width: 100%;
    max-height: 90vh;
    padding: var(--spacing-lg);
  }

  /* Form girdileri — dokunmaya uygun */
  .form-input,
  .converter-input,
  .converter-select,
  .filter-input,
  .filter-select {
    font-size: 16px !important;
    padding: 12px 14px;
    min-height: 44px;
  }

  .form-submit,
  .btn-primary {
    min-height: 48px;
    font-size: 0.9rem;
  }

  /* Category Grid */
  .category-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .category-chip {
    padding: 8px 4px;
    font-size: 0.68rem;
  }

  .category-chip .emoji {
    font-size: 1.1rem;
  }

  /* Ayarlar */
  .settings-grid {
    max-width: 100%;
  }

  .profile-card {
    padding: var(--spacing-lg) !important;
    gap: var(--spacing-md) !important;
  }

  .profile-avatar-large {
    width: 52px !important;
    height: 52px !important;
    font-size: 1.2rem !important;
  }

  .profile-info h3 {
    font-size: 0.95rem !important;
  }

  .profile-info p {
    font-size: 0.78rem !important;
  }

  .setting-item {
    padding: var(--spacing-sm) 0;
    min-height: 44px;
  }

  .setting-label {
    font-size: 0.82rem !important;
  }

  .pin-numpad {
    max-width: 240px;
  }

  .pin-key {
    padding: 14px;
    font-size: 1.1rem;
  }

  .selection-card {
    max-width: 100%;
  }

  /* Hedefler */
  .goal-card {
    padding: var(--spacing-md);
  }

  /* Toast */
  .toast-container {
    left: var(--spacing-sm);
    right: var(--spacing-sm);
    top: var(--spacing-sm);
  }

  .toast {
    min-width: auto;
    width: 100%;
    font-size: 0.82rem;
    padding: var(--spacing-sm) var(--spacing-md);
  }

  /* Export butonu */
  .export-btn {
    font-size: 0.68rem;
    padding: 3px 8px;
  }

  /* History Modal */
  .history-table th,
  .history-table td {
    padding: 6px !important;
    font-size: 0.72rem !important;
  }

  .avg-cost-value {
    font-size: 0.95rem !important;
  }

  /* Auth sayfaları */
  .auth-card {
    padding: var(--spacing-lg);
  }

  .auth-header h1 {
    font-size: 1.2rem;
  }

  /* Converter */
  .converter-result {
    font-size: 1.4rem !important;
  }

  /* Notification Panel */
  .notif-panel {
    width: 100%;
    right: -100%;
  }

  /* Transaction items */
  .transaction-icon {
    width: 32px;
    height: 32px;
    font-size: 0.85rem;
  }

  .transaction-name {
    font-size: 0.78rem;
  }

  .transaction-amount {
    font-size: 0.82rem;
  }

  /* Payment items */
  .payment-icon {
    width: 32px;
    height: 32px;
    font-size: 0.85rem;
  }

  .payment-name {
    font-size: 0.78rem;
  }

  .payment-amount {
    font-size: 0.8rem;
  }

  /* Budget section */
  .budget-cat-name {
    width: 65px;
    font-size: 0.7rem;
  }

  .budget-cat-value {
    width: 80px;
    font-size: 0.65rem;
  }

  /* Admin page */
  .admin-stats-grid {
    grid-template-columns: 1fr 1fr;
  }
}

/* ── 480px: Küçük telefon ── */
@media (max-width: 480px) {
  .main-content {
    padding: 12px !important;
    padding-bottom: 80px !important;
  }

  .top-bar h2 {
    font-size: 0.95rem !important;
  }

  /* Balance */
  .balance-value {
    font-size: 1.5rem !important;
  }

  .balance-value.secondary {
    font-size: 1rem !important;
  }

  .balance-card {
    padding: var(--spacing-md) !important;
  }

  /* Portfolio */
  .portfolio-value {
    font-size: 1.5rem !important;
  }

  .portfolio-pnl {
    font-size: 0.82rem !important;
  }

  /* Stat cards */
  .stat-value {
    font-size: 0.95rem;
  }

  .stat-label {
    font-size: 0.62rem;
  }

  /* Currency cards */
  .currency-price {
    font-size: 1rem;
  }

  .currency-name {
    font-size: 0.72rem;
  }

  /* Market cards */
  .market-card {
    padding: var(--spacing-md);
  }

  .market-price {
    font-size: 1.2rem !important;
  }

  .pair-name {
    font-size: 0.85rem;
  }

  .pair-sub {
    font-size: 0.65rem;
  }

  .market-hilo {
    font-size: 0.65rem;
  }

  /* Converter */
  .converter-card {
    padding: var(--spacing-md) !important;
  }

  .converter-result {
    font-size: 1.2rem !important;
  }

  /* Category Grid */
  .category-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: var(--spacing-xs) !important;
  }

  .category-chip {
    padding: 6px 2px;
    font-size: 0.62rem;
  }

  .category-chip .emoji {
    font-size: 1rem;
    margin-bottom: 2px;
  }

  /* Budget */
  .budget-cat-limits {
    max-height: 200px;
  }

  .budget-cat-limit-item label {
    width: 70px;
    font-size: 0.75rem;
  }

  /* Invest cards */
  .invest-detail-row {
    flex-direction: column;
    gap: 2px;
  }

  /* Section headers */
  .section-header h3 {
    font-size: 0.9rem;
  }

  .section-header a,
  .section-header button {
    font-size: 0.7rem;
    padding: 3px 8px;
  }

  /* Chart */
  .chart-wrapper {
    height: 170px !important;
  }

  .chart-wrapper.donut-wrap,
  .chart-wrapper.donut-wrapper {
    height: 170px !important;
  }

  /* Admin stats */
  .admin-stats-grid {
    grid-template-columns: 1fr;
  }

  /* Donut center text */
  .donut-center-value,
  .donut-total-value {
    font-size: 0.82rem;
  }
}

/* ── Genel mobil iyileştirmeler (tüm ekranlar) ── */
@media (hover: none) and (pointer: coarse) {
  .glass-card:hover {
    transform: none;
  }

  .invest-card:hover {
    transform: none !important;
    box-shadow: none !important;
  }

  .market-card:hover {
    transform: none !important;
    box-shadow: none !important;
  }

  .invest-card .delete-btn {
    opacity: 1 !important;
  }
}

@media (max-width: 1024px) {
  .bottom-nav {
    display: block;
  }
}