/* Genel görünüm */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background-color: #f8fbff;
  margin: 0;
  padding: 0;
  padding-bottom: 50px; /* footer yüksekliği kadar boşluk */
}

a {
  text-decoration: none;   /* Alt çizgi yok */
  color: #fe9c0a;          /* Sabit turuncu */
  font-weight: bold;
}

a:hover {
  color: #d17f00;          /* Hover olunca koyusu */
}

.container {
  max-width: 1200px;
  margin: auto;
  padding: 2rem;
}

/* Menü yapısı */
.admin-menu {
  background-color: #03254E;
  padding: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  color: white;
  position: relative;
}

.admin-menu .logo {
  font-weight: bold;
  font-size: 1.2rem;
  margin-right: auto;
}

.admin-menu > a,
.menu-dropdown > a:first-child {
  color: white;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 12px;
  border-radius: 6px;
  position: relative;
}

.admin-menu > a:hover,
.menu-dropdown:hover > a:first-child,
.admin-menu .aktif {
  background-color: #fe9c0a;
}

/* Açılır alt menü */
.menu-dropdown {
  position: relative; /* ALT MENÜNÜN REFERANSI */
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #03254E;
  min-width: 200px;
  z-index: 999;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  border-radius: 6px;
  top: calc(100% + 4px); /* Menü bitimine hizalı + boşluk */
  left: 0;
}

.dropdown-content a {
  display: block;
  padding: 10px 15px;
  color: white;
  text-decoration: none;
}

.uye-paneli-link {
  color: red !important;
}

.dropdown-content a:hover {
  background-color: #fe9c0a;
}

.menu-dropdown:hover .dropdown-content {
  display: block;
}

/* ALT ALT MENÜLER - SAĞA AÇILIR */
.dropdown-content .submenu {
  position: relative;
}

.dropdown-content .submenu > a {
  padding-right: 25px;
  position: relative;
}

.dropdown-content .submenu > a::after {
  content: '▸';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.submenu-content {
  display: none;
  position: absolute;
  top: 0;
  left: 100%; /* Sağa açılır */
  background-color: #03254E;
  min-width: 200px;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  z-index: 999;
}

.submenu:hover .submenu-content {
  display: block;
}

.submenu-content a {
  display: block;
  padding: 10px 15px;
  color: white;
  text-decoration: none;
}

.submenu-content a:hover {
  background-color: #fe9c0a;
}

/* Widget kutuları */
.widget-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2rem;
}

.widget-box {
  flex: 1 1 250px;
  background: white;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  padding: 1.5rem;
  text-align: center;
}

.widget-icon {
  font-size: 2rem;
  color: #03254E;
  margin-bottom: 0.5rem;
}

/* Tablolar */
table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
  background: white;
}

th, td {
  padding: 10px;
  border: 1px solid #ddd;
  text-align: left;
}

th {
  background-color: #03254E;
  color: white;
}

tr:nth-child(even) {
  background-color: #f0f4f8;
}

/* Form alanları */
form {
  background: white;
  padding: 2rem;
  margin-top: 2rem;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

input, select, textarea {
  width: 100%;
  padding: 10px;
  margin: 0.5rem 0;
  border: 1px solid #ccc;
  border-radius: 6px;
}

button {
  padding: 10px 20px;
  background-color: #03254E;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  margin-top: 1rem;
}

button:hover {
  background-color: #fe9c0a;
}

/* Giriş ekranı özel */
.login-kutu {
  max-width: 400px;
  margin: 5rem auto;
  background: white;
  padding: 2rem;
  border-radius: 12px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.login-kutu h2 {
  text-align: center;
  color: #03254E;
  margin-bottom: 1rem;
}

/* Mesajlar */
.mesaj {
  text-align: center;
  font-weight: bold;
  color: green;
  margin-top: 1rem;
}

.kirmizi {
  color: red;
  font-weight: bold;
}

.yesil {
  color: green;
  font-weight: bold;
}

/* Sekme butonları */
.tabs {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.tab-button {
  background-color: #03254E;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  font-weight: bold;
  margin-right: 5px;
  border-radius: 4px 4px 0 0;
}

.tab-button.aktif {
  background-color: #fe9c0a;
  border-bottom: 2px solid white;
}

/* Sekme içerikleri */
.tab-content {
  display: none;
  padding: 20px;
  border: 1px solid #ddd;
  border-top: none;
  background-color: #fff;
}

.tab-content.aktif {
  display: block;
}

/* Beyaz kart */
.kart.beyaz-kart {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 6px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.kart img {
  border-radius: 4px;
  border: 1px solid #ccc;
}

/* Yöneticiler Tablosu */
.yonetici-tablo h3 {
  color: #b30000;
}

.yonetici-tablo table thead {
  background-color: #b30000;
  color: #fff;
}

.yonetici-tablo button {
  background-color: #b30000;
  color: white;
  border: none;
  padding: 5px 10px;
  border-radius: 4px;
  cursor: pointer;
}

.yonetici-tablo button:hover {
  background-color: #990000;
}

.dis-bagisci {
  color: red;
  font-weight: bold;
}

.tur-gelir {
  color: green;
  font-weight: bold;
}

.tur-gider {
  color: red;
  font-weight: bold;
}

.widget-container {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.widget {
  background: #f5f5f5;
  border-radius: 12px;
  padding: 1rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  flex: 1;
  text-align: center;
}

.widget-title {
  font-size: 1rem;
  color: #666;
  font-weight: bold;
}

.widget-value {
  font-size: 1.5rem;
  margin-top: 0.5rem;
  color: #2e7d32;
}

.pagination {
  margin-top: 1rem;
  text-align: center;
}

.pagination a {
  display: inline-block;
  padding: 8px 12px;
  margin: 0 4px;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
  color: #333;
  text-decoration: none;
  border-radius: 5px;
  transition: all 0.3s ease;
  font-size: 14px;
}

.pagination a:hover {
  background-color: #e0e0e0;
}

.pagination a.aktif {
  background-color: #fe9c0a;
  color: #fff;
  border-color: #fe9c0a;
  font-weight: bold;
}

.uye-listesi {
  max-width: 900px;
  margin: 0 auto;
}

.uye-kutusu {
  border: 1px solid #ccc;
  margin-bottom: 10px;
  border-radius: 6px;
  overflow: hidden;
  background-color: #f9f9f9;
}

.uye-baslik {
  background-color: #ddd;
  padding: 10px;
  font-weight: bold;
  cursor: pointer;
}

.uye-baslik:hover {
  background-color: #ccc;
}

.aidat-detay {
  padding: 10px;
  background-color: #fff;
}

.borc-listesi h3 {
  margin-top: 20px;
  background-color: #eee;
  padding: 10px;
  border-radius: 5px;
}

.borc-listesi table {
  width: 100%;
  margin-bottom: 15px;
  border-collapse: collapse;
}

.borc-listesi th, .borc-listesi td {
  padding: 8px;
  border: 1px solid #ddd;
}

/* Footer */
.site-footer {
  background-color: #fbcc34; /* Sarı */
  text-align: right;
  padding: 6px 30px 2px 30px; /* Üst 6px (çizgiye yer), alt 2px */
  font-size: 14px;
  color: #333;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
}

.site-footer .footer-line {
  width: 100%;
  height: 4px; /* Turuncu çizgi */
  background-color: #fe9c0a;
  position: absolute;
  top: 0;
  left: 0;
}