/* Responsive Design */

/* Mobile Styles */
@media (max-width: 768px) {
  #menu ul {
    flex-direction: column;
  }

  #headerTitle {
    font-size: 1em;
  }

  #headerImg,
  #headerImg2,
  #mytilepic,
  #mytilepic2 {
    display: none;
  }

  #headerLogin {
    position: static;
    text-align: center;
    margin: 10px 0;
  }

  table.gridtable,
  table.gridtable-large {
    font-size: 11px;
  }

  .submit,
  .submit-large,
  input[type="submit"],
  input[type="button"],
  button {
    width: 100%;
    margin: 5px 0;
  }
  
  /* Prevent iOS zoom on input focus */
  input[type="text"],
  input[type="password"],
  input[type="email"],
  select,
  textarea {
    font-size: 16px;
  }
}

/* Accessibility Focus Styles */
a:focus,
input:focus,
textarea:focus,
select:focus,
button:focus {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}

/* Print Styles */
@media print {
  #menu,
  #headerLogin,
  #headerLogout2,
  .submit,
  .submit-large,
  input[type="submit"],
  input[type="button"],
  button {
    display: none;
  }

  body {
    background-color: white;
    color: black;
  }

  table {
    border: 1px solid black;
  }

  table th {
    background-color: #f0f0f0;
    color: black;
    border: 1px solid black;
  }
}