/* ==========================================================================
   Block: Publication List
   Production reference: https://cbtm.ca/about/publication/
   ========================================================================== */

.publication-list {
    padding: 35px 0;
}

.publication-list__container {
    max-width: var(--container-content);
}

.publication-list__wrapper{
  background-color: var(--color-bg);
  border-radius: 10px;
  padding: 35px;
}

.publication-list__title {
    margin-bottom: var(--spacing-xl);
    color: var(--color-black);
}

.publication-list__items {
    gap: var(--spacing-md);
}

.publication-list__items:not(.grid) {
    display: flex;
    flex-direction: column;
}
  
  /* --- Item --- */
  
  .publication-list__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-lg);
    max-width: 850px;
}

.publication-list__item:not(:last-child) {
  margin-bottom: 20px;
}

/* --- Icon (image or badge fallback) --- */

.publication-list__icon {
    flex-shrink: 0;
    width: 60px;
    height: 80px;
}

.publication-list__icon-img {
    width: 60px;
    height: 80px;
    object-fit: contain;
}

.publication-list__icon-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 80px;
    border-radius: var(--radius-md);
    font-family: var(--font-bariol);
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-bg-white);
}

.publication-list__icon-badge--article {
    background-color: var(--color-primary);
}

.publication-list__icon-badge--presentation {
    background-color: var(--color-purple-light);
}

.publication-list__icon-badge--report {
    background-color: var(--color-teal);
}

/* --- Content --- */

.publication-list__content {
    flex: 1;
}
.publication-list__content h3{
  line-height: 1.5;
}

.publication-list__item-title {
    font-family: var(--font-opensans);
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 2px;
  }
  
  .publication-list__item-title a {
    font-family: var(--font-opensans);
    font-weight: 700;
    color: var(--color-navy);
}

.publication-list__description {
  margin-bottom: 35px;
}

@media (any-hover: hover) {
    .publication-list__item-title a:hover {
        color: var(--color-purple-light);
    }
}

.publication-list__item-desc {
    font-family: var(--font-bariol);
    font-weight: 400;
    color: var(--color-navy);
    line-height: 1.5;
    margin-bottom: 0;
}

/* --- Responsive --- */

@media (max-width: 480px) {
    .publication-list__item {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-sm);
    }
}