/* CSS for the ATC Report Plugin */
/* This CSS file is used to style the ATC Report page */
/* General Styles */

/* body {
    font-family: Arial, sans-serif;
    background-color: #f4b6fa;
    margin: 0;
    padding: 20px;
} */

#wp--skip-link--target > div > div > div.atc-report-heading {
  background-color: rgb(221, 202, 34) !important;
}

/* div.atc-report-heading > h2{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
} */

.atc-table {
    position: relative;
    padding-right: 120px; /* Adjust based on image width */
    padding-bottom: 35px;
    margin-top: 15px;
    background-color: rgba(230, 230, 230, 0.5);
    min-height: 120px; 
    border: 1px solid rgba(130, 130, 130, 0.5);
  }
  
  .atc-table-image {
    position: absolute;
    right: 0;
    top: 0;
  }

  .atc-table-image img{
    width: 100px;
    max-height: 120px;
    /* height: 100px; */
  }
  
  .atc-no-stock{
    background-color: red;
    color:white;
  }
  .atc-low-stock{
    background-color: orange;

  }
  .atc-high-stock{
    background-color: black;
    color:white;

  }

  .error-message {
    color: red;
    font-weight: bold;
    margin: 10px 0;
}

  .atc-table-header {
    background-color: #f2f2f2;
    font-weight: bold;
  }

  .atc-table-header th {
    padding: 10px;
    text-align: left;
  }

  .atc-table-body td {
    padding: 10px;
    border-bottom: 1px solid #ddd;
  }

  .atc-table-body tr:hover {
    background-color: #f1f1f1;
  }
  .atc-table-body tr:nth-child(even) {
    background-color: #f9f9f9;
  }
  .even-row {
    background-color: #b7e0b7;
  }
  .odd-row {
    background-color: #ffffff;
  }