/* Masquer / afficher */
.hidden { display: none; }

/* Admin Background */
body.admin {
  background: radial-gradient(circle at top, #dd6e6e, #000000);
}

/* Écran de connexion */
#login-screen {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #222;
  color: #fff;
  z-index: 9999;
}
.back-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  background-color: #111;
  color: #fff;
  font-size: 1rem;
  border: 2px solid rgb(245, 245, 245);
  border-radius: 12px;
  backdrop-filter: blur(10px);
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  box-shadow: 0 4px 15px rgb(236, 231, 231);
  margin-top: 20px;
}

#login-screen input {
  margin: 5px;
  padding: 8px;
  width: 200px;
  font-size: 16px;
}

#login-screen button {
  margin-top: 10px;
  padding: 8px 16px;
  cursor: pointer;
  font-size: 16px;
}

/* Header */
header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  background-color: #111;
  color: #fff;
}

header .logo { font-weight: bold; font-size: 24px; }

header nav a {
  margin-left: 15px;
  color: #fff;
  text-decoration: none;
}

/* Home section */
.home {
  display: flex;
  align-items: center;
  padding: 50px;
}

.home-img img {
  max-width: 300px;
  border-radius: 10px;
}

.home-content {
  margin-left: 30px;
}

/* Logout Button */
.logout-btn {
  background: #c0392b;
  color: white;
  border: none;
  padding: 8px 14px;
  cursor: pointer;
  border-radius: 5px;
}

.logout-btn:hover {
  background: #e74c3c;
}

/* Messages */
.error-message {
  color: #e74c3c;
  margin-top: 10px;
}

.success-message {
  color: #2ecc71;
  margin-top: 10px;
}

/* Vidéo et boutons admin */
.video-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 20px;
}

.video-item {
  width: 300px;
  border: 1px solid #555;
  border-radius: 8px;
  padding: 10px;
  background: #111;
  color: #fff;
}

.video-item video {
  width: 100%;
  border-radius: 5px;
}

.admin-actions {
  margin-top: 10px;
}

.admin-actions button {
  margin-right: 5px;
  padding: 5px 10px;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  font-size: 14px;
}

.admin-actions .edit-btn {
  background-color: #3498db;
  color: white;
}

.admin-actions .edit-btn:hover {
  background-color: #2980b9;
}

.admin-actions .delete-btn {
  background-color: #e74c3c;
  color: white;
}

.admin-actions .delete-btn:hover {
  background-color: #c0392b;
}

/* Formulaire upload vidéo */
.video-form input, .video-form button {
  margin: 5px 0;
  padding: 6px 10px;
  width: 100%;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid #555;
  background: #222;
  color: #fff;
}

.video-form button {
  background-color: #287ff0;
  border: none;
  cursor: pointer;
}

.video-form button:hover {
  background-color: #6e5c2a;
}