/**
 * Quiz Button Fixes
 * Make start buttons visible and styled
 */

/* Quiz start button */
.quiz-start-button,
.btn.btn-primary.quiz-start-button,
a.quiz-start-button {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  padding: 1rem 2rem !important;
  background: #0c7e52 !important;
  color: white !important;
  text-decoration: none !important;
  border-radius: 0.5rem !important;
  font-weight: 600 !important;
  font-size: 1.125rem !important;
  text-align: center !important;
  transition: all 0.2s ease !important;
  border: none !important;
  cursor: pointer !important;
  margin: 1rem 0 !important;
}

.quiz-start-button:hover {
  background: #0a6543 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}

/* Quiz form buttons */
.quiz-question input[type="submit"],
.quiz-question button[type="submit"],
form[id*="quiz"] input[type="submit"],
form[id*="quiz"] button[type="submit"] {
  display: inline-block !important;
  visibility: visible !important;
  padding: 0.75rem 2rem !important;
  background: #1a1a1a !important;
  color: white !important;
  border: none !important;
  border-radius: 0.375rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  margin-top: 1rem !important;
}

/* Quiz answer options/radios */
.quiz-question .form-radios,
.quiz-question .form-checkboxes,
form[id*="quiz"] .form-radios,
form[id*="quiz"] .form-checkboxes {
  display: block !important;
  visibility: visible !important;
}

.quiz-question .form-item,
form[id*="quiz"] .form-item {
  display: block !important;
  visibility: visible !important;
  margin-bottom: 1rem !important;
}

.quiz-question label,
form[id*="quiz"] label {
  display: inline-block !important;
  visibility: visible !important;
  cursor: pointer !important;
}

/* =================================================================
   CRUISE SHIP GALLERY - NUCLEAR OPTION (Highest Weight)
   ================================================================= */
.view-cruise-ship-gallery .views-view-grid {
  grid-template-columns: repeat(4, 1fr) !important;
  width: 100% !important;
  max-width: 100% !important;
}

.view-cruise-ship-gallery .view-content,
.view-cruise-ship-gallery .views-infinite-scroll-content-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}