/* Butonlar */
/* layout-butons.css */

/* body {
  font-family: 'Segoe UI', sans-serif;
  background-color: #f4f4f4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
} */

.buton-group {
  display: flex;
  margin-top: 50px;
  width: max-content;
}

.btn-add-user {
  background-color: #ccc8cb;
  color: #4e4c4c !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.192);
  border: none !important;
  border-radius: 5px !important;
  cursor: pointer !important;
  size: 60px;
  padding: 5px 5px !important;
  font-size: 19px;
  
}

.layout-button-group {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.layout-btn {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 5px 15px !important;
  font-size: 9px !important;
  font-weight: 300 !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.192);
}

.layout-btn i {
  font-size: 16px !important;
}

/* Renk temaları */
.btn-login {
  background-color: #0e7dc2 !important;
}

.btn-login:hover {

  background-color: #0e7dc2 !important;
  box-shadow: 0 4px 12px rgba(3, 111, 153, 0.788) !important;
}

.btn-account {
  background-color: #6c5ce7 !important;

}

.btn-account:hover {
  background-color: #4834d4 !important;
  box-shadow: 0 4px 12px rgba(3, 111, 153, 0.788) !important;
}

.btn-logout {
  background-color: #d63031 !important;
}

.btn-logout:hover {
  background-color: #b71c1c !important;
  box-shadow: 0 4px 12px rgba(177, 1, 1, 0.788) !important;
}

.btn-cart {
  background-color: #00b894 !important;
}

.btn-cart:hover {
  background-color: #00897b !important;
  box-shadow: 0 4px 12px rgba(3, 111, 153, 0.788) !important;
}

.btn-admin {
  background-color: #080101 !important;
}

.btn-hesabim{
  background-color: #ec8f03 !important;
}

.btn-admin:hover {
  background-color: #be0707 !important;
  box-shadow: 0 4px 12px rgba(218, 1, 19, 0.788) !important;
}

.user-actions{
    display: flex;               /* İçerikleri yatayda hizalar */
  align-items: center;         /* Dikeyde ortalar */
  gap: 8px;                    /* Öğeler arası boşluk */
}

.edit-link-User{
   display: flex;               /* İçeriği hizalamak için (örneğin ikon + metin) */
  align-items: center;         /* Dikeyde ortalama */
  background-color: #0d6efd;   /* Bootstrap mavisi */
  color: #fff;                 /* Beyaz metin */
  padding: 8px 11px;           /* İç boşluk */
  border-radius: 6px;          /* Köşeleri yumuşatır */
  text-decoration: none;       /* Alt çizgiyi kaldırır */
  font-weight: 600;            /* Kalın yazı */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* Hafif gölge */
  transition: background-color 0.3s ease, transform 0.2s ease; /* Hover geçişleri */
  text-align: center;          /* Metni ortalar */
  width: fit-content;          /* İçeriğe göre genişlik */
}

.edit-link-User:hover{
 background-color: #1a75ff;   /* Daha parlak mavi */
  box-shadow: 0 0 15px rgba(26, 117, 255, 0.6); /* Parlayan mavi ışık */
  transform: translateY(-2px); /* Hafif yukarı hareket */

}

.delete-link-User{
 display: flex;               /* İkon hizalama için */
  color: #b71c1c;              /* Koyu kırmızı (uyarı rengi) */
  font-size: 26px;             /* Büyük ikon boyutu */
}


.btn-link-button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #4a90e2;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.btn-link-button:hover {
  transform: translateY(-2px); /* Hafif yukarı hareket */
  color: white;

  background-color: #4a90e2;

}