// This file is part of Indico.
// Copyright (C) 2002 - 2026 CERN
//
// Indico is free software; you can redistribute it and/or
// modify it under the terms of the MIT License; see the
// LICENSE file for more details.

@use 'base' as *;
@use 'design_system';

.infogrid {
  margin: 1em 0 2em 0;

  &::after {
    content: '';
    display: table;
    clear: both;
  }

  &.condensed {
    .infoline {
      margin-top: 0;
    }
  }

  h2,
  h3 span {
    @extend %visually-hidden;
  }

  a {
    @extend %link;
  }
}

.infoline {
  float: left;
  overflow: auto;
  width: 50%;
  margin-top: 1em;
  display: flex;
  flex-flow: row nowrap;
  line-height: initial;

  .icon {
    color: var(--text-secondary-color);
    font-size: 2rem;
    padding-right: 0.5em;
  }

  .text {
    flex-grow: 1;
  }

  .text p {
    margin-bottom: 0;
  }

  .attachments-box {
    padding: 0;
  }

  .toolbar {
    margin-bottom: 0;
  }

  .label {
    font-weight: bold;

    &.big {
      font-size: 1rem;
      line-height: 2rem;
    }
  }
}

.infoline.date {
  font-size: 1.1em;

  .datetime {
    color: $black;
  }

  .timezone-label {
    @extend %visually-hidden;
  }

  .timezone {
    display: block;
    color: var(--text-secondary-color);
  }
}

.infoline.info {
  padding: 10px;
  clear: both;
  width: 100%;
  background: #f4f4f4;
}

.infoline.location {
  .address {
    margin-top: 0.5em;
  }

  .place {
    color: #444;
    font-size: 1.1em;
  }
}

.infoline.material {
  > ul {
    margin: 0;
    padding: 0 3rem 0 3rem;
    list-style-type: none;
  }
}
