.header-halufon{
  margin-bottom: 0 !important;
}

.content-box-bar-adon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 200px;
  height: auto;
  background-color: #eff4f7;
  color: #0f536c;
  font-family: Alef;
}
.content-container {
  display: flex;
  flex-direction: column;
  max-width: 1200px;
  width: -webkit-fill-available;
  width: -moz-available;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.content-box-bar-adon .breadcrumbs {
  top: 0;
}
.search-results-box {
  max-width: 1200px;
  width: -webkit-fill-available;
  width: -moz-available;
  margin-top: 1rem;
}

.search-results-box h2{
  font-weight: bold;
  background-color: #0f536c;
  color: #fff;
  padding: 0.25rem 0.75rem;
  border-radius: 0.5rem;
}

.search-results-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
}

.search-results-table th,
.search-results-table td {
  padding: 7px;
  text-align: right;
  font-size: 16px;
}

.search-results-table thead tr:first-child th {
  background-color: #c6e0eb;
}

.search-results-table thead tr:first-child th:first-child {
  border-top-right-radius: 0.5rem;
}

.search-results-table thead tr:first-child th:last-child {
  border-top-left-radius: 0.5rem;
}

.search-results-table thead tr:nth-child(2) th {
  background-color: #c6e0eb;
  font-weight: normal;
  font-size: 0.9em;
}

.search-results-table tbody tr:hover {
  background-color: #eff4f7;
}

.search-results-table {
  border-radius: 0.5rem;
}

.search-results-table thead tr:first-child th:nth-child(2),
.search-results-table thead tr:first-child th:nth-child(3)
{
  background-color: #b6d1de;
}

.search-results-table thead tr:nth-child(2) th:nth-child(2), 
.search-results-table thead tr:nth-child(2) th:nth-child(3) 
{
  background-color: #b6d1de;
}

.search-results-table tbody tr:last-child{
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.search-results-table tbody tr:last-child td:nth-child(8){
  border-bottom-left-radius: 0.5rem;
}

.search-results-table tbody tr:last-child td:nth-child(2){
  border-bottom-right-radius: 0.5rem;
}

.clickable-row td:nth-child(3),
.clickable-row td:nth-child(4)
{
  background-color: #e7eef1;
}

.column {
  display: flex;
  flex-direction: column;
}

.error-message {
  color: #d22830;
  display: flex;
  justify-content: center;
  align-items: center;
}

.copyright{
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1200px;
  margin-bottom: 1rem;
}

.copyright p{
  font-size: 14px;
  margin-bottom: 5px;
}

.bar-adon-banner{
  margin-top: 3rem;
}

@media (max-width: 1024px) {
  .mobile-banner {
    display: none !important;
  }

  .desktop-banner {
    display: block !important;
  }
}

@media (max-width: 768px) {
  .mobile-banner {
    display: block !important;;
  }

  .desktop-banner {
    display: none !important;
  }

  .bar-adon-banner{
    margin-top: 0;
  }

  .header-halufon{
    margin-bottom: 0 !important;
  }

  .desktop-banner {
    display: none;
  }
  
  .mobile-banner{ 
    display: block !important;
    width: 100% !important;
    height: inherit !important;
    object-fit: cover !important;
  }

  .content-box-bar-adon{
    margin-top: 2rem;
  }

  .search-results-table thead {
    display: block;
  }

  .search-results-table thead tr:first-child {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background-color: #c6e0eb;
    padding: 10px;
    width: 100%;
  }

  .search-results-table thead tr:nth-child(2) {
    display: none;
  }

  .search-results-table tbody tr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-bottom: 2px solid #daeaf3;
    position: relative;
    padding: 10px;
    width: 100%;
  }

  .search-results-table td {
    display: none;
    padding: 0px;
    text-align: center;
  }

  .search-results-table th {
    background-color: #c6e0eb !important;
    text-align: center;
    padding: 0;
  }

  .search-results-table td[data-label="סימול"] {
    border-top-right-radius: 0.5rem;
  }

  .search-results-table td[data-label="תאריך"] {
    border-top-left-radius: 0.5rem;
  }

  .search-results-table thead tr {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
  /* Show first three fields in a table layout */
  .initial-fields {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    padding: 10px;
  }

  .search-results-table td[data-label="סימול"],
  .search-results-table td[data-label="שם מרואיין 1"],
  .search-results-table td[data-label="תאריך"] {
    display: table-cell;
    margin: 0;
  }

  .search-results-table
    thead
    tr
    th:not([data-label="סימול"]):not([data-label="שם מרואיין 1"]):not(
      [data-label="תאריך"]
    ) {
    display: none;
  }

  .clickable-row {
    position: relative;
    cursor: pointer;
  }

  .clickable-row::after {
    content: "▼";
    position: absolute;
    right: 10px;
    top: 10px;
    transition: transform 0.3s ease;
  }

  .clickable-row.expanded::after {
    transform: rotate(180deg);
  }

  /* Style for expanded row */
  .expanded-info-row {
    border-bottom: 2px solid #daeaf3;
    background-color: #fff !important;
  }

  .expanded-info-row td {
    padding: 0.25rem !important;
    display: block !important;
  }

  /* List container */
  .expanded-info-list {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }

  /* Individual list items */
  .expanded-list-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0.25rem 0;
  }

  .expanded-list-item:last-child {
    border-bottom: none;
  }

  /* Labels and values */
  .expanded-label {
    display: flex;
    font-weight: bold;
    font-size: 0.875rem;
    color: #0f536c;
    margin-left: 10px;
    width: 50%;
    text-align: right;
  }

  .expanded-value {
    color: #495057;
    text-align: left;
    font-size: 0.875rem;

  }

  /* Expander arrow */
  .row-expander {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #0f536c;
    transition: transform 0.3s ease;
  }

  .clickable-row.expanded .row-expander {
    transform: translateY(-50%) rotate(180deg);
  }

  /* Override table styles for mobile */
  .search-results-table tbody tr {
    position: relative;
  }

  .search-results-table td[data-label="סימול"],
  .search-results-table td[data-label="שם מרואיין 1"],
  .search-results-table td[data-label="תאריך"] {
    display: table-cell;
  }

  .expanded-info-row {
    display: block !important;
  }

  .expanded-info-list button.open-modal-button {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0f536c !important;
    color: #fff !important;
    border-radius: 0.5rem !important;
    padding: 0.5rem;
    cursor: pointer;
    font-size: 1rem;
    font-weight: bold;
  }

  .search-results-table td {
    background-color: #fff !important;
    font-size: 14px;
  }

  .modal-header h2{
    font-size: 20px;
    font-weight: bold;
  }

  .close-modal{
    font-size: 20px;
  }
}