/* ============================================
   Akreditasyon Sayfası (akreditasyon.css)
   ============================================ */

.process{
  background: linear-gradient(180deg,var(--gray-50) 0%, var(--white) 100%);
}
.process-timeline{
  position:relative;
  padding: 12px 0;
}
.process-timeline::before{
  content:"";
  position:absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 4px;
  height: 100%;
  border-radius: 2px;
  background: linear-gradient(180deg,var(--goem-yellow),var(--goem-blue));
}
.process-item{
  position:relative;
  display:flex;
  align-items:center;
  margin-bottom: 56px;
}
.process-item:last-child{ margin-bottom:0; }
.process-item:nth-child(odd){ flex-direction: row-reverse; }
.process-content{
  width: 50%;
  padding-left: 56px;
}
.process-item:nth-child(odd) .process-content{
  padding-left: 0;
  padding-right: 56px;
  text-align:right;
}
.process-number{
  position:absolute;
  left:50%;
  transform: translateX(-50%);
  width: 58px; height:58px;
  border-radius: 50%;
  background: var(--goem-yellow);
  color: var(--gray-900);
  font-weight: 900;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: var(--shadow-md);
  z-index:2;
}
.process-content h5{ font-weight: 900; color: var(--goem-blue); margin-bottom: 8px; }
.process-content p{ margin:0; color: var(--gray-600); }

@media (max-width: 768px){
  .process-timeline::before{ left: 26px; }
  .process-item, .process-item:nth-child(odd){
    flex-direction: column;
    align-items:flex-start;
    padding-left: 70px;
  }
  .process-number{ left: 26px; }
  .process-content, .process-item:nth-child(odd) .process-content{
    width:100%;
    padding:0;
    text-align:left;
  }
}

.table-card{
  border-radius: var(--radius-lg);
  border: 1px solid var(--gray-200);
  box-shadow: var(--shadow-sm);
  overflow:hidden;
  background: var(--white);
}
.table-card .table{ margin:0; }
.table-card th{ font-family: var(--font-primary); font-weight: 900; }

.pill{
  display:inline-flex;
  padding: 6px 12px;
  border-radius: var(--radius-full);
  font-weight: 900;
  font-size: .8rem;
}
.pill-yellow{ background: rgba(247,181,0,.14); color: var(--goem-yellow-dark); }
.pill-blue{ background: rgba(21,101,192,.12); color: var(--goem-blue); }