/* places_acc.css - Akadálymentes mód stílusai a Hol dolgozunk oldalhoz */

/* Alapértelmezett akadálymentes mód beállítások */
body.accessible-mode {
  background-color: #000;
  color: #ff0;
  font-size: 1.3em;
  line-height: 1.5;
}
body.accessible-mode * {
  color: #ff0 !important;
  background-color: transparent !important;
}

/* Header, navbar, lábléc */
body.accessible-mode header,
body.accessible-mode nav,
body.accessible-mode .navbar,
body.accessible-mode .site-footer,
body.accessible-mode .footer-container {
  background-color: #000 !important;
  color: #ff0 !important;
}

/* Fő tartalom és szakaszok */
body.accessible-mode main,
body.accessible-mode section,
body.accessible-mode .europe-section,
body.accessible-mode .europe-top,
body.accessible-mode .europe-bottom {
  background-color: #000 !important;
  color: #ff0 !important;
}

/* Képek és képosztályok */
body.accessible-mode img,
body.accessible-mode .europe-images img,
body.accessible-mode .country-image-wrapper img {
  max-width: 100% !important;
  height: auto !important;
  border: 2px solid #ff0 !important;
}

/* Országkártyák */
body.accessible-mode .country-list,
body.accessible-mode .country-item,
body.accessible-mode .country-image-wrapper {
  background-color: #000 !important;
  border: 2px solid #ff0 !important;
  padding: 0.5em !important;
}
body.accessible-mode .country-name {
  display: block;
  color: #0ff !important;
  background-color: #000 !important;
  padding: 0.2em 0.5em !important;
  border: 1px solid #ff0 !important;
  margin-top: 0.5em;
}

/* Missziós táblázat */
body.accessible-mode .mission-table-section,
body.accessible-mode .mission-table {
  background-color: #000 !important;
  color: #ff0 !important;
}
body.accessible-mode .mission-table th,
body.accessible-mode .mission-table td {
  border: 2px solid #ff0 !important;
  padding: 0.5em !important;
}
body.accessible-mode .mission-table thead th {
  background-color: #111 !important;
}

/* Details és summary */
body.accessible-mode details,
body.accessible-mode summary {
  background-color: #111 !important;
  color: #ff0 !important;
  padding: 0.5em 1em !important;
  margin-bottom: 1em !important;
}

/* Űrlap */
body.accessible-mode .contact-form-section,
body.accessible-mode form,
body.accessible-mode .form-left,
body.accessible-mode .form-right {
  background-color: #000 !important;
  color: #ff0 !important;
  padding: 1em !important;
}
body.accessible-mode label {
  display: block;
  margin-top: 1em;
  font-weight: bold !important;
}
body.accessible-mode input,
body.accessible-mode textarea,
body.accessible-mode select {
  width: 100% !important;
  background-color: #000 !important;
  color: #ff0 !important;
  border: 2px solid #ff0 !important;
  padding: 0.5em !important;
  margin-top: 0.5em !important;
}

/* Checkbox és radio */
body.accessible-mode input[type="checkbox"],
body.accessible-mode input[type="radio"] {
  width: auto !important;
  margin-right: 0.5em !important;
}

/* Gombok */
body.accessible-mode .button-group button,
body.accessible-mode button {
  background-color: #000 !important;
  border: 2px solid #ff0 !important;
  color: #ff0 !important;
  padding: 0.5em 1em !important;
  margin-top: 1em !important;
  text-transform: uppercase !important;
}

/* Fókusz körvonal */
body.accessible-mode :focus {
  outline: 3px solid #ff0 !important;
  outline-offset: 2px !important;
}

/* Fejlécek kiemelése */
body.accessible-mode h1,
body.accessible-mode h2,
body.accessible-mode h3,
body.accessible-mode h4 {
  font-weight: bold !important;
  text-transform: uppercase !important;
  margin-top: 1em !important;
}