html, body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    height: auto;
}
.bg-image {
    background-image: url('../image/bg.webp'); /* Görsel yolunu kontrol et */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    position: relative; /* absolute yerine relative veya hiç kullanma */
    min-height: 100vh;
    width: 100%;
    z-index: -1;
    background-attachment: scroll;  /* Mobilde scroll ile birlikte büyümesi için: */
}
.bg-light {
  background-color: #e3f2fd !important; /* karanlık tema için deneme*/
}
.bg-dark {
  background-color: #212529 !important;
}
.nav-button {
  background-color: transparent;  /* Başlangıçta arka plan yok */
  color: black; /* Yazı siyah */
  border: none;
  padding: 0.375rem 0.75rem;  /* Bootstrap btn padding benzeri */
  font-size: 1rem;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
  border-radius: 0.25rem; /* Hafif köşe yuvarlama */
}
.nav-button:hover {
  background-color: rgba(33, 37, 41); /* Hover arkaplan mavi */
  color: white; /* Hover yazı beyaz */
}
.nav-button:disabled {
  background-color: transparent !important;
  color: #6c757d !important;  /* Bootstrap'in disabled gri rengi */
  cursor: not-allowed;
  box-shadow: none !important;
  opacity: 0.65;  /* Daha soluk görünüm */
}
.nav-button:disabled:hover,
.nav-button:disabled:focus {
  background-color: transparent !important;
  color: #6c757d !important;
  box-shadow: none !important;
}
.profile-box {
  padding: 2rem;
  border-radius: var(--radius);
}
.centered-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: calc(100vh - 160px);
}
.bookmark-container {
  background-color: #e8eaed;
  border-radius: 12px;
  padding: 30px;
  position: relative;
  padding-top: 60px; /* Sağ üst ikonlar için üst boşluk */
}
.top-icons {
  position: absolute;
  top: 20px;
  right: 30px;
  display: flex;
  gap: 20px;
  font-size: 15px;
  color: #555;
}
.top-icons i {
  cursor: pointer;
  transition: color 0.2s;
}
.top-icons i:hover {
  color: #000;
}
.link-card {
  background-color: #fff;
  border-radius: 10px;
  padding: 15px;
  border: 1px solid #ccc;
  transition: box-shadow 0.3s;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.link-card:hover {
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.link-card a,
.link-card a:hover {
  text-decoration: none;
  color: inherit;
}
.icondisabled {
  pointer-events: none;  /* Tıklamayı engeller */
  opacity: 0.5;          /* Görünümü soluklaştırır */
}