/* =========================================================
   CONFERENCE PROCEEDINGS PAGE
   File: assets/css/conf-proceedings.css
   ========================================================= */


/* =========================================================
   PAGE INTRO
   ========================================================= */

.conf-intro {
  max-width: 855px;
  margin: 0 0 24px;
  color: #566273;
  font-size: 1.02em;
  line-height: 1.65;
}


/* =========================================================
   SECTION
   ========================================================= */

.conf-section {
  max-width: 855px;
  margin: 0 0 28px;
}

.conf-section-title {
  margin: 0 0 14px;
  padding: 0 0 8px;
  color: #263746;
  font-size: 1.16em;
  font-weight: 700;
  line-height: 1.3;
  border-bottom: 2px solid #d7dee6;
}

.conf-published-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}


/* =========================================================
   PUBLISHED CONFERENCE PAPER CARD
   ========================================================= */

.conf-paper-card {
  padding: 17px 19px;
  background: #ffffff;
  border: 1.5px solid #c7d0da;
  border-left: 5px solid #16848a;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    border-color 0.22s ease,
    background-color 0.22s ease;
}

.conf-paper-card:hover {
  transform: translateY(-3px);
  background: #f8fcfc;
  border-color: #65a9ad;
  border-left-color: #0b7a4b;
  box-shadow: 0 8px 20px rgba(22, 132, 138, 0.12);
}

.featured-conf-paper {
  border-left-color: #2457a7;
}


/* =========================================================
   PAPER HEADER
   ========================================================= */

.conf-paper-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.conf-paper-title {
  flex: 1;
  min-width: 0;
  color: #2457a7;
  font-size: 1.02em;
  font-weight: 700;
  line-height: 1.42;
  transition: color 0.2s ease;
}

.conf-paper-card:hover .conf-paper-title {
  color: #0b6b3a;
}


/* =========================================================
   PAPER META
   ========================================================= */

.conf-paper-meta {
  margin: 7px 0 11px;
  color: #6a7580;
  font-size: 0.82em;
  line-height: 1.45;
}

.conf-paper-meta strong {
  padding: 0 3px;
  color: #56616c;
  font-weight: 700;
}


/* =========================================================
   INDEX / TYPE BADGES
   ========================================================= */

.conf-index-badge {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 9px;
  border-radius: 12px;
  font-size: 0.69em;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

.ieee-badge {
  color: #2457a7;
  background: #edf4fb;
  border: 1px solid #b7cee5;
}

.general-badge {
  color: #66558e;
  background: #f5f2fb;
  border: 1px solid #cec4e3;
}


/* =========================================================
   ACTION BUTTON ROW
   ========================================================= */

.conf-paper-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
}


/* =========================================================
   COMMON BUTTON
   ========================================================= */

.conf-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 6px 10px;
  border-radius: 6px;
  box-sizing: border-box;
  font-size: 0.72em;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;
  white-space: nowrap;
  font-family: inherit;
  transition:
    transform 0.18s ease,
    background-color 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease;
}


/* =========================================================
   VIEW PAPER / VIEW RECORD
   ========================================================= */

.primary-btn {
  color: #ffffff !important;
  background: #2457a7;
  border: 1.5px solid #1d488d;
}

.primary-btn:hover,
.primary-btn:focus {
  color: #ffffff !important;
  background: #0b6b3a;
  border-color: #0b6b3a;
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(11, 107, 58, 0.18);
}


/* =========================================================
   VIEW PROCEEDINGS
   ========================================================= */

.secondary-btn {
  color: #0b6b3a !important;
  background: #f1f8f4;
  border: 1.5px solid #a9cfb9;
}

.secondary-btn:hover,
.secondary-btn:focus {
  color: #ffffff !important;
  background: #0b6b3a;
  border-color: #0b6b3a;
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(11, 107, 58, 0.15);
}


/* =========================================================
   GOOGLE SCHOLAR
   ========================================================= */

.scholar-btn {
  color: #4e5965 !important;
  background: #f5f7f9;
  border: 1.5px solid #c5ced6;
}

.scholar-btn:hover,
.scholar-btn:focus {
  color: #2457a7 !important;
  background: #edf4fb;
  border-color: #98b7d3;
  transform: translateY(-1px);
}


/* =========================================================
   COPY CITATION
   ========================================================= */

.citation-btn {
  color: #6b5314 !important;
  background: #fff8e6 !important;
  border: 1.5px solid #c9a84c !important;
  cursor: pointer;
}

.citation-btn:hover,
.citation-btn:focus {
  color: #ffffff !important;
  background: #8a6815 !important;
  border-color: #8a6815 !important;
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(138, 104, 21, 0.16);
}

.citation-btn.citation-copied {
  color: #ffffff !important;
  background: #16814f !important;
  border-color: #16814f !important;
}


/* =========================================================
   OTHER PAPERS / PARTICIPATION CARDS
   ========================================================= */

.conf-compact-card {
  padding: 15px 18px;
  background: #ffffff;
  border: 1.5px solid #ccd4dc;
  border-left: 5px solid #596978;
  border-radius: 10px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.05);
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    border-color 0.22s ease,
    background-color 0.22s ease;
}

.conf-compact-card:hover {
  transform: translateY(-2px);
  background: #fbfcfd;
  border-color: #9caab6;
  box-shadow: 0 7px 17px rgba(0, 0, 0, 0.08);
}

.participation-card {
  border-left-color: #8b6b28;
  background: #fffdf9;
}

.participation-card:hover {
  background: #fffcf4;
  border-color: #b69b61;
}


/* =========================================================
   COMPACT LIST
   ========================================================= */

.conf-list {
  margin: 0;
  padding-left: 22px;
  color: #46515c;
  font-size: 0.84em;
  line-height: 1.4;
}

.conf-list li {
  margin: 0 0 11px;
  padding-left: 3px;
}

.conf-list li:last-child {
  margin-bottom: 0;
}

.conf-list strong {
  color: #2d3945;
  font-weight: 700;
}

.conf-list span {
  display: block;
  margin-top: 2px;
  color: #68737d;
  font-size: 0.94em;
}


/* Kept for any future active links inside compact lists */
.conf-list a {
  display: inline-block;
  margin-top: 3px;
  color: #2457a7;
  font-size: 0.90em;
  font-weight: 600;
  text-decoration: none;
}

.conf-list a:hover,
.conf-list a:focus {
  color: #0b6b3a;
  text-decoration: underline;
  text-underline-offset: 3px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 768px) {

  .conf-intro,
  .conf-section {
    max-width: 100%;
  }

  .conf-paper-card:hover,
  .conf-compact-card:hover {
    transform: none;
  }

  .conf-paper-card {
    padding: 15px 16px;
  }

  .conf-compact-card {
    padding: 14px 16px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

  .conf-intro {
    margin-bottom: 20px;
    font-size: 0.96em;
  }

  .conf-section {
    margin-bottom: 24px;
  }

  .conf-section-title {
    font-size: 1.08em;
  }

  .conf-published-list {
    gap: 14px;
  }

  .conf-paper-top {
    flex-direction: column;
    gap: 7px;
  }

  .conf-index-badge {
    align-self: flex-start;
  }

  .conf-paper-title {
    font-size: 0.98em;
  }

  .conf-paper-meta {
    font-size: 0.80em;
  }

  .conf-paper-actions {
    gap: 6px;
  }

  .conf-btn {
    min-height: 31px;
    padding: 6px 9px;
    font-size: 0.70em;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

  .conf-paper-card {
    padding: 14px;
  }

  .conf-paper-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .conf-btn {
    width: 100%;
    white-space: normal;
    text-align: center;
  }

  .citation-btn {
    grid-column: 1 / -1;
  }

  .conf-list {
    padding-left: 19px;
    font-size: 0.80em;
  }

}