/*!
 * ===========================
 * Author: Steve Gotthardt
 * Created: 7/2026
 * ===========================
 */

:root {
  --canada-red: #c0143c;
}

/* ======== Title Area ======== */
.title-block {
  &::after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.45);
    @media (min-width:768px) {
      background:linear-gradient(to right, rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%);
    }
  }
  .title-block__content::before,
  .title-block__content {
    background: none;
  }
  .title-block__content {
    .breadcrumbs a {
      text-decoration: underline;
      display: inline-block;
      font-weight:600;
      &:hover, &:focus {
        text-decoration: none;
      }
    }
  }  
}

/* ======== List Page ======== */
main.content {
  padding-bottom:0;
}
.scorecard-bg {
  background: linear-gradient(to bottom, rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 100%);
  background-attachment:fixed;
}

/* ====== Search and Filter CSS Overrides ====== */
#SearchFilter-search-filter-container {
  #SearchFilter-search-quick-results {
    display:none;
  }
}

/* Grid View */
.grid-view ul#SearchFilter-list {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  li {    
    a {
      display:block;
      border-top-right-radius: 0;
      padding:24px;
      .number {
        display:none;
      }
      .title-bar,
      .summary,
      .status,
      .province,
      .date,
      .topic {
        font-size: 0.9rem;
        line-height: 1.4;
        margin: 4px 0 0;
        color: #757575;
      }
      .title-bar {
        font-weight:700;
        color:inherit;
        top:0;
        left:0;
        background:var(--canada-red);
        color:white;
        padding:12px 24px;
        margin:-24px -24px 24px !important;
        position:relative;
        display:flex;
        align-items:center;
        img {
          position:absolute;
          height:100%;
          top:0;
          right:0;
        }
      }
      .summary {
        overflow:hidden;
        text-overflow: ellipsis;
        display:-webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;                   
      }
      .status,
      .province,
      .date,
      .topic {
        text-indent:-14px;
        margin-left:24px;
        i {
          width:8px;
          margin:0 6px 0 0;
          text-align:center;
        }
      }    
    }
  }
}

/* List View */
#List-header,
.list-view ul#SearchFilter-list li a {
  grid-template-columns: 120px 1fr 200px 200px;
  grid-column-gap: 36px;
  align-items:center;
  padding:18px 0;
  #Btn-SortByNumber, .number,
  #Btn-SortByDate, .date {
    margin:0 !important;
  }
  #Btn-SortByNumber, .number {
    padding:0 0 0 18px;
  }
  #Btn-SortByDate, .date {
    padding:0 18px 0 0;
  }
}
#List-header {
  background:var(--canada-red);
}
.list-view ul#SearchFilter-list {
  li {    
    a {
      grid-template-areas: "number title province date";
      border-bottom: 1px solid #d4ebf5;
      .summary,
      .status,
      .topic,
      .title-bar {
        display:none;
      }
      .number,
      .date,
      .province {
        color: #262626;
      }
      .number {
        grid-area: number;
      }
      .title {
        grid-area: title;
        margin-bottom:0 !important;
      }
      .date, .province {
        i {
          display:none;
        }
      }
      .date {
        grid-area: date;        
      }
      .province {
        grid-area: province;
      }      
    }
  }
}

/* ======== Detail Page ======== */
.detail-canada {
  .flag {
    width:100%;
    max-width:100px;
    float:none;
    margin:0 0 24px;
    @media (min-width:768px) {
      float:right;
      max-width:150px;
      margin:0 0 48px 48px;
    }
  }
  .province-text {
    color:#707070;
  }
  .status-container {
    @media (min-width:768px) {
      display:flex;
      gap:24px;
    }
  }
}