/* Events page — uniform media (video ile aynı 16:9 kutu, yazılar kırpılmaz) */
.desoft-event-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.desoft-event-card-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
}

.desoft-event-card-img,
.desoft-event-card-video {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain !important;
  object-position: center;
  margin-top: auto !important;
  flex-shrink: 0;
  box-sizing: border-box;
}

.desoft-event-card-img {
  width: 76% !important;
  max-width: 76%;
  margin-left: auto !important;
  margin-right: auto !important;
  aspect-ratio: 4 / 3 !important;
  background-color: #ffffff;
  padding: 0 !important;
}

/* Katıldığımız Etkinlikler — başlık yüksekliği eşitle, görselleri alta hizala */
.desoft-event-card.bg-card\/50 .desoft-event-card-content > h3 {
  min-height: 3.5rem;
  line-height: 1.375;
}

.desoft-event-card.bg-card\/50 .desoft-event-card-content > .space-y-2 {
  margin-bottom: 1.75rem;
}

.desoft-event-card.bg-card\/50 .desoft-event-card-img {
  margin-top: auto !important;
}

.desoft-event-card-video {
  aspect-ratio: 16 / 9;
  background-color: #000;
}

.desoft-summit-stack {
  width: 100%;
}

.desoft-summit-stack .desoft-summit-card {
  width: 100%;
  max-width: 100%;
  border-radius: 0.75rem;
}

.desoft-summit-stack .desoft-event-card-content {
  min-height: auto;
}

.desoft-summit-subtitle {
  color: #1e40af;
  font-size: clamp(1.75rem, 4.5vw, 2.5rem);
  font-weight: 800;
  letter-spacing: 0.06em;
  line-height: 1.2;
}

/* Hero — nav ile ikon arası boşluğu azalt */
.min-h-screen.relative.overflow-hidden > section {
  padding-top: 2rem !important;
  padding-bottom: 4rem !important;
}

@media (min-width: 1024px) {
  .min-h-screen.relative.overflow-hidden > section {
    padding-top: 2.5rem !important;
    padding-bottom: 6rem !important;
  }
}

.min-h-screen.relative.overflow-hidden > section .text-center.mb-16 > div:first-child {
  position: relative;
  isolation: isolate;
  margin-bottom: 1.25rem !important;
}

.min-h-screen.relative.overflow-hidden > section
  .text-center.mb-16
  > div:first-child
  > .desoft-events-hero-orbit {
  position: absolute !important;
  inset: auto !important;
  top: 50% !important;
  left: 50% !important;
  z-index: -1 !important;
  width: clamp(9rem, 42vw, 10rem) !important;
  height: clamp(9rem, 42vw, 10rem) !important;
  opacity: 0.48 !important;
  transform: translate(-50%, -50%) !important;
  translate: none !important;
  rotate: 0deg !important;
  scale: 1 !important;
  animation: none !important;
  pointer-events: none;
}

/* Etkinlikler: hareketli, düşük kontrastlı geometrik arka plan. */
.min-h-screen.relative.overflow-hidden.bg-background {
  background-color: #f7fbff !important;
  background-image:
    linear-gradient(rgba(59, 130, 246, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(59, 130, 246, 0.07) 1px, transparent 1px),
    radial-gradient(circle at 12% 18%, transparent 0 58px, rgba(59, 130, 246, 0.2) 59px 61px, transparent 62px),
    radial-gradient(circle at 87% 24%, transparent 0 44px, rgba(59, 130, 246, 0.18) 45px 47px, transparent 48px),
    radial-gradient(circle at 71% 78%, transparent 0 75px, rgba(59, 130, 246, 0.15) 76px 78px, transparent 79px) !important;
  background-size: 56px 56px, 56px 56px, auto, auto, auto !important;
  background-position: center, center, center, center, center !important;
}

.min-h-screen.relative.overflow-hidden::before,
.min-h-screen.relative.overflow-hidden::after {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  border: 2px solid rgba(30, 64, 175, 0.14);
}

.min-h-screen.relative.overflow-hidden::before {
  width: 11rem;
  height: 11rem;
  top: 18%;
  right: 6%;
  border-radius: 1.5rem;
  animation: desoft-events-square-drift 15s ease-in-out infinite;
}

.min-h-screen.relative.overflow-hidden::after {
  width: 8rem;
  height: 8rem;
  bottom: 12%;
  left: 7%;
  border-radius: 50%;
  border-style: dashed;
  animation: desoft-events-orbit-drift 18s ease-in-out infinite;
}

.min-h-screen.relative.overflow-hidden > div:first-child > div {
  animation: desoft-events-shape-float 12s ease-in-out infinite alternate;
}

.min-h-screen.relative.overflow-hidden > div:first-child > div:nth-child(2n) {
  animation-delay: -4s;
  animation-duration: 16s;
}

.min-h-screen.relative.overflow-hidden > div:first-child > div:nth-child(3n) {
  animation-delay: -7s;
  animation-duration: 19s;
}

@keyframes desoft-events-shape-float {
  from { transform: translate3d(0, 0, 0) rotate(0deg); }
  to { transform: translate3d(18px, -22px, 0) rotate(12deg); }
}

@keyframes desoft-events-square-drift {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(18deg); }
  50% { transform: translate3d(-24px, 28px, 0) rotate(46deg); }
}

@keyframes desoft-events-orbit-drift {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(30px, -20px, 0) scale(1.08); }
}

@media (prefers-reduced-motion: reduce) {
  .min-h-screen.relative.overflow-hidden::before,
  .min-h-screen.relative.overflow-hidden::after,
  .min-h-screen.relative.overflow-hidden > div:first-child > div {
    animation: none;
  }
}

/* BeyondGuard benzeri, açık ve konturlu geometri katmanı. */
.min-h-screen.relative.overflow-hidden.bg-background {
  background: #f7fbff !important;
}

.min-h-screen.relative.overflow-hidden::before,
.min-h-screen.relative.overflow-hidden::after {
  content: none;
}

.min-h-screen.relative.overflow-hidden > div:first-child:not(.desoft-events-geometry) > div {
  animation: none;
}

.desoft-events-geometry {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.desoft-events-geometry::before {
  content: "";
  position: absolute;
  inset: -38%;
  opacity: 0.76;
  background-image: linear-gradient(rgba(59, 130, 246, 0.14) 1px, transparent 1px), linear-gradient(90deg, rgba(59, 130, 246, 0.14) 1px, transparent 1px);
  background-size: 46px 46px;
  transform: rotate(-17deg) scale(1.18);
}

.desoft-events-geometry__shape {
  position: absolute;
  width: 5.2rem;
  height: 5.2rem;
  border: 2px solid rgba(59, 104, 196, 0.58);
  border-radius: 1rem;
  animation: desoft-events-beyond-float 14s ease-in-out infinite alternate;
}

.desoft-events-geometry__shape--circle { border-radius: 50%; }
.desoft-events-geometry__shape--dashed { border-style: dashed; border-radius: 50%; }
.desoft-events-geometry__shape--dot { width: 1.15rem; height: 1.15rem; border-radius: 50%; background: rgba(80, 133, 235, 0.26); border-color: rgba(80, 133, 235, 0.48); }
.desoft-events-geometry__shape--square { transform: rotate(22deg); }
.desoft-events-geometry__shape.is-static { animation: none; opacity: 0.52; }

.desoft-events-geometry__shape:nth-child(1) { top: 5%; left: 4%; width: 7rem; height: 7rem; }
.desoft-events-geometry__shape:nth-child(2) { top: 12%; left: 31%; animation-delay: -4s; }
.desoft-events-geometry__shape:nth-child(3) { top: 6%; right: 12%; width: 8rem; height: 8rem; animation-delay: -8s; }
.desoft-events-geometry__shape:nth-child(4) { top: 29%; left: 14%; animation-delay: -6s; }
.desoft-events-geometry__shape:nth-child(5) { top: 37%; right: 5%; width: 6.8rem; height: 6.8rem; animation-delay: -11s; }
.desoft-events-geometry__shape:nth-child(6) { top: 49%; left: 43%; width: 5.8rem; height: 5.8rem; animation-delay: -3s; }
.desoft-events-geometry__shape:nth-child(7) { top: 59%; left: 5%; width: 8.5rem; height: 8.5rem; animation-delay: -9s; }
.desoft-events-geometry__shape:nth-child(8) { top: 68%; right: 21%; animation-delay: -5s; }
.desoft-events-geometry__shape:nth-child(9) { bottom: 7%; right: 7%; width: 7.2rem; height: 7.2rem; animation-delay: -12s; }
.desoft-events-geometry__shape:nth-child(10) { bottom: 5%; left: 27%; width: 6.5rem; height: 6.5rem; animation-delay: -2s; }
.desoft-events-geometry__shape:nth-child(11) { bottom: 23%; right: 45%; animation-delay: -7s; }
.desoft-events-geometry__shape:nth-child(12) { bottom: 34%; right: 3%; animation-delay: -10s; }

@keyframes desoft-events-beyond-float {
  from { translate: 0 0; }
  to { translate: 18px -24px; }
}

@media (prefers-reduced-motion: reduce) {
  .desoft-events-geometry__shape { animation: none; }
}

/* BeyondGuard referansındaki arka planın Etkinlikler sayfası uyarlaması. */
.min-h-screen.relative.overflow-hidden.bg-background {
  background-color: #f4f9ff !important;
  background-image: url("/images/events-beyondguard-geometry.svg") !important;
  background-position: center top !important;
  background-size: 1920px 1080px !important;
  background-repeat: repeat-y !important;
  background-attachment: scroll !important;
  animation: desoft-events-background-drift 28s ease-in-out infinite alternate;
}

@keyframes desoft-events-background-drift {
  0% { background-position: center top; }
  50% { background-position: calc(50% - 22px) 46px; }
  100% { background-position: calc(50% + 16px) 92px; }
}

@media (prefers-reduced-motion: reduce) {
  .min-h-screen.relative.overflow-hidden.bg-background { animation: none; }
}

.desoft-events-geometry {
  display: block !important;
}

/* Etkinlikler: Yetkinliklerimiz ile ortak arka plan. */
body.desoft-events-shared-background .min-h-screen.relative.overflow-hidden.bg-background {
  background: transparent !important;
  animation: none !important;
}

body.desoft-events-shared-background .desoft-events-geometry,
body.desoft-events-shared-background .min-h-screen.relative.overflow-hidden > div.absolute.inset-0.pointer-events-none {
  display: none !important;
}