/*!*
 * @package   ats
 * @copyright Copyright (c)2011-2026 Nicholas K. Dionysopoulos / Akeeba Ltd
 * @license   GNU General Public License version 3, or later
 */

@use '../variables' as *;
@use '../common/include-media' as *;

@mixin ats_tickets_list
{
  tr[id*=ats-ticket] {
    td.bg-danger {
      background-color: $red !important;
      color: $white;
    }

    .ats-badges>div {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .ats-ticket-info-small-sizes {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;

      @include media(">=tablet") {
        display: none;
      }
    }

    .ats-ticket-in-list {
      display: block;

      @include media(">=tablet") {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
      }

      .ats-ticket-info-and-button-container {
        display: none;

        @include media(">=tablet") {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
        }
      }

      .ats-ticket-management-buttons {
        flex-shrink: 1;
        padding-left: 0;
        display: flex;
        flex-direction: row;
        justify-content: end;
        gap: .5em;

        @include media(">=tablet") {
          padding-left: 1em;
          flex-direction: column;
          justify-content: start;
          align-items: end;
        }
      }
    }
  }
}