/* Podpora za v6 – novi razredi */
.gzv6-option { 
  display: block;
  padding: 10px 15px;
  margin: 5px 0;
  border: 1px solid #ccc;
  border-radius: 8px;
  cursor: pointer;
  background-color: #f8f8f8;
  transition: 0.3s;
}
.gzv6-option:hover {
  background-color: #e2e2e2;
}
.gzv6-correct { background-color: #8bc34a !important; color: #fff; }
.gzv6-wrong { background-color: #f44336 !important; color: #fff; }

.gzv6-quiz-wrap img { max-width: 300px; border-radius: 8px; margin: 15px 0; }
/* Poravnava slike oznake na sredino */
.gzv6-quiz-wrap img,
.gz-quiz-wrap img {
  display: block;
  margin: 0 auto 20px auto; /* sredina + spodnji odmik */
  max-width: 200px;         /* po želji – prilagodi velikost */
  height: auto;
}
.gzv6-btn, .gz-btn { 
  background: #d32f2f;
  color: #fff;
  border: none;
  padding: 8px 16px;
  border-radius: 6px;
  cursor: pointer;
}
.gzv6-btn:hover, .gz-btn:hover { background: #b71c1c; }

/* Osnovni layout */
.gz-quiz-wrap { max-width:720px; margin:16px auto; font-family: Arial, sans-serif; }
.gz-quiz-title { font-size:18px; margin-bottom:10px; color:#003366; }
.gz-quiz-panel { border:1px solid #e5e5e5; padding:16px; border-radius:6px; background:#fff; position:relative; }
#gz-quiz-image { max-width:200px; width:60%; height:auto; display:block; margin:10px auto; border:1px solid #ddd; padding:6px; background:#fafafa;}

/* Options */
.gz-option {
  font-size: 14px;
  font-family: 'Arial', sans-serif;
  padding: 10px 12px;
  margin: 8px 0;
  border-radius: 6px;
  background: #f5f5f5;
  cursor: pointer;
  border: 1px solid #e0e0e0;
}
.gz-option:hover { background:#eee; }
.gz-correct { background:#dff0d8 !important; border-color:#3c763d !important; }
.gz-wrong { background:#f2dede !important; border-color:#a94442 !important; color:#a94442; }

/* Buttons & author */
.gz-btn { display:inline-block; padding:8px 12px; margin-top:8px; background:#0073aa; color:#fff; border:none; border-radius:6px; cursor:pointer; text-decoration:none; }
.gz-author { font-size:12px; color:#666; margin-top:10px; }

/* Progress text */
#gz-quiz-progress {
  font-size: 14px;
  font-family: Arial, sans-serif;
  margin-bottom: 10px;
  text-align: left;
}

/* Timer (top-right) */
.gz-timer {
  position: absolute;
  top: 10px;
  right: 12px;
  background: rgba(0,0,0,0.05);
  border: 1px solid #ddd;
  padding: 6px 10px;
  border-radius: 6px;
  font-weight: bold;
  font-family: monospace;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}

/* Leaderboard table */
.gz-leaderboard-table { width:100%; border-collapse:collapse; margin-top:10px;}
.gz-leaderboard-table th, .gz-leaderboard-table td { border:1px solid #ddd; padding:8px; text-align:left; }
.gz-leaderboard-table th { background:#f7f7f7; }
.gz-user-rank { margin-top:10px; font-weight:bold; color:#2b542c; }

/* Leaderboard wrap (shortcode view) */
.gz-leaderboard-wrap {
  max-width: 700px;
  margin: 20px auto;
  text-align: center;
}
.gz-leaderboard-wrap table { width: 100%; border-collapse: collapse; margin: 0 auto; }
.gz-leaderboard-wrap th, .gz-leaderboard-wrap td { border: 1px solid #ddd; padding: 8px; text-align: center; }
.gz-leaderboard-wrap th { background: #f7f7f7; }

/* Small responsive */
@media (max-width: 480px) {
  .gz-quiz-wrap { padding: 8px; }
  #gz-quiz-image { max-width: 160px; }
  .gz-timer { top: 8px; right: 8px; padding: 4px 8px; font-size: 13px; }
}