/* Mini Wonders — Özel Stiller */
:root {
  --navy: #1a2744;
  --gold: #c9a84c;
}

.bg-navy  { background-color: var(--navy); }
.text-navy { color: var(--navy); }
.bg-gold  { background-color: var(--gold); }
.text-gold { color: var(--gold); }
.border-gold { border-color: var(--gold); }

/* Bildiri/toast */
.toast-container { position: fixed; bottom: 1.5rem; right: 1.5rem; z-index: 9999; }
.toast {
  padding: .75rem 1.25rem;
  border-radius: .375rem;
  color: #fff;
  font-size: .9rem;
  box-shadow: 0 4px 12px rgba(0,0,0,.15);
  margin-top: .5rem;
  animation: slideIn .3s ease;
}
.toast.success { background: #16a34a; }
.toast.error   { background: #dc2626; }
.toast.info    { background: var(--navy); }
@keyframes slideIn { from { transform: translateX(100%); opacity:0; } to { transform: translateX(0); opacity:1; } }

/* Tablo genel stil */
table { border-collapse: collapse; width: 100%; }
th, td { padding: .65rem 1rem; text-align: left; }
thead th { background: var(--navy); color: #fff; font-weight: 600; font-size: .85rem; }
tbody tr:nth-child(even) { background: #f8f9fa; }
tbody tr:hover { background: #f0f4ff; }

/* Butonlar */
.btn {
  display: inline-flex; align-items: center; gap: .4rem;
  padding: .5rem 1.25rem; font-size: .9rem; font-weight: 500;
  border-radius: .375rem; cursor: pointer; border: none; transition: opacity .15s;
}
.btn:hover { opacity: .88; }
.btn-primary   { background: var(--navy); color: #fff; }
.btn-gold      { background: var(--gold); color: #fff; }
.btn-danger    { background: #dc2626; color: #fff; }
.btn-outline   { background: transparent; border: 1.5px solid var(--navy); color: var(--navy); }
.btn-sm        { padding: .35rem .85rem; font-size: .8rem; }

/* Form input */
.input {
  width: 100%; padding: .55rem .85rem; border: 1.5px solid #d1d5db;
  border-radius: .375rem; font-size: .95rem; transition: border-color .15s;
  background: #fff;
}
.input:focus { outline: none; border-color: var(--navy); }
label { display: block; font-size: .85rem; font-weight: 600; margin-bottom: .3rem; color: #374151; }

/* Kart */
.card { background: #fff; border: 1px solid #e5e7eb; border-radius: .5rem; padding: 1.5rem; }

/* Badge */
.badge {
  display: inline-block; padding: .2rem .65rem; border-radius: 999px; font-size: .75rem; font-weight: 600;
}
.badge-green  { background: #dcfce7; color: #15803d; }
.badge-yellow { background: #fef3c7; color: #92400e; }
.badge-blue   { background: #dbeafe; color: #1d4ed8; }
.badge-red    { background: #fee2e2; color: #991b1b; }
.badge-gray   { background: #f3f4f6; color: #6b7280; }

/* Modal overlay */
.modal-overlay {
  position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 50;
  display: flex; align-items: center; justify-content: center; padding: 1rem;
}
.modal { background: #fff; border-radius: .5rem; padding: 2rem; width: 100%; max-width: 540px; max-height: 90vh; overflow-y: auto; }
.modal h2 { font-size: 1.2rem; font-weight: 700; margin-bottom: 1.5rem; color: var(--navy); }

/* Pagination */
.pagination { display: flex; gap: .5rem; margin-top: 1.5rem; align-items: center; }
.pagination a, .pagination span {
  padding: .4rem .8rem; border: 1px solid #e5e7eb; border-radius: .375rem; font-size: .875rem; text-decoration: none; color: var(--navy);
}
.pagination .active { background: var(--navy); color: #fff; border-color: var(--navy); }

/* Mağaza: ürün kartı */
.product-card { background: #fff; border: 1px solid #e5e7eb; transition: box-shadow .2s; display: flex; flex-direction: column; }
.product-card:hover { box-shadow: 0 4px 20px rgba(0,0,0,.1); }
.product-card img { width: 100%; height: 220px; object-fit: cover; }