/* goturkiye.com — card variants. All share rounded corners, image-cover, hover-zoom. */

.gt-card { position: relative; display: block; color: var(--c-ink); }
.gt-card__title {
  display: block;
  font-weight: 900;
  font-size: var(--fs-card-title);          /* 19.2 → 24 → 27.2 */
  line-height: 1.08;
  color: #fff;
}
.gt-card__desc { display: block; font-weight: 400; font-size: 16px; line-height: 24px; color: #fff; }

/* ---------- Full-image overlay cards (destinations / experiences) ---------- */
.gt-card--place,
.gt-card--cover {
  border-radius: 40px;
  overflow: hidden;
}
.gt-card--place { aspect-ratio: 268 / 417; }
.gt-card--cover { aspect-ratio: 268 / 386; }
.gt-card--place .gt-card__img,
.gt-card--cover .gt-card__img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform .6s ease;
}
.gt-card--place:hover .gt-card__img,
.gt-card--cover:hover .gt-card__img { transform: scale(1.07); }
.gt-card__scrim { position: absolute; inset: 0; background: var(--scrim); }
.gt-card__body {
  position: absolute; left: 0; right: 0; bottom: 0;
  z-index: 2;
  padding: 22px 20px;
}
.gt-card__body .gt-card__desc { margin-top: 8px; }
.gt-card__seal {
  position: absolute; top: 16px; right: 16px; z-index: 3;
  width: 34px; height: 34px;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.4));
}

/* ---------- Image-top + caption cards (events / hotels / blog / tv / routes) ---------- */
.gt-card--stack { display: flex; flex-direction: column; }
.gt-card__thumb {
  position: relative;
  border-radius: 26px;
  overflow: hidden;
}
.gt-card__thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.gt-card--stack:hover .gt-card__thumb img { transform: scale(1.06); }
.gt-card__cap { padding: 16px 6px 4px; display: flex; flex-direction: column; gap: 6px; }

/* Events */
.gt-card--event .gt-card__thumb { aspect-ratio: 266 / 166; }
.gt-card__cat { font-size: 13px; font-weight: 700; color: var(--c-accent); letter-spacing: .01em; }
.gt-card--event .gt-card__title { font-size: 18px; font-weight: 700; line-height: 1.15; }
.gt-card__row { display: flex; align-items: flex-start; gap: 7px; font-size: 14px; color: var(--c-ink); }
.gt-card__row img { width: 15px; height: 15px; margin-top: 2px; flex: none; opacity: .8; }

/* Hotels */
.gt-card--hotel .gt-card__thumb { aspect-ratio: 1 / 1; }
.gt-card--hotel .gt-card__title { font-size: 24px; font-weight: 700; }
.gt-card--hotel .gt-card__loc { font-size: 14px; color: var(--c-ink-70); }

/* Blog — filled surface card */
.gt-card--blog {
  background: var(--c-surface);
  border-radius: 26px;
  overflow: hidden;
}
.gt-card--blog .gt-card__thumb { border-radius: 0; aspect-ratio: 268 / 167; }
.gt-card--blog .gt-card__cap { padding: 18px 20px 22px; }
.gt-card--blog .gt-card__title { font-size: 18px; font-weight: 700; line-height: 1.2; }
.gt-card--blog .gt-card__desc { font-size: 15px; font-weight: 300; line-height: 1.5; }

/* GoTürkiye TV — wide landscape media cards */
.gt-card--tv .gt-card__thumb { aspect-ratio: 493 / 277; }
.gt-card--tv .gt-card__title { font-size: 24px; font-weight: 900; line-height: 1.15; margin-top: 2px; }
.gt-card--tv .gt-card__desc { color: var(--c-ink-70); font-size: 15px; line-height: 1.4; }
.gt-card--tv .gt-card__play {
  position: absolute; inset: 0; display: grid; place-items: center; z-index: 2;
}
.gt-card--tv .gt-card__play span {
  width: 60px; height: 60px; border-radius: 999px;
  background: rgba(0,0,0,.45); border: 2px solid rgba(255,255,255,.85);
  display: grid; place-items: center;
}
.gt-card--tv .gt-card__play span::after {
  content: ""; margin-left: 4px;
  border-left: 16px solid #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent;
}

/* Routes — landscape overlay cards */
.gt-card--route { border-radius: 30px; overflow: hidden; aspect-ratio: 268 / 219; }
.gt-card--route .gt-card__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.gt-card--route:hover .gt-card__img { transform: scale(1.06); }
.gt-card--route .gt-card__body { padding: 18px; }
.gt-card--route .gt-card__title { font-size: 17px; font-weight: 700; line-height: 1.2; }

/* ---------- Sustainability featured cards (large overlay) ---------- */
.gt-card--feature {
  border-radius: 40px; overflow: hidden;
  aspect-ratio: 564 / 588;
}
.gt-card--feature .gt-card__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.gt-card--feature:hover .gt-card__img { transform: scale(1.05); }
.gt-card--feature .gt-card__body { padding: 30px; }
.gt-card--feature .gt-card__title { font-size: 30px; font-weight: 900; line-height: 1.05; }
.gt-card--feature .gt-card__desc { margin-top: 10px; font-size: 15px; line-height: 1.5; }
