/* Styled Table Block Styles */

[data-name='acf_styled-table'] {
  @apply relative overflow-hidden;
}

[data-name='acf_styled-table'] .container {
  @apply max-w-[1095px];
}

/* Title Section */
[data-name='acf_styled-table'] .styled-table__title-section {
  @apply relative min-h-[200px] b820:min-h-[150px];
}

[data-name='acf_styled-table'] .styled-table__background-image img {
  @apply w-full h-full object-cover;
}

[data-name='acf_styled-table'] .styled-table__small-headline .headline__text {
  @apply text-[--colorgreen];
}

[data-name='acf_styled-table'] .styled-table__main-headline .headline__text {
  @apply text-[--colorgreen];
}

[data-name='acf_styled-table'] .styled-table__main-headline .text-highlight {
  @apply text-[--colororange] [font-family:--fontauthenia] normal-case;
}

/* Sub-headline */
[data-name='acf_styled-table'] .styled-table__subheadline {
  @apply text-[--colorgreen] [font-family:--fontwix] text-[16px] leading-[1.5];
}

/* Table Container - Dark orange-brown with rounded corners */
[data-name='acf_styled-table'] .styled-table__table-wrapper {
  @apply w-full;
  overflow-x: auto;
}

[data-name='acf_styled-table'] .styled-table__table-container {
  @apply block bg-[--colororange] rounded-[15px] p-[30px] w-full;
  max-width: 100%;
}

[data-name='acf_styled-table'] .styled-table__table {
  @apply bg-transparent w-full;
  border-collapse: separate;
  border-spacing: 0 5px;
  min-width: 100%;
  table-layout: fixed;
}

/* Header Row */
[data-name='acf_styled-table'] .styled-table__header-row {
  @apply bg-[--colororange];
}

[data-name='acf_styled-table'] .styled-table__header-cell {
  @apply px-[20px] py-[15px] text-left font-bold uppercase text-white [font-family:--fontprompt] text-[14px] tracking-[0.7px];
  vertical-align: top;
  overflow-wrap: anywhere;
}

[data-name='acf_styled-table'] .styled-table__header-cell:first-child {
  @apply rounded-tl-[8px];
}

[data-name='acf_styled-table'] .styled-table__header-cell:last-child {
  @apply rounded-tr-[8px];
}

/* Data Rows */
[data-name='acf_styled-table'] .styled-table__data-row {
  @apply bg-[--colorwhite];
  transition: background-color 0.2s ease;
}

[data-name='acf_styled-table'] .styled-table__data-cell {
  @apply px-[20px] py-[15px] text-left text-[--colorgreen] [font-family:--fontwix] text-[16px] leading-[1.6];
  font-weight: 500;
  vertical-align: top;
  overflow-wrap: anywhere;
}

[data-name='acf_styled-table'] .styled-table__data-cell:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  font-weight: 700;
}

[data-name='acf_styled-table'] .styled-table__data-cell:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* Hover effect - Yellow background on hover */
[data-name='acf_styled-table'] .styled-table__data-row:hover {
  @apply bg-[--coloryellow];
}

/* Responsive */
@media (max-width: 820px) {
  [data-name='acf_styled-table'] .styled-table__table {
    @apply min-w-full;
  }

  [data-name='acf_styled-table'] .styled-table__header-cell,
  [data-name='acf_styled-table'] .styled-table__data-cell {
    @apply px-[15px] py-[12px] text-[14px];
  }
}

/* Mobile */
@media (max-width: 640px) {
  [data-name='acf_styled-table'] .styled-table__table-container {
    @apply p-[15px] rounded-[10px];
  }

  [data-name='acf_styled-table'] .styled-table__table {
    border-spacing: 0;
    min-width: 0;
    table-layout: auto;
    display: block;
  }

  [data-name='acf_styled-table'] .styled-table__table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  [data-name='acf_styled-table'] .styled-table__table tbody {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  [data-name='acf_styled-table'] .styled-table__data-row {
    display: block;
    border-radius: 10px;
    overflow: hidden;
  }

  [data-name='acf_styled-table'] .styled-table__data-cell {
    display: grid;
    grid-template-columns: minmax(78px, 96px) minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    @apply px-[14px] py-[12px] text-[13px] leading-[1.5];
    border-radius: 0;
  }

  [data-name='acf_styled-table'] .styled-table__data-cell + .styled-table__data-cell {
    border-top: 1px solid rgba(23, 68, 48, 0.12);
  }

  [data-name='acf_styled-table'] .styled-table__data-cell::before {
    content: attr(data-label);
    @apply text-[11px] font-bold uppercase tracking-[0.5px] text-[--colororange] [font-family:--fontprompt];
  }

  [data-name='acf_styled-table'] .styled-table__data-cell--no-label {
    display: block;
  }

  [data-name='acf_styled-table'] .styled-table__data-cell--no-label::before {
    content: none;
  }

  [data-name='acf_styled-table'] .styled-table__data-cell--empty {
    display: none;
  }

  [data-name='acf_styled-table'] .styled-table__header-cell {
    @apply px-[10px] py-[10px] text-[12px] tracking-[0.5px];
  }
}