/* Kıbrıs Psikoloji v22 — home archive arc and separate certificate card index. */

/* Homepage: a row of narrow archive spines whose silhouette forms a half-circle. */
.kp-certificate-showcase .kp-certificates__viewport {
  box-sizing:border-box;
  padding:4.5rem .5rem 7.5rem!important;
}

.kp-certificate-showcase .kp-certificates__track {
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center;
  width:max-content!important;
  min-width:100%!important;
  gap:clamp(4px,.55vw,9px)!important;
}

.kp-certificate-showcase .kp-certificate-card {
  --kp-archive-y:0px;
  position:relative;
  z-index:1;
  flex:0 0 clamp(58px,5.4vw,76px)!important;
  width:clamp(58px,5.4vw,76px)!important;
  transform:translateY(var(--kp-archive-y))!important;
  transition:flex-basis .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1),transform .35s ease!important;
}

.kp-certificate-showcase .kp-certificate-card:nth-child(1),
.kp-certificate-showcase .kp-certificate-card:nth-child(8) { --kp-archive-y:76px; }
.kp-certificate-showcase .kp-certificate-card:nth-child(2),
.kp-certificate-showcase .kp-certificate-card:nth-child(7) { --kp-archive-y:42px; }
.kp-certificate-showcase .kp-certificate-card:nth-child(3),
.kp-certificate-showcase .kp-certificate-card:nth-child(6) { --kp-archive-y:17px; }
.kp-certificate-showcase .kp-certificate-card:nth-child(4),
.kp-certificate-showcase .kp-certificate-card:nth-child(5) { --kp-archive-y:2px; }

.kp-certificate-showcase .kp-certificate-card:hover,
.kp-certificate-showcase .kp-certificate-card:focus-within {
  z-index:8;
  flex-basis:clamp(170px,16vw,225px)!important;
  width:clamp(170px,16vw,225px)!important;
}

.kp-certificate-showcase .kp-certificate-card__media {
  box-sizing:border-box;
  width:100%!important;
  height:350px!important;
  aspect-ratio:auto!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,253,249,.24)!important;
  border-radius:7px!important;
  background:linear-gradient(100deg,#173b38 0 16%,#0d2927 17% 76%,#234b47 77% 100%)!important;
  box-shadow:5px 12px 24px rgba(9,35,33,.18),inset -2px 0 rgba(255,255,255,.08)!important;
  translate:0 0;
  transition:translate .4s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease!important;
}

.kp-certificate-showcase .kp-certificate-card:nth-child(3n+2) .kp-certificate-card__media {
  background:linear-gradient(100deg,#6f5549 0 16%,#3e302a 17% 76%,#7d6254 77% 100%)!important;
}

.kp-certificate-showcase .kp-certificate-card:nth-child(3n) .kp-certificate-card__media {
  background:linear-gradient(100deg,#425751 0 16%,#263a36 17% 76%,#566c65 77% 100%)!important;
}

.kp-certificate-showcase .kp-certificate-card__media::before {
  content:""!important;
  position:absolute!important;
  z-index:4!important;
  inset:7px 7px 7px auto!important;
  width:1px!important;
  height:auto!important;
  border:0!important;
  border-radius:0!important;
  background:rgba(255,253,249,.2)!important;
  box-shadow:none!important;
  opacity:1!important;
}

.kp-certificate-showcase .kp-certificate-card__media::after {
  content:"Tam ekran aç"!important;
  z-index:6!important;
  left:50%!important;
  right:auto!important;
  bottom:1rem!important;
  padding:.55rem .75rem!important;
  color:#fff!important;
  background:rgba(13,41,39,.88)!important;
  opacity:0!important;
  transform:translate(-50%,8px)!important;
}

.kp-certificate-showcase .kp-certificate-card__media img {
  position:absolute!important;
  z-index:1!important;
  inset:12px!important;
  box-sizing:border-box;
  width:calc(100% - 24px)!important;
  height:calc(100% - 24px)!important;
  padding:.2rem!important;
  border:0!important;
  border-radius:3px!important;
  object-fit:cover!important;
  opacity:.14;
  filter:saturate(.7) contrast(1.05);
  transform:none!important;
  transition:opacity .35s ease,filter .35s ease,object-fit .35s ease!important;
}

.kp-certificate-showcase .kp-certificate-card__spine-title {
  position:absolute;
  z-index:5;
  left:50%;
  bottom:1.25rem;
  display:block;
  max-height:245px;
  overflow:hidden;
  color:rgba(255,253,249,.88);
  font:600 clamp(.62rem,.75vw,.72rem)/1.25 var(--wp--preset--font-family--sans);
  letter-spacing:.12em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  writing-mode:vertical-rl;
  transform:translateX(-50%) rotate(180deg);
  transition:opacity .2s ease;
}

.kp-certificate-showcase .kp-certificate-card__zoom {
  top:.65rem!important;
  right:.65rem!important;
  width:27px;
  height:27px;
  color:#fff;
  background:rgba(255,255,255,.1);
  border-color:rgba(255,255,255,.2);
  opacity:0;
  transition:opacity .2s ease;
}

.kp-certificate-showcase .kp-certificate-card__body { display:none!important; }

.kp-certificate-showcase .kp-certificate-card:hover .kp-certificate-card__media,
.kp-certificate-showcase .kp-certificate-card:focus-within .kp-certificate-card__media {
  translate:0 -28px;
  box-shadow:0 0 0 2px rgba(160,109,89,.3),0 24px 55px rgba(9,35,33,.25)!important;
}

.kp-certificate-showcase .kp-certificate-card:hover .kp-certificate-card__media img,
.kp-certificate-showcase .kp-certificate-card:focus-within .kp-certificate-card__media img {
  object-fit:contain!important;
  background:#f3efe7!important;
  opacity:1;
  filter:none;
}

.kp-certificate-showcase .kp-certificate-card:hover .kp-certificate-card__spine-title,
.kp-certificate-showcase .kp-certificate-card:focus-within .kp-certificate-card__spine-title { opacity:0; }

.kp-certificate-showcase .kp-certificate-card:hover .kp-certificate-card__zoom,
.kp-certificate-showcase .kp-certificate-card:focus-within .kp-certificate-card__zoom,
.kp-certificate-showcase .kp-certificate-card:hover .kp-certificate-card__media::after,
.kp-certificate-showcase .kp-certificate-card:focus-within .kp-certificate-card__media::after {
  opacity:1!important;
  transform:translate(-50%,0)!important;
}

.kp-certificate-showcase .kp-certificates__progress { max-width:760px; margin-inline:auto; }

/* Certificate page: all entries are visible as article-like cards, never a carousel. */
.kp-certificates-page-archive .kp-certificates__controls,
.kp-certificates-page-archive .kp-certificates__progress { display:none!important; }

.kp-certificates-page-archive .kp-certificates__viewport {
  overflow:visible!important;
  padding:0!important;
  scroll-snap-type:none!important;
}

.kp-certificates-page-archive .kp-certificates__track {
  display:grid!important;
  grid-auto-flow:row!important;
  grid-auto-columns:auto!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  gap:clamp(1.2rem,2.5vw,2rem)!important;
}

.kp-certificates-page-archive .kp-certificate-card {
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-width:0!important;
  height:100%;
  overflow:hidden!important;
  border:1px solid rgba(22,74,70,.12)!important;
  border-radius:20px!important;
  background:#fffdf9!important;
  box-shadow:0 16px 42px rgba(22,74,70,.07)!important;
  transform:none!important;
  transition:transform .25s ease,box-shadow .25s ease!important;
}

.kp-certificates-page-archive .kp-certificate-card:hover {
  transform:translateY(-5px)!important;
  box-shadow:0 24px 55px rgba(22,74,70,.12)!important;
}

.kp-certificates-page-archive .kp-certificate-card__media {
  display:block;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:4/3!important;
  margin:0!important;
  overflow:hidden!important;
  border:0!important;
  border-bottom:1px solid rgba(22,74,70,.1)!important;
  border-radius:0!important;
  background:linear-gradient(145deg,#ebe8e0,#f8f5ef)!important;
  box-shadow:none!important;
  translate:none!important;
}

.kp-certificates-page-archive .kp-certificate-card__media::before { display:none!important; }

.kp-certificates-page-archive .kp-certificate-card__media::after {
  content:"Belgeyi tam aç"!important;
  left:auto!important;
  right:1rem!important;
  bottom:1rem!important;
  padding:.55rem .75rem!important;
  background:rgba(22,74,70,.92)!important;
  opacity:0!important;
  transform:translateY(7px)!important;
}

.kp-certificates-page-archive .kp-certificate-card__media img {
  position:static!important;
  box-sizing:border-box;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:1rem!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  object-fit:contain!important;
  opacity:1!important;
  filter:none!important;
  box-shadow:none!important;
  transform:none!important;
}

.kp-certificates-page-archive .kp-certificate-card:hover .kp-certificate-card__media img { transform:scale(1.025)!important; }
.kp-certificates-page-archive .kp-certificate-card:hover .kp-certificate-card__media::after { opacity:1!important; transform:none!important; }
.kp-certificates-page-archive .kp-certificate-card__spine-title { display:none!important; }

.kp-certificates-page-archive .kp-certificate-card__body {
  box-sizing:border-box;
  display:block!important;
  width:100%!important;
  min-height:190px!important;
  margin:0!important;
  padding:1.4rem 1.35rem 1.5rem!important;
  border:0!important;
  border-radius:0!important;
  background:#fffdf9!important;
  text-align:left!important;
}

.kp-certificates-page-archive .kp-certificate-card__type { color:#a06d59; }
.kp-certificates-page-archive .kp-certificate-card__body h3 { min-height:0; font-size:clamp(1.25rem,1.8vw,1.55rem); }
.kp-certificates-page-archive .kp-certificate-card__meta { margin-top:.85rem; text-align:left; }
.kp-certificates-page-archive .kp-certificate-card__description {
  display:block!important;
  margin-top:.85rem;
  overflow:visible!important;
  color:#5d6f6b;
  font-size:.87rem;
  line-height:1.65;
  -webkit-line-clamp:unset!important;
}

@media (max-width:1000px) {
  .kp-certificates-page-archive .kp-certificates__track { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .kp-certificate-showcase .kp-certificates__track { justify-content:flex-start; }
}

@media (max-width:680px) {
  .kp-certificate-showcase .kp-certificates__viewport { padding-top:3.5rem!important; padding-bottom:5.5rem!important; }
  .kp-certificate-showcase .kp-certificate-card { flex-basis:54px!important; width:54px!important; }
  .kp-certificate-showcase .kp-certificate-card:hover,
  .kp-certificate-showcase .kp-certificate-card:focus-within { flex-basis:175px!important; width:175px!important; }
  .kp-certificate-showcase .kp-certificate-card__media { height:285px!important; }
  .kp-certificate-showcase .kp-certificate-card:nth-child(1),
  .kp-certificate-showcase .kp-certificate-card:nth-child(8) { --kp-archive-y:42px; }
  .kp-certificate-showcase .kp-certificate-card:nth-child(2),
  .kp-certificate-showcase .kp-certificate-card:nth-child(7) { --kp-archive-y:24px; }
  .kp-certificate-showcase .kp-certificate-card:nth-child(3),
  .kp-certificate-showcase .kp-certificate-card:nth-child(6) { --kp-archive-y:10px; }
  .kp-certificates-page-archive { padding-inline:1rem!important; }
  .kp-certificates-page-archive .kp-certificates__track { grid-template-columns:1fr!important; }
  .kp-certificates-page-archive .kp-certificate-card__body { min-height:0!important; }
}

@media (prefers-reduced-motion:reduce) {
  .kp-certificate-showcase .kp-certificate-card,
  .kp-certificate-showcase .kp-certificate-card__media,
  .kp-certificate-showcase .kp-certificate-card__media img { transition:none!important; }
}