/* Pointer – projeye özel düzeltmeler.
   Tema CSS'i assets/site/ altındadır; buraya yalnızca üzerine yazan kurallar eklenir. */
@import url("../vendor/remixicon/remixicon.css");
@import url("../vendor/tabler-icons/tabler-icons.min.css");
@import url("../vendor/bootstrap-icons/bootstrap-icons.min.css");
@import url("../vendor/boxicons/boxicons.min.css");
@import url("../vendor/material-symbols-light/material-symbols-light.css");

/* Mega menü: ek ikon setleri tema ikonlarıyla aynı satırda dursun */
.elementor-cta .elementor-icon i[class^="ri-"],
.elementor-cta .elementor-icon i[class*=" ri-"],
.elementor-cta .elementor-icon i.ti,
.elementor-cta .elementor-icon i.bi,
.elementor-cta .elementor-icon i.bx,
.elementor-cta .elementor-icon i.material-symbols-light {
  font-weight: normal;
  speak: never;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
.elementor-cta .elementor-icon i.material-symbols-light {
  font-size: 1em;
}

/* ——— 404 ——— */
.ptr-404-page #sub-header { display: none; }
.ptr-404 {
  margin: 0;
  padding: 0;
}
.ptr-404-hero {
  position: relative;
  min-height: min(72vh, 640px);
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: clamp(48px, 8vw, 96px) 24px;
  background:
    radial-gradient(1200px 480px at 12% 0%, rgba(1, 14, 208, 0.14), transparent 60%),
    radial-gradient(900px 420px at 88% 100%, rgba(13, 148, 136, 0.12), transparent 55%),
    linear-gradient(165deg, #f4f7fb 0%, #e8eef8 48%, #f7fafc 100%);
}
.ptr-404-atmosphere {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(1, 14, 208, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(1, 14, 208, 0.04) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(ellipse at center, #000 20%, transparent 72%);
  pointer-events: none;
}
.ptr-404-inner {
  position: relative;
  z-index: 1;
  width: min(640px, 100%);
  text-align: center;
}
.ptr-404-brand {
  margin: 0 0 8px;
  font-family: "Inter Tight", Inter, sans-serif;
  font-size: clamp(1.75rem, 4vw, 2.35rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #010ED0;
  animation: ptr404In 0.7s ease both;
}
.ptr-404-code {
  margin: 0;
  font-family: "Inter Tight", Inter, sans-serif;
  font-size: clamp(5.5rem, 18vw, 9rem);
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: -0.06em;
  color: rgba(15, 23, 42, 0.08);
  animation: ptr404In 0.8s 0.05s ease both;
}
.ptr-404-title {
  margin: -0.35em 0 12px;
  font-family: "Inter Tight", Inter, sans-serif;
  font-size: clamp(1.65rem, 3.6vw, 2.25rem);
  font-weight: 650;
  letter-spacing: -0.025em;
  color: #0f172a;
  animation: ptr404In 0.75s 0.1s ease both;
}
.ptr-404-lead {
  margin: 0 auto 28px;
  max-width: 36rem;
  font-family: Inter, sans-serif;
  font-size: 1.05rem;
  line-height: 1.55;
  color: #475569;
  animation: ptr404In 0.75s 0.16s ease both;
}
.ptr-404-path {
  display: block;
  margin-top: 10px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.85rem;
  color: #64748b;
  word-break: break-all;
}
.ptr-404-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  animation: ptr404In 0.75s 0.22s ease both;
}
.ptr-404-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 22px;
  border-radius: 10px;
  font-family: Inter, sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.ptr-404-btn:hover {
  transform: translateY(-1px);
  text-decoration: none;
}
.ptr-404-btn-primary {
  background: #010ED0;
  color: #fff;
  box-shadow: 0 10px 24px rgba(1, 14, 208, 0.22);
}
.ptr-404-btn-primary:hover {
  background: #0009b0;
  color: #fff;
}
.ptr-404-btn-ghost {
  background: transparent;
  color: #0f172a;
  border: 1px solid #c7d0e0;
}
.ptr-404-btn-ghost:hover {
  border-color: #010ED0;
  color: #010ED0;
  background: rgba(1, 14, 208, 0.04);
}
@keyframes ptr404In {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .ptr-404-brand,
  .ptr-404-code,
  .ptr-404-title,
  .ptr-404-lead,
  .ptr-404-actions { animation: none; }
}