/* 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:80%; 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; }
}