:root {
  --ai-blue: #0648c8;
  --ai-blue-2: #0d6efd;
  --ai-sky: #33a1df;
  --ai-dark: #061633;
  --ai-navy: #081b4f;
  --ai-muted: #64748b;
  --ai-soft: #f3f8ff;
  --ai-border: rgba(13, 110, 253, 0.16);
  --ai-shadow: 0 24px 70px rgba(5, 28, 70, 0.16);
  --ai-shadow-soft: 0 16px 45px rgba(7, 37, 100, 0.10);
  --radius-xl: 34px;
  --radius-lg: 24px;
  --radius-md: 18px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: var(--ai-dark);
  background: #ffffff;
  overflow-x: hidden;
}

a { text-decoration: none; }
img { max-width: 100%; display: block; }

.section-padding { padding: 110px 0; }
.bg-soft {
  background:
    radial-gradient(circle at 10% 0%, rgba(51, 161, 223, .12), transparent 38%),
    linear-gradient(180deg, #f7fbff 0%, #eef6ff 100%);
}
.bg-dark-blue {
  background:
    radial-gradient(circle at 100% 0%, rgba(51, 161, 223, .22), transparent 42%),
    linear-gradient(135deg, #061633 0%, #083b99 100%);
}
.text-white-75 { color: rgba(255,255,255,.76) !important; }

.top-progress {
  position: fixed;
  top: 0;
  left: 0;
  height: 4px;
  width: 0;
  background: linear-gradient(90deg, var(--ai-blue), var(--ai-sky));
  z-index: 2000;
  transition: width .1s linear;
}

.ai-navbar {
  padding: 14px 0;
  background: rgba(255,255,255,.82);
  backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(6, 72, 200, .08);
  transition: .25s ease;
}
.ai-navbar.scrolled {
  padding: 9px 0;
  box-shadow: 0 12px 35px rgba(5, 28, 70, 0.08);
}
.brand-logo {
  width: 48px;
  height: 48px;
  object-fit: contain;
}
.brand-text { display: flex; flex-direction: column; line-height: 1.08; }
.brand-text strong { letter-spacing: .18em; color: var(--ai-dark); font-weight: 900; font-size: 1.15rem; }
.brand-text small { color: var(--ai-blue); font-weight: 700; font-size: .72rem; letter-spacing: .08em; }
.navbar-nav .nav-link {
  color: #0f2147;
  font-weight: 700;
  font-size: .95rem;
  padding: .6rem .72rem !important;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active { color: var(--ai-blue); }
.navbar-toggler { border: 0; box-shadow: none !important; }
.ai-btn {
  border-radius: 999px;
  font-weight: 800;
  border: 0;
  background: linear-gradient(135deg, var(--ai-blue), var(--ai-sky));
  box-shadow: 0 16px 35px rgba(13, 110, 253, .27);
  transition: transform .2s ease, box-shadow .2s ease;
}
.ai-btn:hover { transform: translateY(-2px); box-shadow: 0 20px 45px rgba(13, 110, 253, .36); }
.ai-btn-light {
  border-radius: 999px;
  font-weight: 800;
  border: 1px solid rgba(6, 72, 200, .22);
  background: rgba(255,255,255,.78);
}

.hero-section {
  min-height: 100vh;
  padding-top: 160px;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 18%, rgba(13, 110, 253, .14), transparent 35%),
    linear-gradient(135deg, #ffffff 0%, #f5faff 55%, #eaf4ff 100%);
}
.hero-bg-grid {
  position: absolute;
  inset: 0;
  opacity: .38;
  background-image:
    linear-gradient(rgba(6,72,200,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(6,72,200,.08) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: radial-gradient(circle at 70% 35%, #000 0%, transparent 70%);
}
.hero-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(20px);
  opacity: .35;
  animation: floatOrb 8s ease-in-out infinite alternate;
}
.orb-one { width: 280px; height: 280px; background: var(--ai-sky); right: -80px; top: 120px; }
.orb-two { width: 170px; height: 170px; background: var(--ai-blue); left: -50px; bottom: 70px; animation-delay: -2s; }
@keyframes floatOrb { from { transform: translate3d(0,0,0); } to { transform: translate3d(-24px, 30px, 0); } }

.section-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 15px;
  border-radius: 999px;
  background: rgba(13, 110, 253, .09);
  color: var(--ai-blue);
  border: 1px solid rgba(13, 110, 253, .14);
  font-weight: 800;
  font-size: .88rem;
  margin-bottom: 18px;
}
.section-badge.light {
  color: #fff;
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.24);
}
.hero-title {
  font-size: clamp(3rem, 6vw, 6rem);
  line-height: .96;
  letter-spacing: -.06em;
  font-weight: 950;
  margin: 0 0 24px;
  color: var(--ai-dark);
}
.hero-title::first-line { color: var(--ai-blue); }
.hero-lead {
  color: #334155;
  font-size: 1.18rem;
  line-height: 1.8;
  max-width: 670px;
}
.hero-actions { margin-top: 30px; }
.trust-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.trust-item {
  background: rgba(255,255,255,.75);
  border: 1px solid var(--ai-border);
  box-shadow: var(--ai-shadow-soft);
  border-radius: 18px;
  padding: 17px 15px;
}
.trust-item strong { display: block; color: var(--ai-blue); font-size: 1.05rem; font-weight: 900; }
.trust-item span { display: block; color: var(--ai-muted); font-size: .82rem; margin-top: 4px; }
.hero-visual-card {
  position: relative;
  padding: 14px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(6,72,200,.16);
  border-radius: 42px;
  box-shadow: var(--ai-shadow);
}
.hero-visual-card img { aspect-ratio: 4 / 5.62; object-fit: cover; }
.carousel-control-prev, .carousel-control-next { width: 12%; }
.floating-price-card {
  position: absolute;
  left: 25px;
  bottom: 25px;
  z-index: 5;
  min-width: 230px;
  border-radius: 22px;
  padding: 17px 20px;
  background: rgba(6, 22, 51, .9);
  backdrop-filter: blur(12px);
  color: #fff;
  box-shadow: 0 18px 45px rgba(0,0,0,.22);
}
.floating-price-card span { display: block; opacity: .78; font-size: .85rem; }
.floating-price-card strong { display: block; font-size: 1.72rem; font-weight: 950; }
.floating-price-card small { opacity: .8; }

.section-title {
  font-size: clamp(2.15rem, 4vw, 4rem);
  line-height: 1.06;
  font-weight: 950;
  letter-spacing: -.045em;
  color: var(--ai-dark);
  text-align: center;
  margin-bottom: 18px;
}
.section-subtitle {
  color: #516174;
  font-size: 1.08rem;
  line-height: 1.8;
  text-align: center;
  margin: 0;
}

.service-card,
.tech-card,
.institution-card,
.project-module,
.mini-summary-card {
  background: rgba(255,255,255,.86);
  border: 1px solid var(--ai-border);
  border-radius: var(--radius-lg);
  padding: 28px;
  box-shadow: var(--ai-shadow-soft);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  position: relative;
  overflow: hidden;
}
.service-card::before,
.tech-card::before,
.institution-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(13,110,253,.12), transparent 52%);
  opacity: 0;
  transition: opacity .25s ease;
}
.service-card:hover,
.tech-card:hover,
.institution-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 28px 70px rgba(6, 72, 200, .17);
  border-color: rgba(13,110,253,.34);
}
.service-card:hover::before,
.tech-card:hover::before,
.institution-card:hover::before { opacity: 1; }
.service-icon,
.tech-card > i,
.institution-logo {
  width: 68px;
  height: 68px;
  display: grid;
  place-items: center;
  border-radius: 21px;
  color: #fff;
  background: linear-gradient(135deg, var(--ai-blue), var(--ai-sky));
  box-shadow: 0 18px 38px rgba(6, 72, 200, .24);
  font-size: 1.9rem;
  margin-bottom: 20px;
  position: relative;
}
.service-card h3,
.tech-card h3,
.institution-card h3 {
  position: relative;
  font-weight: 900;
  font-size: 1.22rem;
  margin-bottom: 10px;
}
.service-card p,
.tech-card p,
.institution-card p {
  position: relative;
  color: #516174;
  line-height: 1.75;
  margin: 0;
}

.mini-summary-card {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 22px;
}
.mini-summary-card i {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(135deg, var(--ai-blue), var(--ai-sky));
  font-size: 1.5rem;
  flex: 0 0 auto;
}
.mini-summary-card strong { display: block; font-weight: 900; color: var(--ai-dark); }
.mini-summary-card span { color: var(--ai-muted); }

.timeline {
  position: relative;
  max-width: 1080px;
  margin: 0 auto;
}
.timeline::before {
  content: '';
  position: absolute;
  left: 35px;
  top: 0;
  bottom: 0;
  width: 3px;
  border-radius: 3px;
  background: linear-gradient(180deg, var(--ai-blue), var(--ai-sky));
}
.timeline-item {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 24px;
  margin-bottom: 28px;
  position: relative;
}
.timeline-dot {
  position: relative;
  z-index: 2;
  width: 72px;
  height: 72px;
  border-radius: 24px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, var(--ai-blue), var(--ai-sky));
  color: #fff;
  font-size: 1.35rem;
  font-weight: 950;
  box-shadow: 0 18px 40px rgba(6,72,200,.24);
}
.timeline-content {
  background: #fff;
  border: 1px solid var(--ai-border);
  border-radius: 26px;
  padding: 28px;
  box-shadow: var(--ai-shadow-soft);
}
.timeline-content span {
  display: inline-block;
  color: var(--ai-blue);
  font-weight: 900;
  margin-bottom: 8px;
}
.timeline-content h3 { font-size: 1.35rem; font-weight: 950; margin-bottom: 12px; color: var(--ai-dark); }
.timeline-content p { color: #516174; line-height: 1.75; }
.timeline-content ul { margin: 0; padding-left: 1.2rem; color: #475569; line-height: 1.8; }
.timeline-content li::marker { color: var(--ai-blue); }

.project-stack {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}
.project-stack span {
  display: inline-flex;
  padding: 9px 13px;
  border-radius: 999px;
  color: #fff;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.18);
  font-weight: 800;
  font-size: .88rem;
}
.project-card {
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 32px;
  padding: 30px;
  backdrop-filter: blur(14px);
  box-shadow: 0 28px 70px rgba(0,0,0,.18);
}
.project-card h3 { font-size: 1.5rem; font-weight: 950; margin-bottom: 22px; }
.project-module {
  height: 100%;
  padding: 20px;
  background: rgba(255,255,255,.92);
}
.project-module i {
  color: var(--ai-blue);
  font-size: 1.7rem;
  margin-bottom: 13px;
}
.project-module strong { display: block; font-weight: 900; color: var(--ai-dark); }
.project-module span { display: block; margin-top: 6px; color: var(--ai-muted); font-size: .9rem; line-height: 1.55; }

.tech-card { min-height: 245px; }
.tech-card > i { font-size: 2rem; }

.trainer-profile-card {
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(239,247,255,.9));
  border: 1px solid var(--ai-border);
  border-radius: 38px;
  padding: 30px;
  box-shadow: var(--ai-shadow);
  overflow: hidden;
  position: relative;
}
.trainer-profile-card::after {
  content: '';
  position: absolute;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(51,161,223,.18), transparent 62%);
  right: -120px;
  top: -120px;
}
.trainer-photo-wrap {
  position: relative;
  z-index: 2;
  border-radius: 32px;
  padding: 12px;
  background: linear-gradient(135deg, var(--ai-blue), var(--ai-sky));
  box-shadow: 0 28px 70px rgba(6,72,200,.24);
}
.trainer-photo {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 24px;
  filter: grayscale(100%);
}
.trainer-info { position: relative; z-index: 2; }
.trainer-label {
  color: var(--ai-blue);
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: .82rem;
}
.trainer-info h3 { font-size: clamp(2rem, 4vw, 3.5rem); font-weight: 950; letter-spacing: -.05em; margin: 8px 0 5px; }
.trainer-title { color: var(--ai-blue); font-weight: 800; margin-bottom: 16px; }
.trainer-info p { line-height: 1.8; color: #4b5870; }
.trainer-badges { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.trainer-badges span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 13px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid var(--ai-border);
  color: #0f2147;
  font-weight: 800;
  font-size: .88rem;
}
.trainer-links { display: flex; flex-wrap: wrap; gap: 10px; }
.trainer-links .btn { border-radius: 999px; font-weight: 800; }

.institution-banner {
  border-radius: 30px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: var(--ai-shadow);
  background: var(--ai-dark);
}
.institution-banner img { width: 100%; object-fit: cover; }
.institution-logo {
  font-size: 1rem;
  font-weight: 950;
  letter-spacing: .02em;
}
.institution-card { min-height: 250px; }

.gallery-grid .gallery-card {
  width: 100%;
  border: 0;
  padding: 0;
  text-align: left;
  border-radius: 25px;
  overflow: hidden;
  box-shadow: var(--ai-shadow-soft);
  background: #fff;
  transition: .25s ease;
}
.gallery-card:hover { transform: translateY(-7px); box-shadow: var(--ai-shadow); }
.gallery-card img { width: 100%; aspect-ratio: 4 / 5.62; object-fit: cover; }
.gallery-card span {
  display: block;
  padding: 16px 18px;
  font-weight: 900;
  color: var(--ai-dark);
}
.gallery-modal-content { background: transparent; border: 0; }
.gallery-modal-content img { width: 100%; max-height: 88vh; object-fit: contain; border-radius: 28px; }
.gallery-close {
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 3;
  background-color: #fff;
  opacity: 1;
  border-radius: 50%;
  padding: 12px;
}

.pricing-note {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 18px 20px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid var(--ai-border);
  box-shadow: var(--ai-shadow-soft);
  color: #334155;
  font-weight: 700;
}
.pricing-note i { color: var(--ai-blue); font-size: 1.35rem; }
.pricing-card {
  position: relative;
  background: #fff;
  border: 1px solid var(--ai-border);
  border-radius: 35px;
  padding: 38px;
  box-shadow: var(--ai-shadow);
  overflow: hidden;
}
.pricing-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 90% 0%, rgba(13,110,253,.13), transparent 38%);
}
.pricing-card > * { position: relative; }
.pricing-ribbon {
  position: absolute;
  right: -42px;
  top: 30px;
  transform: rotate(35deg);
  background: linear-gradient(135deg, var(--ai-blue), var(--ai-sky));
  color: #fff;
  font-weight: 950;
  padding: 8px 55px;
  z-index: 2;
  box-shadow: 0 12px 30px rgba(6,72,200,.22);
}
.pricing-label {
  color: var(--ai-blue);
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: .82rem;
}
.pricing-card h3 {
  font-size: clamp(3rem, 7vw, 5rem);
  font-weight: 950;
  letter-spacing: -.08em;
  color: var(--ai-dark);
  margin: 12px 0;
}
.pricing-card p { color: #526174; font-size: 1.1rem; }
.pricing-card ul { list-style: none; padding: 0; margin: 24px 0 30px; display: grid; gap: 13px; }
.pricing-card li { display: flex; gap: 10px; color: #26364f; font-weight: 700; }
.pricing-card li i { color: var(--ai-blue); }

.ai-accordion {
  max-width: 960px;
  margin: 0 auto;
}
.ai-accordion .accordion-item {
  border: 1px solid var(--ai-border);
  border-radius: 20px !important;
  overflow: hidden;
  margin-bottom: 14px;
  box-shadow: var(--ai-shadow-soft);
}
.ai-accordion .accordion-button {
  font-weight: 900;
  color: var(--ai-dark);
  padding: 20px 24px;
}
.ai-accordion .accordion-button:not(.collapsed) { background: #eef6ff; color: var(--ai-blue); }
.ai-accordion .accordion-body { color: #516174; line-height: 1.75; }

.contact-section {
  background:
    radial-gradient(circle at 0% 100%, rgba(51,161,223,.24), transparent 42%),
    linear-gradient(135deg, #05142f 0%, #063a98 100%);
}
.contact-list { display: grid; gap: 13px; margin-top: 28px; }
.contact-list a {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #fff;
  padding: 15px 17px;
  border-radius: 18px;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.16);
  transition: .2s ease;
}
.contact-list a:hover { background: rgba(255,255,255,.16); transform: translateX(4px); }
.contact-list i {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: rgba(255,255,255,.14);
}
.contact-form {
  background: rgba(255,255,255,.96);
  border-radius: 32px;
  padding: 32px;
  box-shadow: 0 28px 70px rgba(0,0,0,.22);
}
.contact-form h3 { font-weight: 950; margin-bottom: 22px; }
.contact-form label { font-weight: 800; color: #1d2d49; margin-bottom: 7px; }
.contact-form .form-control,
.contact-form .form-select {
  border-radius: 15px;
  border: 1px solid rgba(6,72,200,.16);
  padding: 13px 15px;
  box-shadow: none !important;
}
.contact-form .form-control:focus,
.contact-form .form-select:focus { border-color: var(--ai-blue); }
.form-note { color: var(--ai-muted); font-size: .88rem; margin-bottom: 0; }

.footer {
  background: #030a19;
  color: #fff;
  padding: 42px 0 28px;
}
.footer-brand { display: flex; align-items: center; gap: 16px; }
.footer-brand img { width: 58px; height: 58px; object-fit: contain; }
.footer-brand strong { display: block; font-weight: 950; letter-spacing: .08em; }
.footer-brand span { color: rgba(255,255,255,.68); }
.footer-links { display: flex; justify-content: flex-end; gap: 18px; flex-wrap: wrap; }
.footer-links a { color: rgba(255,255,255,.78); font-weight: 800; }
.footer-links a:hover { color: #fff; }
.footer-bottom {
  margin-top: 30px;
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,.1);
  display: flex;
  justify-content: space-between;
  gap: 15px;
  flex-wrap: wrap;
  color: rgba(255,255,255,.65);
}
.footer-bottom button {
  border: 0;
  color: #fff;
  background: rgba(255,255,255,.12);
  border-radius: 999px;
  padding: 8px 14px;
  font-weight: 800;
}
.scroll-top {
  position: fixed;
  right: 22px;
  bottom: 22px;
  width: 52px;
  height: 52px;
  border: 0;
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(135deg, var(--ai-blue), var(--ai-sky));
  box-shadow: 0 16px 35px rgba(6,72,200,.28);
  opacity: 0;
  pointer-events: none;
  transform: translateY(12px);
  transition: .22s ease;
  z-index: 999;
}
.scroll-top.show { opacity: 1; pointer-events: auto; transform: translateY(0); }

.reveal-up { opacity: 0; transform: translateY(28px); transition: opacity .7s ease, transform .7s ease; }
.reveal-up.visible { opacity: 1; transform: translateY(0); }
.delay-1 { transition-delay: .08s; }
.delay-2 { transition-delay: .16s; }
.delay-3 { transition-delay: .24s; }

@media (max-width: 1199px) {
  .trust-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero-title { font-size: clamp(3rem, 8vw, 4.7rem); }
}

@media (max-width: 991px) {
  .section-padding { padding: 82px 0; }
  .hero-section { padding-top: 125px; }
  .navbar-collapse {
    margin-top: 14px;
    padding: 16px;
    background: #fff;
    border-radius: 20px;
    box-shadow: var(--ai-shadow-soft);
  }
  .footer-links { justify-content: flex-start; }
}

@media (max-width: 767px) {
  .brand-text small { display: none; }
  .brand-logo { width: 42px; height: 42px; }
  .hero-title { font-size: 3rem; }
  .hero-lead { font-size: 1rem; }
  .trust-row { grid-template-columns: 1fr; }
  .floating-price-card { position: static; margin: 14px 0 0; }
  .timeline::before { left: 24px; }
  .timeline-item { grid-template-columns: 50px 1fr; gap: 14px; }
  .timeline-dot { width: 50px; height: 50px; border-radius: 16px; }
  .timeline-content { padding: 22px; }
  .trainer-profile-card, .pricing-card, .contact-form, .project-card { padding: 22px; border-radius: 26px; }
  .footer-bottom { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .reveal-up { opacity: 1; transform: none; }
}

/* V5: ziyaretçi sayacı, WhatsApp lead modal ve Hamit Mızrak kimdir bölümü */
.visitor-trust-item {
  background: linear-gradient(135deg, rgba(6, 72, 200, .95), rgba(51, 161, 223, .9));
  color: #fff;
  border-color: rgba(255,255,255,.22);
}
.visitor-trust-item strong,
.visitor-trust-item span { color: #fff; }
.visitor-info-line {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 10px 14px;
  border-radius: 999px;
  color: #36506f;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(13, 110, 253, .14);
  font-size: .86rem;
  font-weight: 700;
}
.visitor-info-line.is-online {
  color: #075985;
  background: rgba(14, 165, 233, .10);
}
.visitor-info-line.is-local {
  color: #92400e;
  background: rgba(245, 158, 11, .12);
}
.about-hamit-card {
  padding: 34px;
  border-radius: var(--radius-xl);
  background: rgba(255,255,255,.86);
  border: 1px solid var(--ai-border);
  box-shadow: var(--ai-shadow-soft);
}
.about-profile-box {
  position: sticky;
  top: 105px;
  padding: 26px;
  border-radius: 28px;
  color: #fff;
  background: radial-gradient(circle at 20% 10%, rgba(51,161,223,.55), transparent 38%), linear-gradient(145deg, var(--ai-dark), var(--ai-blue));
  box-shadow: 0 24px 55px rgba(6, 22, 51, .22);
  overflow: hidden;
}
.about-profile-box::after {
  content: '';
  position: absolute;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  right: -80px;
  bottom: -70px;
  background: rgba(255,255,255,.08);
}
.about-profile-img {
  width: 148px;
  height: 148px;
  border-radius: 28px;
  object-fit: cover;
  border: 4px solid rgba(255,255,255,.18);
  box-shadow: 0 18px 40px rgba(0,0,0,.22);
  margin-bottom: 18px;
}
.about-profile-box h3 {
  font-weight: 950;
  margin: 0 0 8px;
  position: relative;
  z-index: 1;
}
.about-profile-box p {
  color: rgba(255,255,255,.78);
  margin-bottom: 18px;
  line-height: 1.7;
  position: relative;
  z-index: 1;
}
.about-socials {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.about-socials a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #fff;
  background: rgba(255,255,255,.13);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  padding: 9px 13px;
  font-size: .9rem;
  font-weight: 800;
}
.about-text-content {
  padding: 8px 4px;
  columns: 2;
  column-gap: 34px;
}
.about-text-content p {
  color: #374151;
  line-height: 1.85;
  margin: 0 0 18px;
  break-inside: avoid;
}
.floating-whatsapp {
  position: fixed;
  left: 20px;
  bottom: 24px;
  z-index: 1100;
  width: 72px;
  min-height: 72px;
  border: 0;
  border-radius: 24px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  color: #fff;
  background: linear-gradient(135deg, #13b957, #087d3b);
  box-shadow: 0 18px 45px rgba(8, 125, 59, .32);
  transition: transform .2s ease, box-shadow .2s ease;
}
.floating-whatsapp:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 24px 58px rgba(8, 125, 59, .42);
}
.floating-whatsapp i { font-size: 1.72rem; line-height: 1; }
.floating-whatsapp span { font-size: .75rem; font-weight: 900; }
.whatsapp-modal-content {
  border: 0;
  border-radius: 30px;
  overflow: hidden;
  box-shadow: var(--ai-shadow);
}
.whatsapp-modal-content .modal-header {
  border: 0;
  padding: 24px 26px 10px;
}
.whatsapp-modal-content .modal-body { padding: 18px 26px 26px; }
.modal-mini-title {
  display: inline-flex;
  color: var(--ai-blue);
  font-size: .82rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.whatsapp-modal-content .modal-title {
  font-weight: 950;
  letter-spacing: -.035em;
  color: var(--ai-dark);
  margin: 0;
}
.whatsapp-modal-content label,
.contact-form label {
  color: var(--ai-dark);
  font-weight: 800;
  margin-bottom: 7px;
}
.whatsapp-modal-content .form-control,
.whatsapp-modal-content .form-select,
.contact-form .form-control,
.contact-form .form-select {
  min-height: 52px;
  border-radius: 16px;
  border-color: rgba(13, 110, 253, .16);
  box-shadow: none !important;
}
.whatsapp-modal-content .form-control:focus,
.whatsapp-modal-content .form-select:focus,
.contact-form .form-control:focus,
.contact-form .form-select:focus {
  border-color: rgba(6,72,200,.55);
}

@media (min-width: 1200px) {
  .trust-row { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

@media (max-width: 991px) {
  .about-profile-box { position: relative; top: auto; }
  .about-text-content { columns: 1; }
}

@media (max-width: 767px) {
  .about-hamit-card { padding: 20px; border-radius: 24px; }
  .about-profile-box { padding: 22px; }
  .floating-whatsapp {
    left: 14px;
    bottom: 14px;
    width: 62px;
    min-height: 62px;
    border-radius: 20px;
  }
  .floating-whatsapp i { font-size: 1.45rem; }
  .scroll-top { right: 14px; bottom: 14px; }
}

/* ==============================
   V6 - Dark Mode, PDF Download, WhatsApp Pulse
   ============================== */
.theme-toggle-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-radius: 999px;
  border: 1px solid rgba(6,72,200,.18);
  background: rgba(255,255,255,.82);
  color: var(--ai-dark);
  font-weight: 900;
  padding: 9px 13px;
  box-shadow: 0 12px 28px rgba(5,28,70,.08);
}
.theme-toggle-btn:hover {
  color: var(--ai-blue);
  border-color: rgba(6,72,200,.38);
}
.theme-toggle-btn i { font-size: 1.05rem; }
.visitor-info-line {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  color: var(--ai-muted);
  font-size: .84rem;
  font-weight: 700;
}
.visitor-info-line.is-online { color: #047857; }
.visitor-info-line.is-local { color: #b45309; }
.visitor-trust-item strong span {
  color: var(--ai-blue);
  font-size: 1.1rem;
  font-weight: 950;
}
.floating-left-actions {
  position: fixed;
  left: 20px;
  bottom: 28px;
  z-index: 1800;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.floating-download,
.floating-whatsapp {
  width: 78px;
  min-height: 78px;
  border-radius: 24px;
  border: 0;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  box-shadow: 0 22px 46px rgba(5, 28, 70, .28);
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.floating-download {
  background: linear-gradient(145deg, #061633, #0648c8 58%, #33a1df);
}
.floating-whatsapp {
  background: linear-gradient(145deg, #075e54, #14b86a);
}
.floating-download:hover,
.floating-whatsapp:hover {
  transform: translateY(-4px) scale(1.03);
  color: #fff;
  filter: saturate(1.1);
  box-shadow: 0 28px 58px rgba(5, 28, 70, .34);
}
.floating-download i,
.floating-whatsapp i { font-size: 1.75rem; line-height: 1; }
.floating-download span,
.floating-whatsapp span { font-size: .72rem; font-weight: 950; line-height: 1.12; margin-top: 6px; }
.download-counter-card {
  min-width: 78px;
  border-radius: 18px;
  padding: 9px 8px;
  background: rgba(255,255,255,.93);
  border: 1px solid rgba(6,72,200,.17);
  box-shadow: 0 16px 34px rgba(5,28,70,.16);
  text-align: center;
  backdrop-filter: blur(12px);
}
.download-counter-card small {
  display: block;
  font-size: .61rem;
  line-height: 1.1;
  color: var(--ai-muted);
  font-weight: 850;
}
.download-counter-card strong {
  display: block;
  font-size: 1.35rem;
  color: var(--ai-blue);
  font-weight: 950;
  letter-spacing: -.03em;
}
.floating-whatsapp.attention {
  animation: whatsappBlink 1.15s ease-in-out infinite;
}
@keyframes whatsappBlink {
  0%, 100% { transform: translateY(0) scale(1); box-shadow: 0 22px 46px rgba(20,184,106,.30); }
  45% { transform: translateY(-3px) scale(1.08); box-shadow: 0 0 0 10px rgba(20,184,106,.12), 0 30px 60px rgba(20,184,106,.36); }
  65% { filter: brightness(1.16); }
}

html[data-theme="dark"] {
  color-scheme: dark;
}
html[data-theme="dark"] body {
  background: #030712;
  color: #e5e7eb;
}
html[data-theme="dark"] .ai-navbar {
  background: rgba(3,7,18,.86);
  border-bottom-color: rgba(51,161,223,.18);
}
html[data-theme="dark"] .ai-navbar.scrolled {
  box-shadow: 0 16px 42px rgba(0,0,0,.38);
}
html[data-theme="dark"] .navbar-nav .nav-link,
html[data-theme="dark"] .brand-text strong,
html[data-theme="dark"] .theme-toggle-btn,
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .hero-title,
html[data-theme="dark"] .timeline-content h3,
html[data-theme="dark"] .project-module strong,
html[data-theme="dark"] .trainer-info h3,
html[data-theme="dark"] .institution-card h3,
html[data-theme="dark"] .tech-card h3,
html[data-theme="dark"] .service-card h3,
html[data-theme="dark"] .pricing-card h3,
html[data-theme="dark"] .contact-form h3,
html[data-theme="dark"] .whatsapp-modal-content .modal-title,
html[data-theme="dark"] .whatsapp-modal-content label,
html[data-theme="dark"] .contact-form label,
html[data-theme="dark"] .about-profile-box h3 {
  color: #f8fafc;
}
html[data-theme="dark"] .hero-lead,
html[data-theme="dark"] .section-subtitle,
html[data-theme="dark"] .timeline-content ul,
html[data-theme="dark"] .trainer-info p,
html[data-theme="dark"] .institution-card p,
html[data-theme="dark"] .tech-card p,
html[data-theme="dark"] .service-card p,
html[data-theme="dark"] .about-text-content p,
html[data-theme="dark"] .pricing-note,
html[data-theme="dark"] .form-note {
  color: #cbd5e1;
}
html[data-theme="dark"] .hero-section {
  background:
    radial-gradient(circle at 78% 18%, rgba(51,161,223,.18), transparent 35%),
    linear-gradient(135deg, #020617 0%, #07142d 56%, #03102d 100%);
}
html[data-theme="dark"] .bg-soft,
html[data-theme="dark"] .about-hamit-section {
  background:
    radial-gradient(circle at 10% 0%, rgba(51,161,223,.13), transparent 38%),
    linear-gradient(180deg, #071226 0%, #030712 100%);
}
html[data-theme="dark"] .hero-visual-card,
html[data-theme="dark"] .trust-item,
html[data-theme="dark"] .service-card,
html[data-theme="dark"] .timeline-content,
html[data-theme="dark"] .project-card,
html[data-theme="dark"] .tech-card,
html[data-theme="dark"] .trainer-profile-card,
html[data-theme="dark"] .institution-card,
html[data-theme="dark"] .institution-banner,
html[data-theme="dark"] .gallery-card,
html[data-theme="dark"] .pricing-card,
html[data-theme="dark"] .ai-accordion .accordion-item,
html[data-theme="dark"] .contact-form,
html[data-theme="dark"] .about-hamit-card,
html[data-theme="dark"] .about-profile-box,
html[data-theme="dark"] .whatsapp-modal-content,
html[data-theme="dark"] .download-counter-card,
html[data-theme="dark"] .theme-toggle-btn {
  background: rgba(15,23,42,.84);
  border-color: rgba(51,161,223,.18);
  box-shadow: 0 22px 60px rgba(0,0,0,.28);
}
html[data-theme="dark"] .ai-accordion .accordion-button {
  background: rgba(15,23,42,.88);
  color: #f8fafc;
}
html[data-theme="dark"] .ai-accordion .accordion-button:not(.collapsed) {
  background: linear-gradient(135deg, rgba(6,72,200,.58), rgba(51,161,223,.28));
  color: #fff;
}
html[data-theme="dark"] .ai-accordion .accordion-body,
html[data-theme="dark"] .trust-item span,
html[data-theme="dark"] .download-counter-card small {
  color: #cbd5e1;
}
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] textarea {
  background: rgba(2,6,23,.86) !important;
  color: #f8fafc !important;
  border-color: rgba(51,161,223,.25) !important;
}
html[data-theme="dark"] .form-control::placeholder,
html[data-theme="dark"] textarea::placeholder { color: #94a3b8 !important; }
html[data-theme="dark"] .footer {
  background: #020617;
  border-top: 1px solid rgba(51,161,223,.18);
}
html[data-theme="dark"] .btn-close {
  filter: invert(1) grayscale(1) brightness(1.7);
}
html[data-theme="dark"] .gallery-modal-content {
  background: #020617;
}
html[data-theme="dark"] .ai-btn-light {
  background: rgba(15,23,42,.72);
  color: #eaf4ff;
  border-color: rgba(51,161,223,.32);
}

@media (max-width: 767px) {
  .floating-left-actions {
    left: 12px;
    bottom: 12px;
    gap: 8px;
  }
  .floating-download,
  .floating-whatsapp {
    width: 62px;
    min-height: 62px;
    border-radius: 18px;
  }
  .floating-download i,
  .floating-whatsapp i { font-size: 1.35rem; }
  .floating-download span,
  .floating-whatsapp span { font-size: .58rem; }
  .download-counter-card { min-width: 62px; padding: 7px 5px; border-radius: 14px; }
  .download-counter-card strong { font-size: 1.05rem; }
  .theme-toggle-btn { margin-top: 8px; width: 100%; justify-content: center; }
}

/* =========================
   V7: Kayıt Modalı + Admin Panel + Footer Sayaçları
   ========================= */
.ai-btn-success {
  border: none;
  background: linear-gradient(135deg, #16a34a, #22c55e);
  color: #fff;
  box-shadow: 0 18px 36px rgba(22, 163, 74, .24);
}
.ai-btn-success:hover { color: #fff; transform: translateY(-2px); filter: brightness(1.05); }
.register-cta-section { background: linear-gradient(135deg, rgba(6,72,200,.06), rgba(51,161,223,.11)); }
.register-cta-card {
  position: relative;
  overflow: hidden;
  border-radius: 34px;
  padding: 34px;
  background: rgba(255,255,255,.9);
  border: 1px solid rgba(6,72,200,.14);
  box-shadow: 0 28px 70px rgba(5, 28, 70, .12);
}
.register-cta-card::after {
  content: "";
  position: absolute;
  right: -110px;
  top: -110px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(6,72,200,.18), transparent 68%);
  pointer-events: none;
}
.register-main-btn { min-width: 190px; }
.registration-modal-content,
.whatsapp-modal-content {
  border: 0;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 32px 96px rgba(3, 15, 42, .35);
}
.registration-modal-content .modal-header,
.whatsapp-modal-content .modal-header {
  background: linear-gradient(135deg, var(--ai-navy), var(--ai-blue));
  color: #fff;
  border: 0;
  padding: 24px 28px;
}
.registration-modal-content .btn-close,
.whatsapp-modal-content .btn-close { filter: invert(1); opacity: .85; }
.modal-mini-title {
  display: inline-flex;
  font-size: .74rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .13em;
  opacity: .78;
  margin-bottom: 4px;
}
.registration-modal-content .modal-body { padding: 28px; }
.registration-summary-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  border-radius: 22px;
  padding: 14px;
  background: linear-gradient(135deg, rgba(6,72,200,.08), rgba(51,161,223,.12));
  border: 1px solid rgba(6,72,200,.14);
  color: var(--ai-navy);
}
.registration-summary-box div {
  padding: 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.72);
  font-size: .9rem;
}
.registration-feedback {
  display: none;
  border-radius: 16px;
  padding: 12px 14px;
  font-weight: 800;
}
.registration-feedback.show { display: block; }
.registration-feedback.success { background: rgba(22,163,74,.10); color: #15803d; border: 1px solid rgba(22,163,74,.18); }
.registration-feedback.error { background: rgba(220,38,38,.10); color: #b91c1c; border: 1px solid rgba(220,38,38,.18); }
.footer-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 28px;
  padding: 18px;
  border-radius: 24px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
}
.footer-stat-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.84);
}
.footer-stat-item i {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: rgba(51,161,223,.18);
  color: #fff;
  font-size: 1.25rem;
}
.footer-stat-item span { flex: 1; font-weight: 800; font-size: .92rem; }
.footer-stat-item strong { font-size: 1.55rem; color: #fff; font-weight: 950; }
.footer-bottom-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.footer-bottom-actions button {
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.10);
  color: #fff;
  border-radius: 999px;
  padding: 9px 13px;
  font-weight: 850;
}
.footer-bottom-actions button:hover { background: rgba(255,255,255,.18); }

/* Admin Panel */
.admin-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at top left, rgba(51,161,223,.22), transparent 35%),
    linear-gradient(135deg, #f8fbff, #eef6ff);
}
.admin-shell { padding: 32px 0 52px; }
.admin-header {
  border-radius: 30px;
  padding: 26px;
  background: linear-gradient(135deg, var(--ai-navy), var(--ai-blue));
  color: #fff;
  box-shadow: 0 28px 70px rgba(5,28,70,.20);
}
.admin-header img { width: 72px; height: 72px; object-fit: contain; background: rgba(255,255,255,.10); border-radius: 20px; padding: 8px; }
.admin-card {
  border-radius: 26px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(6,72,200,.12);
  box-shadow: 0 20px 56px rgba(5,28,70,.10);
  padding: 22px;
}
.admin-stat-card {
  border-radius: 24px;
  padding: 20px;
  background: rgba(255,255,255,.9);
  border: 1px solid rgba(6,72,200,.13);
  box-shadow: 0 18px 44px rgba(5,28,70,.10);
}
.admin-stat-card i {
  width: 46px; height: 46px; border-radius: 16px;
  display: inline-flex; align-items:center; justify-content:center;
  background: linear-gradient(135deg, var(--ai-blue), var(--ai-cyan)); color:#fff;
  margin-bottom: 12px; font-size: 1.35rem;
}
.admin-stat-card span { display:block; color: var(--ai-muted); font-weight: 850; }
.admin-stat-card strong { display:block; color: var(--ai-navy); font-size: 2rem; font-weight: 950; letter-spacing: -.04em; }
.admin-toolbar { display:flex; gap:10px; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-bottom:16px; }
.admin-toolbar .form-control, .admin-toolbar .form-select { max-width: 260px; border-radius: 14px; }
.admin-table-wrap { overflow:auto; border-radius: 18px; border: 1px solid rgba(6,72,200,.10); }
.admin-table { margin: 0; min-width: 1040px; }
.admin-table thead th { background: #eff6ff; color: var(--ai-navy); font-size: .83rem; text-transform: uppercase; letter-spacing: .04em; }
.admin-table tbody td { vertical-align: middle; font-size: .92rem; }
.status-pill { display:inline-flex; align-items:center; justify-content:center; border-radius:999px; padding:5px 10px; font-size:.78rem; font-weight:900; }
.status-new { background: rgba(6,72,200,.10); color: var(--ai-blue); }
.status-called { background: rgba(245,158,11,.13); color: #b45309; }
.status-registered { background: rgba(22,163,74,.13); color: #15803d; }
.status-cancelled { background: rgba(220,38,38,.12); color: #b91c1c; }
.admin-note { color: var(--ai-muted); font-size: .92rem; }

html[data-theme="dark"] .register-cta-section,
html[data-theme="dark"] .admin-page { background: linear-gradient(135deg, #030712, #07142d); }
html[data-theme="dark"] .register-cta-card,
html[data-theme="dark"] .registration-modal-content,
html[data-theme="dark"] .admin-card,
html[data-theme="dark"] .admin-stat-card {
  background: rgba(15,23,42,.94);
  border-color: rgba(51,161,223,.18);
  color: #e5e7eb;
}
html[data-theme="dark"] .registration-summary-box { background: rgba(51,161,223,.08); color: #e5e7eb; border-color: rgba(51,161,223,.20); }
html[data-theme="dark"] .registration-summary-box div { background: rgba(255,255,255,.06); }
html[data-theme="dark"] .admin-stat-card strong { color: #fff; }
html[data-theme="dark"] .admin-table thead th { background: rgba(51,161,223,.12); color: #dbeafe; }
html[data-theme="dark"] .admin-table tbody td { color: #e5e7eb; }
html[data-theme="dark"] .admin-table-wrap { border-color: rgba(51,161,223,.16); }

@media (max-width: 991px) {
  .registration-summary-box { grid-template-columns: 1fr; }
  .footer-stats { grid-template-columns: 1fr; }
}
@media (max-width: 575px) {
  .register-cta-card { padding: 24px; }
  .footer-stat-item { align-items: flex-start; }
  .footer-stat-item strong { font-size: 1.3rem; }
}

/* =========================
   V8: Gizli admin login, navbar hizalama, sabit sosyal alanlar
   ========================= */
.main-menu-centered {
  justify-content: center;
  text-align: center;
}
.navbar-actions {
  min-width: 220px;
}
.contact-action-row {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.floating-left-actions {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}
.floating-download {
  order: 1;
}
.download-counter-card {
  order: 2;
}
.floating-whatsapp {
  order: 3;
}
.floating-right-socials {
  position: fixed;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1800;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.floating-right-socials a {
  width: 78px;
  min-height: 70px;
  border-radius: 22px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  text-align: center;
  color: #fff;
  background: linear-gradient(145deg, #061633, #0648c8 58%, #33a1df);
  box-shadow: 0 22px 46px rgba(5, 28, 70, .24);
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.floating-right-socials a:nth-child(2) { background: linear-gradient(145deg, #073763, #0a66c2); }
.floating-right-socials a:nth-child(3) { background: linear-gradient(145deg, #111827, #374151); }
.floating-right-socials a:nth-child(4) { background: linear-gradient(145deg, #7c2d12, #e11d48, #f59e0b); }
.floating-right-socials a:hover {
  color: #fff;
  transform: translateY(-4px) scale(1.03);
  filter: saturate(1.12);
  box-shadow: 0 28px 58px rgba(5, 28, 70, .32);
}
.floating-right-socials i { font-size: 1.55rem; line-height: 1; }
.floating-right-socials span { font-size: .68rem; font-weight: 950; line-height: 1.08; }
.admin-session-card {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  border-radius: 24px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(6,72,200,.12);
  box-shadow: 0 18px 44px rgba(5,28,70,.10);
  padding: 18px;
}
.admin-session-card div {
  padding: 15px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(6,72,200,.07), rgba(51,161,223,.10));
}
.admin-session-card span {
  display: block;
  color: var(--ai-muted);
  font-size: .82rem;
  font-weight: 850;
  margin-bottom: 4px;
}
.admin-session-card strong {
  display: block;
  color: var(--ai-navy);
  font-weight: 950;
  word-break: break-word;
}
.admin-stat-card.compact {
  display: flex;
  align-items: center;
  gap: 14px;
}
.admin-stat-card.compact i { margin-bottom: 0; flex: 0 0 auto; }
.admin-stat-card.compact strong { font-size: 1.34rem; }
.login-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at top left, rgba(51,161,223,.25), transparent 35%),
    radial-gradient(circle at bottom right, rgba(6,72,200,.22), transparent 38%),
    linear-gradient(135deg, #f8fbff, #eaf4ff);
  font-family: var(--ai-font, 'Inter', sans-serif);
}
.login-shell {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 28px 14px;
}
.login-card {
  width: min(100%, 470px);
  border-radius: 32px;
  padding: 34px;
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(6,72,200,.13);
  box-shadow: 0 34px 90px rgba(5,28,70,.18);
}
.login-logo-wrap {
  width: 86px;
  height: 86px;
  display: grid;
  place-items: center;
  border-radius: 26px;
  background: linear-gradient(135deg, rgba(6,72,200,.10), rgba(51,161,223,.16));
  margin-bottom: 18px;
}
.login-logo-wrap img { width: 68px; height: 68px; object-fit: contain; }
.login-card h1 {
  color: var(--ai-navy);
  font-weight: 950;
  letter-spacing: -.04em;
  margin-bottom: 10px;
}
.login-card p { color: var(--ai-muted); font-weight: 650; }
.login-form label { font-weight: 850; color: var(--ai-navy); }
.login-feedback {
  display: none;
  margin: 12px 0;
  padding: 12px 14px;
  border-radius: 16px;
  font-weight: 850;
}
.login-feedback.show { display: block; }
.login-feedback.info { background: rgba(6,72,200,.09); color: var(--ai-blue); }
.login-feedback.success { background: rgba(22,163,74,.10); color: #15803d; }
.login-feedback.error { background: rgba(220,38,38,.10); color: #b91c1c; }
.login-footnote { text-align: center; margin-top: 18px; }
.login-footnote a { color: var(--ai-blue); font-weight: 850; }
html[data-theme="dark"] .admin-session-card,
html[data-theme="dark"] .login-card {
  background: rgba(15,23,42,.94);
  border-color: rgba(51,161,223,.18);
  color: #e5e7eb;
}
html[data-theme="dark"] .admin-session-card div { background: rgba(51,161,223,.08); }
html[data-theme="dark"] .admin-session-card strong,
html[data-theme="dark"] .login-card h1,
html[data-theme="dark"] .login-form label { color: #fff; }
html[data-theme="dark"] .login-page { background: linear-gradient(135deg, #030712, #07142d); }

@media (min-width: 992px) {
  .ai-navbar .container { display: flex; align-items: center; }
  .ai-navbar .navbar-brand { margin-right: 24px; }
  .ai-navbar .navbar-collapse { flex: 1; }
}
@media (max-width: 991px) {
  .navbar-actions { min-width: 0; margin-top: 12px; }
  .main-menu-centered { text-align: left; align-items: flex-start !important; }
  .contact-action-row { justify-content: stretch; }
  .contact-action-row .btn { flex: 1 1 220px; }
  .floating-right-socials { right: 12px; gap: 8px; }
  .floating-right-socials a { width: 62px; min-height: 58px; border-radius: 18px; }
  .floating-right-socials i { font-size: 1.25rem; }
  .floating-right-socials span { font-size: .55rem; }
  .admin-session-card { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .floating-left-actions {
    top: auto;
    bottom: 12px;
    transform: none;
  }
  .floating-right-socials {
    top: auto;
    bottom: 12px;
    transform: none;
  }
  .floating-right-socials span { display: none; }
  .floating-right-socials a { width: 48px; min-height: 48px; border-radius: 16px; }
}

/* =========================
   V9: Kurumsal düzen, sosyal animasyon, başvuru sol alt, sertifika ve kuluçka kartı
   ========================= */
:root {
  --ai-blue: #0754d6;
  --ai-blue-2: #0b6fe8;
  --ai-sky: #2bb7e8;
  --ai-dark: #071429;
  --ai-navy: #08245d;
  --ai-soft: #f5f9ff;
  --ai-border: rgba(7, 84, 214, 0.16);
  --ai-shadow: 0 24px 70px rgba(7, 20, 41, 0.15);
}

body {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 48%, #ffffff 100%);
}

.ai-navbar {
  background: rgba(255,255,255,.90);
  border-bottom: 1px solid rgba(7,84,214,.10);
}

.hero-section {
  background:
    radial-gradient(circle at 78% 18%, rgba(43,183,232,.16), transparent 34%),
    radial-gradient(circle at 14% 72%, rgba(7,84,214,.10), transparent 32%),
    linear-gradient(135deg, #ffffff 0%, #f6faff 52%, #eaf5ff 100%);
}

.bg-soft {
  background:
    radial-gradient(circle at 0% 0%, rgba(43,183,232,.11), transparent 34%),
    linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%);
}

.bg-dark-blue {
  background:
    radial-gradient(circle at 92% 8%, rgba(43,183,232,.26), transparent 38%),
    linear-gradient(135deg, #06152e 0%, #06347f 58%, #0754d6 100%);
}

.service-card,
.tech-card,
.institution-card,
.trainer-card,
.about-hamit-card,
.pricing-card,
.contact-form {
  border: 1px solid rgba(7,84,214,.12);
  box-shadow: 0 20px 54px rgba(7,20,41,.10);
}

.certificate-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 10%, rgba(43,183,232,.18), transparent 34%),
    radial-gradient(circle at 10% 80%, rgba(7,84,214,.10), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #f3f8ff 100%);
}

.certificate-bg-glow {
  position: absolute;
  inset: auto -120px -160px auto;
  width: 420px;
  height: 420px;
  border-radius: 999px;
  background: rgba(43,183,232,.18);
  filter: blur(38px);
}

.certificate-card,
.incubation-3d-card {
  position: relative;
  border-radius: 34px;
  padding: 34px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(7,84,214,.14);
  box-shadow: 0 26px 72px rgba(7,20,41,.14);
  overflow: hidden;
}

.certificate-card::before,
.incubation-3d-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(7,84,214,.12), transparent 34%, rgba(43,183,232,.13));
  pointer-events: none;
}

.certificate-icon {
  width: 72px;
  height: 72px;
  border-radius: 24px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #0754d6, #2bb7e8);
  color: #fff;
  font-size: 2rem;
  box-shadow: 0 20px 44px rgba(7,84,214,.28);
  margin-bottom: 22px;
}

.certificate-card h3,
.incubation-3d-card h3 {
  position: relative;
  color: var(--ai-navy);
  font-weight: 950;
  letter-spacing: -.04em;
  margin-bottom: 12px;
}

.certificate-card p,
.incubation-3d-card p {
  position: relative;
  color: var(--ai-muted);
  font-weight: 650;
  line-height: 1.75;
}

.certificate-card ul {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
  display: grid;
  gap: 10px;
}

.certificate-card li {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #10234b;
  font-weight: 850;
}

.certificate-card li i { color: #047857; }

.incubation-3d-card {
  color: #fff;
  background:
    linear-gradient(145deg, rgba(6,21,46,.98), rgba(7,84,214,.96) 62%, rgba(43,183,232,.92));
  transform-style: preserve-3d;
  animation: incubationFloat3d 4.2s ease-in-out infinite;
}

.incubation-3d-card::before {
  background:
    linear-gradient(135deg, rgba(255,255,255,.24), transparent 38%),
    radial-gradient(circle at 70% 0%, rgba(255,255,255,.20), transparent 30%);
}

.incubation-3d-card h3,
.incubation-3d-card p { color: #fff; }
.incubation-3d-card p { color: rgba(255,255,255,.82); }

.incubation-ribbon {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
  border: 1px solid rgba(255,255,255,.22);
  color: #fff;
  font-weight: 950;
  margin-bottom: 20px;
  backdrop-filter: blur(12px);
}

.incubation-shine {
  position: absolute;
  top: -120%;
  left: -30%;
  width: 45%;
  height: 320%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.38), transparent);
  transform: rotate(24deg);
  animation: incubationShine 3.2s ease-in-out infinite;
}

.incubation-metrics {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  margin-top: 22px;
}

.incubation-metrics span {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 14px 12px;
  border-radius: 20px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.16);
  text-align: center;
}

.incubation-metrics strong { font-size: 1.15rem; font-weight: 950; }
.incubation-metrics small { color: rgba(255,255,255,.76); font-weight: 800; }

@keyframes incubationFloat3d {
  0%, 100% { transform: perspective(900px) rotateX(0deg) rotateY(0deg) translateY(0); box-shadow: 0 28px 74px rgba(7,20,41,.18); }
  50% { transform: perspective(900px) rotateX(3deg) rotateY(-4deg) translateY(-8px); box-shadow: 0 38px 90px rgba(7,84,214,.30); }
}

@keyframes incubationShine {
  0% { left: -50%; opacity: 0; }
  35% { opacity: 1; }
  70%, 100% { left: 120%; opacity: 0; }
}

.pricing-bonus-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px 16px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255,193,7,.16), rgba(43,183,232,.12));
  border: 1px solid rgba(255,193,7,.28);
  color: var(--ai-navy);
  font-weight: 850;
}
.pricing-bonus-note i { color: #d97706; font-size: 1.18rem; }

.floating-left-actions {
  left: 20px;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  gap: 10px;
}

.floating-application-whatsapp {
  position: fixed;
  left: 20px;
  bottom: 24px;
  z-index: 1810;
  width: 88px;
  min-height: 88px;
  border-radius: 28px;
  border: 0;
  background: linear-gradient(145deg, #075e54, #12b76a);
}

.floating-application-whatsapp:hover {
  transform: translateY(-6px) scale(1.08);
}

.floating-application-whatsapp.attention {
  animation: whatsappBottomBlink 1.15s ease-in-out infinite;
}

@keyframes whatsappBottomBlink {
  0%, 100% { transform: translateY(0) scale(1); box-shadow: 0 22px 46px rgba(20,184,106,.30); }
  45% { transform: translateY(-4px) scale(1.10); box-shadow: 0 0 0 12px rgba(20,184,106,.13), 0 30px 60px rgba(20,184,106,.38); }
  68% { filter: brightness(1.16); }
}

.floating-right-socials {
  perspective: 900px;
}

.floating-right-socials a {
  animation: socialSlideIn .58s cubic-bezier(.2,.9,.2,1) both;
  transform-origin: center right;
  will-change: transform;
}

.floating-right-socials a:nth-child(1) { animation-delay: .08s; }
.floating-right-socials a:nth-child(2) { animation-delay: .18s; }
.floating-right-socials a:nth-child(3) { animation-delay: .28s; }
.floating-right-socials a:nth-child(4) { animation-delay: .38s; }

.floating-right-socials a:hover {
  transform: perspective(850px) rotateY(-8deg) translateX(-8px) scale(1.16);
  animation: socialHoverPulse .72s ease-in-out infinite alternate;
  filter: saturate(1.22) brightness(1.08);
  box-shadow: 0 30px 70px rgba(5,28,70,.40);
}

@keyframes socialSlideIn {
  from { opacity: 0; transform: translateX(42px) scale(.82); }
  to { opacity: 1; transform: translateX(0) scale(1); }
}

@keyframes socialHoverPulse {
  from { transform: perspective(850px) rotateY(-8deg) translateX(-8px) scale(1.10); }
  to { transform: perspective(850px) rotateY(-8deg) translateX(-10px) scale(1.18); }
}

.footer {
  background: linear-gradient(135deg, #06152e 0%, #08245d 56%, #0754d6 100%);
}

.footer-bottom {
  margin-bottom: 20px;
}

.footer-stats {
  margin-top: 0 !important;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.14);
}

.footer-stat-item {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.16);
}

.admin-toolbar .filter-group {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.admin-filter-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(7,84,214,.08);
  color: var(--ai-navy);
  font-weight: 900;
  border: 1px solid rgba(7,84,214,.12);
}

html[data-theme="dark"] .certificate-section {
  background:
    radial-gradient(circle at 85% 10%, rgba(43,183,232,.14), transparent 34%),
    linear-gradient(180deg, #030712 0%, #07142d 100%);
}

html[data-theme="dark"] .certificate-card {
  background: rgba(15,23,42,.94);
  border-color: rgba(43,183,232,.18);
}

html[data-theme="dark"] .certificate-card h3,
html[data-theme="dark"] .certificate-card li { color: #fff; }
html[data-theme="dark"] .certificate-card p { color: #cbd5e1; }
html[data-theme="dark"] .pricing-bonus-note { color: #f8fafc; background: rgba(255,193,7,.10); }
html[data-theme="dark"] .admin-filter-chip { color: #dbeafe; background: rgba(43,183,232,.10); }

@media (max-width: 991px) {
  .incubation-metrics { grid-template-columns: 1fr; }
  .floating-application-whatsapp { left: 14px; bottom: 14px; width: 72px; min-height: 72px; border-radius: 22px; }
}

@media (max-width: 767px) {
  .floating-left-actions {
    left: 12px;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
  }
  .floating-download,
  .download-counter-card { width: 64px; min-width: 64px; }
  .floating-download { min-height: 64px; border-radius: 18px; }
  .floating-download span { font-size: .58rem; }
  .floating-application-whatsapp { bottom: 12px; }
}


/* =========================
   V10: Kompakt butonlar, sol spiral sosyal medya, sertifika görseli, dark mode sarı başlıklar
   ========================= */
:root {
  --ai-gold: #ffd34d;
  --ai-gold-dark: #d99a00;
}

/* Genel CTA butonları daha kompakt */
.ai-btn,
.ai-btn-light,
.theme-toggle-btn,
.footer-bottom-actions button,
.contact-action-row .btn,
.registration-modal-content .btn,
.whatsapp-modal-content .btn {
  border-radius: 999px;
  padding: 8px 14px;
  font-size: .88rem;
  line-height: 1.25;
}

/* Sol orta Müfredat alanı daha küçük */
.floating-left-actions {
  left: 16px;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  gap: 7px;
  z-index: 1820;
}
.floating-download {
  width: 58px;
  min-height: 58px;
  border-radius: 18px;
  box-shadow: 0 14px 32px rgba(5, 28, 70, .23);
}
.floating-download i { font-size: 1.24rem; }
.floating-download span {
  font-size: .53rem;
  line-height: 1.05;
  margin-top: 4px;
}
.download-counter-card {
  min-width: 58px;
  border-radius: 14px;
  padding: 6px 5px;
}
.download-counter-card small {
  font-size: .48rem;
}
.download-counter-card strong {
  font-size: 1.02rem;
}

/* Sol alt Başvuru/WhatsApp daha küçük */
.floating-application-whatsapp {
  left: 16px;
  bottom: 18px;
  width: 62px;
  min-height: 62px;
  border-radius: 20px;
  box-shadow: 0 16px 34px rgba(20,184,106,.26);
}
.floating-application-whatsapp i { font-size: 1.35rem; }
.floating-application-whatsapp span {
  font-size: .58rem;
  margin-top: 4px;
}
.floating-application-whatsapp:hover {
  transform: translateY(-4px) scale(1.06);
}
@keyframes whatsappBottomBlink {
  0%, 100% { transform: translateY(0) scale(1); box-shadow: 0 16px 34px rgba(20,184,106,.28); }
  45% { transform: translateY(-3px) scale(1.08); box-shadow: 0 0 0 9px rgba(20,184,106,.12), 0 22px 48px rgba(20,184,106,.34); }
  68% { filter: brightness(1.14); }
}

/* Sosyal medya sağdan sola alındı ve spiral dizildi */
.floating-social-spiral {
  position: fixed;
  left: 86px;
  right: auto;
  top: 52%;
  transform: translateY(-50%);
  z-index: 1815;
  width: 132px;
  min-height: 250px;
  display: block;
  perspective: 1000px;
  pointer-events: none;
}
.floating-social-spiral a {
  position: absolute;
  width: 46px;
  min-height: 46px;
  border-radius: 16px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  padding: 0;
  pointer-events: auto;
  transform-origin: center;
  animation: socialSpiralIn .72s cubic-bezier(.2,.9,.2,1) both;
  box-shadow: 0 15px 34px rgba(5, 28, 70, .24);
}
.floating-social-spiral a:nth-child(1) { left: 46px; top: 0; animation-delay: .06s; }
.floating-social-spiral a:nth-child(2) { left: 80px; top: 62px; animation-delay: .16s; }
.floating-social-spiral a:nth-child(3) { left: 34px; top: 124px; animation-delay: .26s; }
.floating-social-spiral a:nth-child(4) { left: 76px; top: 186px; animation-delay: .36s; }
.floating-social-spiral a::before {
  content: "";
  position: absolute;
  inset: -7px;
  border-radius: 20px;
  border: 1px solid rgba(43,183,232,.22);
  opacity: .62;
}
.floating-social-spiral i { font-size: 1.12rem; }
.floating-social-spiral span {
  display: none;
}
.floating-social-spiral a:hover {
  transform: perspective(900px) rotateY(-12deg) translateX(4px) scale(1.22);
  animation: socialSpiralHover .62s ease-in-out infinite alternate;
  filter: saturate(1.22) brightness(1.08);
  box-shadow: 0 22px 52px rgba(5, 28, 70, .36);
}
@keyframes socialSpiralIn {
  from { opacity: 0; transform: rotate(-40deg) translateY(18px) scale(.58); }
  to { opacity: 1; transform: rotate(0deg) translateY(0) scale(1); }
}
@keyframes socialSpiralHover {
  from { transform: perspective(900px) rotateY(-12deg) translateX(4px) scale(1.14); }
  to { transform: perspective(900px) rotateY(-16deg) translateX(8px) scale(1.26); }
}

/* Sertifika görseli */
.certificate-image-card {
  position: relative;
  z-index: 1;
  border-radius: 24px;
  padding: 10px;
  margin: 22px 0 20px;
  background:
    linear-gradient(135deg, rgba(255,211,77,.20), rgba(43,183,232,.12)),
    rgba(255,255,255,.72);
  border: 1px solid rgba(7,84,214,.14);
  box-shadow: 0 18px 44px rgba(7,20,41,.11);
}
.certificate-image-card img {
  width: 100%;
  display: block;
  border-radius: 18px;
  aspect-ratio: 1200 / 760;
  object-fit: cover;
}

/* Dark mode: başlıklar sarı */
html[data-theme="dark"] .hero-title,
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .timeline-content h3,
html[data-theme="dark"] .project-module strong,
html[data-theme="dark"] .trainer-info h3,
html[data-theme="dark"] .institution-card h3,
html[data-theme="dark"] .tech-card h3,
html[data-theme="dark"] .service-card h3,
html[data-theme="dark"] .pricing-card h3,
html[data-theme="dark"] .contact-form h3,
html[data-theme="dark"] .whatsapp-modal-content .modal-title,
html[data-theme="dark"] .registration-modal-content .modal-title,
html[data-theme="dark"] .certificate-card h3,
html[data-theme="dark"] .incubation-3d-card h3,
html[data-theme="dark"] .about-profile-box h3,
html[data-theme="dark"] .about-hamit-card h3 {
  color: var(--ai-gold) !important;
}
html[data-theme="dark"] .section-badge i,
html[data-theme="dark"] .certificate-card li i,
html[data-theme="dark"] .pricing-bonus-note i {
  color: var(--ai-gold) !important;
}
html[data-theme="dark"] .certificate-image-card {
  background:
    linear-gradient(135deg, rgba(255,211,77,.18), rgba(43,183,232,.10)),
    rgba(15,23,42,.86);
  border-color: rgba(255,211,77,.22);
}

/* Mobilde sosyal ikonları altta küçük yatay yap */
@media (max-width: 991px) {
  .floating-social-spiral {
    left: 84px;
    top: auto;
    bottom: 16px;
    transform: none;
    width: auto;
    min-height: auto;
    display: flex;
    gap: 7px;
  }
  .floating-social-spiral a {
    position: relative;
    left: auto !important;
    top: auto !important;
    width: 42px;
    min-height: 42px;
    border-radius: 14px;
  }
}
@media (max-width: 575px) {
  .floating-left-actions { left: 10px; }
  .floating-application-whatsapp { left: 10px; bottom: 12px; width: 56px; min-height: 56px; border-radius: 18px; }
  .floating-download { width: 54px; min-height: 54px; border-radius: 17px; }
  .floating-social-spiral { left: 72px; bottom: 12px; gap: 5px; }
  .floating-social-spiral a { width: 38px; min-height: 38px; border-radius: 13px; }
  .floating-social-spiral i { font-size: 1rem; }
  .scroll-top { right: 10px; bottom: 12px; width: 42px; height: 42px; }
}


/* ===== V11 updates ===== */
.timeline-dot {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  font-size: 1.3rem;
}
.timeline-dot i { line-height: 1; }
.timeline-dot small {
  font-size: .72rem;
  font-weight: 900;
  line-height: 1;
}
.timeline-week {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(37,99,235,.1), rgba(14,165,233,.08));
  color: var(--ai-blue) !important;
  font-weight: 900;
  margin-bottom: 14px;
}
.timeline-content h3 i { color: var(--ai-blue); }

.floating-social-spiral-right {
  left: auto;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 126px;
  min-height: 250px;
}
.floating-social-spiral-right a:nth-child(1) { right: 42px; left: auto; top: 0; }
.floating-social-spiral-right a:nth-child(2) { right: 76px; left: auto; top: 58px; }
.floating-social-spiral-right a:nth-child(3) { right: 30px; left: auto; top: 118px; }
.floating-social-spiral-right a:nth-child(4) { right: 72px; left: auto; top: 178px; }
.floating-social-spiral-right a:hover {
  transform: perspective(900px) rotateY(12deg) translateX(-4px) scale(1.22);
}
@keyframes socialSpiralHoverRight {
  from { transform: perspective(900px) rotateY(12deg) translateX(-4px) scale(1.14); }
  to { transform: perspective(900px) rotateY(16deg) translateX(-8px) scale(1.26); }
}
.floating-social-spiral-right a:hover {
  animation: socialSpiralHoverRight .62s ease-in-out infinite alternate;
}

.certificate-image-card {
  overflow: hidden;
}
.certificate-image-card img {
  aspect-ratio: 1200 / 820;
  object-fit: contain;
  background: linear-gradient(180deg, #ffffff, #eef5ff);
}
.incubation-image-wrap {
  border-radius: 22px;
  overflow: hidden;
  margin: 8px 0 18px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14);
}
.incubation-image-wrap img {
  width: 100%;
  display: block;
  aspect-ratio: 1200 / 760;
  object-fit: cover;
}

html[data-theme="dark"] .timeline-week {
  background: linear-gradient(135deg, rgba(255,211,77,.18), rgba(43,183,232,.12));
  color: var(--ai-gold) !important;
}
html[data-theme="dark"] .timeline-content h3 i {
  color: var(--ai-gold);
}

@media (max-width: 991px) {
  .floating-social-spiral-right {
    right: 12px;
    left: auto;
    top: auto;
    bottom: 16px;
    transform: none;
    width: auto;
    min-height: auto;
    display: flex;
    gap: 7px;
  }
  .floating-social-spiral-right a {
    position: relative;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    width: 42px;
    min-height: 42px;
    border-radius: 14px;
  }
}
@media (max-width: 575px) {
  .floating-social-spiral-right { right: 8px; bottom: 12px; gap: 5px; }
  .floating-social-spiral-right a { width: 38px; min-height: 38px; border-radius: 13px; }
}


/* ================================
   V11 REVISION: roadmap icons, right crescent social, fixed certificate, incubation visual
================================ */

.curriculum-roadmap {
  position: relative;
  max-width: 1040px;
  margin: 0 auto;
  display: grid;
  gap: 1.15rem;
}

.curriculum-roadmap-line {
  position: absolute;
  left: 34px;
  top: 18px;
  bottom: 18px;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(14, 90, 210, .95), rgba(40, 166, 255, .4), rgba(255, 193, 7, .9));
  box-shadow: 0 0 22px rgba(14, 90, 210, .25);
}

.curriculum-step {
  position: relative;
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 1rem;
  align-items: stretch;
}

.curriculum-step-icon {
  position: relative;
  z-index: 2;
  width: 70px;
  height: 70px;
  border-radius: 24px;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 1.65rem;
  background: linear-gradient(145deg, #043488, #0966e8 58%, #29a8ff);
  border: 4px solid rgba(255, 255, 255, .95);
  box-shadow: 0 18px 34px rgba(0, 48, 130, .2), inset 0 1px 0 rgba(255,255,255,.35);
  transform: rotate(-6deg);
}

.curriculum-step:nth-of-type(even) .curriculum-step-icon {
  transform: rotate(6deg);
  background: linear-gradient(145deg, #06245b, #0a55c4 58%, #ffc107);
}

.curriculum-step-body {
  position: relative;
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(24, 94, 185, .12);
  border-radius: 26px;
  padding: 1.25rem 1.35rem;
  box-shadow: 0 20px 55px rgba(6, 40, 96, .09);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  overflow: hidden;
}

.curriculum-step-body::after {
  content: "";
  position: absolute;
  inset: auto -32px -38px auto;
  width: 130px;
  height: 130px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(14, 90, 210, .13), transparent 68%);
}

.curriculum-step:hover .curriculum-step-body {
  transform: translateY(-5px);
  border-color: rgba(14, 90, 210, .28);
  box-shadow: 0 28px 70px rgba(6, 40, 96, .14);
}

.curriculum-step-time {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  margin-bottom: .45rem;
  color: #0b58d0;
  font-weight: 900;
  font-size: .9rem;
  letter-spacing: .02em;
}

.curriculum-step-time::before {
  content: "\F293";
  font-family: "bootstrap-icons";
  color: #ffc107;
}

.curriculum-step h3 {
  margin-bottom: .55rem;
  color: #071b4d;
  font-size: 1.25rem;
  font-weight: 900;
}

.curriculum-step p {
  margin-bottom: .85rem;
  color: #475569;
  line-height: 1.72;
}

.curriculum-techs {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}

.curriculum-techs span {
  padding: .38rem .62rem;
  border-radius: 999px;
  background: rgba(14, 90, 210, .08);
  color: #0b58d0;
  font-size: .78rem;
  font-weight: 800;
}

/* Right side half-moon / spiral social buttons */
.social-crescent {
  position: fixed;
  right: 1.05rem;
  top: 50%;
  width: 112px;
  height: 260px;
  transform: translateY(-50%);
  z-index: 1050;
  pointer-events: none;
}

.social-crescent::before {
  content: "";
  position: absolute;
  right: -44px;
  top: 18px;
  width: 180px;
  height: 224px;
  border: 1px dashed rgba(14, 90, 210, .25);
  border-left-color: transparent;
  border-radius: 50%;
  opacity: .85;
}

.social-crescent-link {
  pointer-events: auto;
  position: absolute;
  right: 0;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #fff;
  text-decoration: none;
  background: linear-gradient(145deg, #03245f, #0a5cdc);
  box-shadow: 0 14px 30px rgba(3, 36, 95, .28), inset 0 1px 0 rgba(255,255,255,.28);
  border: 2px solid rgba(255,255,255,.85);
  animation: socialCrescentFloat 3.3s ease-in-out infinite;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

.social-crescent-link span {
  position: absolute;
  right: 50px;
  padding: .34rem .55rem;
  border-radius: 999px;
  background: rgba(3, 18, 52, .94);
  color: #fff;
  white-space: nowrap;
  font-size: .72rem;
  font-weight: 800;
  opacity: 0;
  transform: translateX(12px) scale(.94);
  transition: all .22s ease;
  box-shadow: 0 12px 28px rgba(3, 18, 52, .2);
}

.social-crescent-link:hover {
  color: #fff;
  transform: scale(1.18) rotate(8deg);
  box-shadow: 0 20px 44px rgba(3, 36, 95, .4);
  filter: saturate(1.18);
}

.social-crescent-link:hover span {
  opacity: 1;
  transform: translateX(0) scale(1);
}

.social-crescent-link i {
  font-size: 1.12rem;
}

.social-udemy {
  top: 3px;
  right: 58px;
  animation-delay: 0s;
}

.social-linkedin {
  top: 67px;
  right: 13px;
  animation-delay: .18s;
}

.social-github {
  top: 142px;
  right: 10px;
  animation-delay: .36s;
}

.social-instagram {
  top: 205px;
  right: 58px;
  animation-delay: .54s;
}

@keyframes socialCrescentFloat {
  0%, 100% { translate: 0 0; }
  50% { translate: -3px -8px; }
}

/* Certificate image now uses a full-width SVG that fits text */
.certificate-showcase {
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(236, 247, 255, .92));
  border: 1px solid rgba(14, 90, 210, .16);
  border-radius: 32px;
  padding: 1rem;
  box-shadow: 0 28px 70px rgba(6, 40, 96, .12);
}

.certificate-image-frame {
  border-radius: 26px;
  background: #f8fbff;
  padding: .7rem;
  border: 1px solid rgba(14, 90, 210, .12);
  overflow: hidden;
}

.certificate-preview-img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 20px;
  box-shadow: 0 16px 42px rgba(6, 40, 96, .14);
}

.certificate-info-row {
  display: grid;
  gap: .7rem;
  margin-top: 1rem;
}

.certificate-info-row div {
  display: flex;
  align-items: center;
  gap: .7rem;
  padding: .75rem .85rem;
  border-radius: 18px;
  background: rgba(14, 90, 210, .07);
  color: #10275f;
  font-weight: 800;
}

.certificate-info-row i {
  color: #0b58d0;
  font-size: 1.15rem;
}

/* Incubation visual card with image and internal mini cards */
.incubation-visual-card {
  position: relative;
  min-height: 540px;
  border-radius: 34px;
  overflow: hidden;
  background: #041942;
  box-shadow: 0 28px 80px rgba(4, 25, 66, .24);
  isolation: isolate;
  transform-style: preserve-3d;
}

.incubation-visual-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 28% 18%, rgba(255, 193, 7, .28), transparent 30%),
              linear-gradient(135deg, rgba(6, 50, 130, .08), rgba(3, 18, 52, .42));
  z-index: 1;
  pointer-events: none;
}

.incubation-bg-img {
  width: 100%;
  height: 100%;
  min-height: 540px;
  object-fit: cover;
  opacity: .98;
  transition: transform .45s ease;
}

.incubation-visual-card:hover .incubation-bg-img {
  transform: scale(1.04);
}

.incubation-content-layer {
  position: absolute;
  inset: auto 1.2rem 1.2rem 1.2rem;
  z-index: 3;
  padding: 1.2rem;
  border-radius: 26px;
  background: rgba(255, 255, 255, .92);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, .65);
  box-shadow: 0 22px 55px rgba(3, 18, 52, .18);
}

.incubation-badge {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .42rem .7rem;
  border-radius: 999px;
  background: rgba(255, 193, 7, .2);
  color: #8a5a00;
  font-weight: 900;
  font-size: .82rem;
}

.incubation-content-layer h3 {
  margin: .7rem 0 .4rem;
  color: #071b4d;
  font-weight: 950;
  font-size: 2rem;
}

.incubation-content-layer p {
  color: #475569;
  line-height: 1.68;
}

.incubation-mini-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .55rem;
  margin-top: .9rem;
}

.incubation-mini-cards div {
  display: grid;
  gap: .18rem;
  justify-items: center;
  text-align: center;
  padding: .65rem .35rem;
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(14, 90, 210, .10), rgba(255, 193, 7, .12));
  border: 1px solid rgba(14, 90, 210, .10);
}

.incubation-mini-cards i {
  color: #0b58d0;
  font-size: 1.15rem;
}

.incubation-mini-cards strong {
  color: #071b4d;
  font-size: .8rem;
}

.incubation-mini-cards span {
  color: #64748b;
  font-size: .68rem;
  font-weight: 700;
}

[data-theme="dark"] .curriculum-step-body,
[data-theme="dark"] .certificate-showcase,
[data-theme="dark"] .certificate-info-row div,
[data-theme="dark"] .incubation-content-layer {
  background: rgba(10, 24, 56, .92);
  border-color: rgba(255, 193, 7, .25);
}

[data-theme="dark"] .curriculum-step h3,
[data-theme="dark"] .incubation-content-layer h3,
[data-theme="dark"] .certificate-info-row div,
[data-theme="dark"] .incubation-mini-cards strong {
  color: #ffd24d;
}

[data-theme="dark"] .curriculum-step p,
[data-theme="dark"] .incubation-content-layer p,
[data-theme="dark"] .incubation-mini-cards span {
  color: #dbeafe;
}

[data-theme="dark"] .curriculum-techs span,
[data-theme="dark"] .curriculum-step-time {
  color: #ffd24d;
  background: rgba(255, 193, 7, .12);
}

@media (max-width: 991.98px) {
  .social-crescent {
    right: .45rem;
    width: 70px;
    height: 220px;
  }

  .social-crescent::before {
    display: none;
  }

  .social-crescent-link {
    width: 38px;
    height: 38px;
    right: 0 !important;
  }

  .social-udemy { top: 0; }
  .social-linkedin { top: 52px; }
  .social-github { top: 104px; }
  .social-instagram { top: 156px; }

  .social-crescent-link span {
    display: none;
  }

  .curriculum-step {
    grid-template-columns: 58px 1fr;
    gap: .8rem;
  }

  .curriculum-roadmap-line {
    left: 28px;
  }

  .curriculum-step-icon {
    width: 58px;
    height: 58px;
    border-radius: 20px;
    font-size: 1.35rem;
  }

  .incubation-mini-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575.98px) {
  .curriculum-step {
    grid-template-columns: 1fr;
  }

  .curriculum-roadmap-line {
    display: none;
  }

  .curriculum-step-icon {
    margin-left: .2rem;
  }

  .incubation-visual-card,
  .incubation-bg-img {
    min-height: 640px;
  }
}


/* V11 FULL OVERRIDE: Sosyal medya kesin olarak sağ tarafta spiral / yarım ay */
.social-crescent {
  position: fixed !important;
  right: 1.05rem !important;
  left: auto !important;
  top: 50% !important;
  width: 112px !important;
  height: 260px !important;
  transform: translateY(-50%) !important;
  z-index: 1050 !important;
  pointer-events: none !important;
}

.social-crescent::before {
  content: "";
  position: absolute;
  right: -44px;
  left: auto;
  top: 18px;
  width: 180px;
  height: 224px;
  border: 1px dashed rgba(14, 90, 210, .25);
  border-left-color: transparent;
  border-radius: 50%;
  opacity: .85;
}

.social-crescent-link {
  pointer-events: auto !important;
  position: absolute !important;
  left: auto !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  text-decoration: none !important;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease !important;
}

.social-udemy { top: 3px !important; right: 58px !important; left: auto !important; }
.social-linkedin { top: 67px !important; right: 13px !important; left: auto !important; }
.social-github { top: 142px !important; right: 10px !important; left: auto !important; }
.social-instagram { top: 205px !important; right: 58px !important; left: auto !important; }

.social-crescent-link:hover {
  transform: scale(1.18) rotate(8deg) !important;
}

@media (max-width: 991.98px) {
  .social-crescent {
    right: .45rem !important;
    left: auto !important;
    width: 70px !important;
    height: 220px !important;
  }

  .social-crescent::before {
    display: none !important;
  }

  .social-crescent-link {
    width: 38px !important;
    height: 38px !important;
    right: 0 !important;
    left: auto !important;
  }

  .social-udemy { top: 0 !important; }
  .social-linkedin { top: 52px !important; }
  .social-github { top: 104px !important; }
  .social-instagram { top: 156px !important; }
}


/* =========================================================
   V12 FIX: Tek sosyal medya bloğu, sağ tarafta belirgin spiral/yarım ay
   ========================================================= */

/* Eski/çakışan sosyal medya sınıfları devre dışı */
.social-crescent,
.floating-right-socials,
.floating-social-spiral,
.social-orbit {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Sağ spiral sosyal medya */
.social-crescent-right {
  position: fixed !important;
  right: 18px !important;
  left: auto !important;
  top: 50% !important;
  width: 150px !important;
  height: 330px !important;
  transform: translateY(-50%) !important;
  z-index: 3000 !important;
  pointer-events: none !important;
}

.social-crescent-right::before {
  content: "";
  position: absolute;
  right: -54px;
  top: 20px;
  width: 230px;
  height: 286px;
  border-radius: 50%;
  border: 2px dashed rgba(7, 91, 214, .42);
  border-left-color: transparent;
  box-shadow: 0 0 35px rgba(7, 91, 214, .15);
  animation: socialHalfMoonGlow 2.8s ease-in-out infinite;
}

.social-crescent-right-link {
  pointer-events: auto !important;
  position: absolute !important;
  left: auto !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
  text-decoration: none !important;
  background: linear-gradient(145deg, #041b4f 0%, #075bd6 58%, #29a8ff 100%) !important;
  border: 3px solid rgba(255, 255, 255, .95) !important;
  box-shadow:
    0 22px 42px rgba(3, 31, 86, .38),
    inset 0 1px 0 rgba(255, 255, 255, .42) !important;
  transform-style: preserve-3d !important;
  animation: socialRightFloat 3.2s ease-in-out infinite;
  transition:
    transform .24s ease,
    box-shadow .24s ease,
    filter .24s ease,
    background .24s ease !important;
}

.social-crescent-right-link i {
  font-size: 1.35rem !important;
  line-height: 1 !important;
}

.social-crescent-right-link span {
  position: absolute;
  right: 64px;
  top: 50%;
  transform: translate(14px, -50%) scale(.92);
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
  padding: .42rem .7rem;
  border-radius: 999px;
  color: #fff;
  background: rgba(4, 18, 52, .96);
  border: 1px solid rgba(255, 255, 255, .18);
  box-shadow: 0 16px 34px rgba(3, 18, 52, .28);
  font-size: .78rem;
  font-weight: 900;
  transition: all .22s ease;
}

.social-crescent-right-link:hover {
  color: #fff !important;
  filter: saturate(1.25) brightness(1.08) !important;
  transform: scale(1.24) rotate(10deg) translateZ(24px) !important;
  box-shadow:
    0 30px 60px rgba(3, 31, 86, .5),
    0 0 0 7px rgba(7, 91, 214, .12),
    inset 0 1px 0 rgba(255, 255, 255, .45) !important;
}

.social-crescent-right-link:hover span {
  opacity: 1;
  transform: translate(0, -50%) scale(1);
}

.social-crescent-right .social-udemy {
  top: 4px !important;
  right: 78px !important;
  background: linear-gradient(145deg, #6d28d9, #a435f0) !important;
  animation-delay: 0s;
}

.social-crescent-right .social-linkedin {
  top: 88px !important;
  right: 22px !important;
  background: linear-gradient(145deg, #003b7a, #0a66c2) !important;
  animation-delay: .18s;
}

.social-crescent-right .social-github {
  top: 190px !important;
  right: 22px !important;
  background: linear-gradient(145deg, #0f172a, #334155) !important;
  animation-delay: .36s;
}

.social-crescent-right .social-instagram {
  top: 274px !important;
  right: 78px !important;
  background: linear-gradient(145deg, #833ab4, #fd1d1d 55%, #fcb045) !important;
  animation-delay: .54s;
}

@keyframes socialRightFloat {
  0%, 100% { translate: 0 0; }
  50% { translate: -7px -10px; }
}

@keyframes socialHalfMoonGlow {
  0%, 100% { opacity: .7; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.025); }
}

/* Mobilde sağda kompakt kalsın */
@media (max-width: 991.98px) {
  .social-crescent-right {
    right: 8px !important;
    width: 76px !important;
    height: 230px !important;
  }

  .social-crescent-right::before {
    display: none !important;
  }

  .social-crescent-right-link {
    width: 42px !important;
    height: 42px !important;
    right: 0 !important;
  }

  .social-crescent-right-link span {
    display: none !important;
  }

  .social-crescent-right .social-udemy { top: 0 !important; right: 0 !important; }
  .social-crescent-right .social-linkedin { top: 56px !important; right: 0 !important; }
  .social-crescent-right .social-github { top: 112px !important; right: 0 !important; }
  .social-crescent-right .social-instagram { top: 168px !important; right: 0 !important; }
}

/* =========================================================
   V12: Bütün kartlar 3D kart görünümü
   ========================================================= */

:where(
  .service-card,
  .tech-card,
  .project-card,
  .project-module,
  .pricing-card,
  .trainer-profile-card,
  .about-hamit-card,
  .about-profile-box,
  .institution-card,
  .gallery-card,
  .certificate-card,
  .certificate-showcase,
  .incubation-3d-card,
  .incubation-visual-card,
  .curriculum-step-body,
  .mini-summary-card,
  .trust-item,
  .contact-form,
  .registration-modal-content,
  .whatsapp-modal-content,
  .footer-stat-item,
  .download-counter-card
) {
  transform-style: preserve-3d !important;
  perspective: 1100px !important;
  border: 1px solid rgba(7, 91, 214, .14) !important;
  box-shadow:
    0 22px 48px rgba(4, 30, 80, .13),
    0 5px 0 rgba(7, 91, 214, .08),
    inset 0 1px 0 rgba(255, 255, 255, .55) !important;
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease,
    filter .28s ease !important;
  will-change: transform;
}

:where(
  .service-card,
  .tech-card,
  .project-card,
  .project-module,
  .pricing-card,
  .trainer-profile-card,
  .about-hamit-card,
  .about-profile-box,
  .institution-card,
  .gallery-card,
  .certificate-card,
  .certificate-showcase,
  .incubation-3d-card,
  .incubation-visual-card,
  .curriculum-step-body,
  .mini-summary-card,
  .trust-item,
  .contact-form,
  .footer-stat-item,
  .download-counter-card
):hover {
  transform: translateY(-9px) rotateX(3deg) rotateY(-3deg) translateZ(18px) !important;
  border-color: rgba(7, 91, 214, .30) !important;
  box-shadow:
    0 34px 75px rgba(4, 30, 80, .20),
    0 10px 0 rgba(7, 91, 214, .10),
    inset 0 1px 0 rgba(255, 255, 255, .65) !important;
}

:where(.service-icon, .curriculum-step-icon, .institution-logo, .certificate-icon) {
  transform: translateZ(28px) !important;
  box-shadow:
    0 18px 34px rgba(7, 91, 214, .22),
    inset 0 1px 0 rgba(255, 255, 255, .45) !important;
}

[data-theme="dark"] :where(
  .service-card,
  .tech-card,
  .project-card,
  .project-module,
  .pricing-card,
  .trainer-profile-card,
  .about-hamit-card,
  .about-profile-box,
  .institution-card,
  .gallery-card,
  .certificate-card,
  .certificate-showcase,
  .incubation-3d-card,
  .incubation-visual-card,
  .curriculum-step-body,
  .mini-summary-card,
  .trust-item,
  .contact-form,
  .registration-modal-content,
  .whatsapp-modal-content,
  .footer-stat-item,
  .download-counter-card
) {
  border-color: rgba(255, 193, 7, .22) !important;
  box-shadow:
    0 24px 58px rgba(0, 0, 0, .35),
    0 5px 0 rgba(255, 193, 7, .08),
    inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

@media (prefers-reduced-motion: reduce) {
  .social-crescent-right-link,
  .social-crescent-right::before,
  :where(.service-card, .tech-card, .project-card, .project-module, .pricing-card, .trainer-profile-card, .about-hamit-card, .about-profile-box, .institution-card, .gallery-card, .certificate-showcase, .incubation-visual-card, .curriculum-step-body) {
    animation: none !important;
    transition: none !important;
  }
}


/* =========================================================
   V13: Profesyonel sertifika görsel galerisi
   ========================================================= */

.certificate-gallery-grid {
  align-items: stretch;
}

.certificate-option-card {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(238,247,255,.94));
  border: 1px solid rgba(7, 91, 214, .16);
  box-shadow:
    0 28px 70px rgba(4, 30, 80, .14),
    0 8px 0 rgba(7, 91, 214, .08),
    inset 0 1px 0 rgba(255,255,255,.7);
  transform-style: preserve-3d;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.certificate-option-card:hover {
  transform: translateY(-10px) rotateX(3deg) rotateY(-3deg);
  border-color: rgba(7, 91, 214, .34);
  box-shadow:
    0 38px 90px rgba(4, 30, 80, .22),
    0 12px 0 rgba(7, 91, 214, .10),
    inset 0 1px 0 rgba(255,255,255,.82);
}

.certificate-option-image {
  position: relative;
  overflow: hidden;
  background: #eef6ff;
  aspect-ratio: 1414 / 1000;
}

.certificate-option-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.01);
  transition: transform .4s ease, filter .4s ease;
}

.certificate-option-card:hover .certificate-option-image img {
  transform: scale(1.055);
  filter: saturate(1.08) contrast(1.04);
}

.certificate-preview-btn {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  border: 0;
  border-radius: 999px;
  padding: .62rem .9rem;
  color: #fff;
  background: linear-gradient(145deg, #041b4f, #075bd6);
  box-shadow: 0 16px 34px rgba(4, 27, 79, .32);
  font-weight: 900;
  transform: translateY(10px);
  opacity: 0;
  transition: all .25s ease;
}

.certificate-option-card:hover .certificate-preview-btn {
  opacity: 1;
  transform: translateY(0);
}

.certificate-option-body {
  padding: 1.25rem;
}

.certificate-option-no {
  display: inline-flex;
  padding: .34rem .65rem;
  border-radius: 999px;
  color: #075bd6;
  background: rgba(7,91,214,.08);
  font-size: .78rem;
  font-weight: 900;
  margin-bottom: .65rem;
}

.certificate-option-body h3 {
  color: #071b4d;
  font-size: 1.18rem;
  font-weight: 950;
  margin-bottom: .45rem;
}

.certificate-option-body p {
  color: #475569;
  line-height: 1.62;
  margin-bottom: .8rem;
}

.certificate-option-tags {
  display: flex;
  flex-wrap: wrap;
  gap: .42rem;
}

.certificate-option-tags span {
  display: inline-flex;
  align-items: center;
  gap: .32rem;
  padding: .36rem .55rem;
  border-radius: 999px;
  background: rgba(7,91,214,.08);
  color: #075bd6;
  font-size: .72rem;
  font-weight: 850;
}

.certificate-info-3d-card {
  border-radius: 30px;
  padding: 1.5rem;
  background: linear-gradient(145deg, #052b78, #075bd6 62%, #28a6ff);
  color: #fff;
  border: 1px solid rgba(255,255,255,.2);
  box-shadow: 0 34px 90px rgba(4,30,80,.25), inset 0 1px 0 rgba(255,255,255,.22);
  transform-style: preserve-3d;
}

.certificate-info-icon {
  width: 64px;
  height: 64px;
  border-radius: 22px;
  display: grid;
  place-items: center;
  font-size: 1.9rem;
  color: #052b78;
  background: #fff;
  box-shadow: 0 18px 40px rgba(0,0,0,.18);
  margin-bottom: 1rem;
}

.certificate-info-3d-card h3 {
  color: #fff;
  font-size: 1.55rem;
  font-weight: 950;
}

.certificate-info-3d-card p {
  color: rgba(255,255,255,.84);
  line-height: 1.7;
}

.certificate-info-3d-card ul {
  list-style: none;
  padding: 0;
  margin: 1rem 0 0;
  display: grid;
  gap: .72rem;
}

.certificate-info-3d-card li {
  display: flex;
  gap: .55rem;
  align-items: flex-start;
  color: #fff;
  font-weight: 750;
}

.certificate-info-3d-card li i {
  color: #ffd24d;
  margin-top: .1rem;
}

.certificate-modal-content {
  position: relative;
  border: 0;
  border-radius: 28px;
  overflow: hidden;
  background: #061a44;
  box-shadow: 0 40px 120px rgba(0,0,0,.45);
}

.certificate-modal-content img {
  width: 100%;
  height: auto;
  display: block;
}

.certificate-close {
  position: absolute;
  z-index: 3;
  right: 1rem;
  top: 1rem;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background-color: rgba(255,255,255,.9);
  opacity: 1;
}

[data-theme="dark"] .certificate-option-card {
  background: linear-gradient(145deg, rgba(8,20,48,.98), rgba(10,33,78,.94));
  border-color: rgba(255,193,7,.24);
}

[data-theme="dark"] .certificate-option-body h3 {
  color: #ffd24d;
}

[data-theme="dark"] .certificate-option-body p {
  color: #dbeafe;
}

[data-theme="dark"] .certificate-option-no,
[data-theme="dark"] .certificate-option-tags span {
  color: #ffd24d;
  background: rgba(255,193,7,.12);
}

@media (max-width: 575.98px) {
  .certificate-preview-btn {
    opacity: 1;
    transform: none;
    font-size: .78rem;
    padding: .48rem .7rem;
  }
}

/* V14 footer stats removed */
.footer-stats{display:none!important;}


/* =========================================================
   V16: Admin detaylı filtreleme + Excel/PDF export
   ========================================================= */

.admin-toolbar-advanced {
  align-items: flex-start;
}

.admin-filter-panel {
  padding: 1rem;
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(238, 246, 255, .95), rgba(255,255,255,.98));
  border: 1px solid rgba(7, 91, 214, .12);
  box-shadow: 0 18px 45px rgba(4, 30, 80, .08);
}

.admin-filter-panel .form-label {
  color: #071b4d;
  font-size: .82rem;
}

.admin-quick-filter-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
}

.admin-quick-filter-buttons .btn {
  border-radius: 999px;
  font-weight: 850;
  box-shadow: 0 10px 25px rgba(4, 30, 80, .08);
}

.admin-result-summary {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  align-items: center;
  padding: .85rem 1rem;
  border-radius: 18px;
  background: rgba(7, 91, 214, .08);
  color: #071b4d;
  font-weight: 700;
}

.admin-page .btn-success {
  background: linear-gradient(145deg, #087f5b, #12b886);
  border: 0;
}

.admin-page .btn-danger {
  background: linear-gradient(145deg, #b42318, #ef4444);
  border: 0;
}

[data-theme="dark"] .admin-filter-panel,
[data-theme="dark"] .admin-result-summary {
  background: rgba(10, 24, 56, .94);
  border-color: rgba(255, 193, 7, .22);
  color: #ffd24d;
}

[data-theme="dark"] .admin-filter-panel .form-label {
  color: #ffd24d;
}


/* =========================================================
   V17 live visitor total counter
   ========================================================= */
.total-visitor-trust-item strong {
  color: #075bd6;
}
[data-theme="dark"] .total-visitor-trust-item strong {
  color: #ffd24d;
}
.visitor-trust-item strong span {
  transition: transform .2s ease, color .2s ease;
}
.visitor-trust-item strong span.counter-updated {
  display: inline-block;
  transform: scale(1.12);
  color: #12b886;
}


/* =========================================================
   V18: Live floating counter, scroll completion, AIHEXA yellow text, flip cards
   ========================================================= */

:root {
  --aihexa-yellow: #ffd24d;
  --aihexa-yellow-soft: #fff2b8;
}

/* Mavi arka planlı alanlarda yazılar AIHEXA sarısı */
.bg-dark-blue :where(h1,h2,h3,h4,h5,h6,strong,.section-title,.project-module strong),
.contact-section :where(h1,h2,h3,h4,h5,h6,strong,.section-title),
.admin-header :where(h1,h2,h3,h4,h5,h6,strong),
.certificate-info-3d-card :where(h1,h2,h3,h4,h5,h6,strong),
.incubation-badge,
.pricing-card .pricing-ribbon {
  color: var(--aihexa-yellow) !important;
}

.bg-dark-blue :where(p,span,li,.section-subtitle),
.contact-section :where(p,span,li,.section-subtitle),
.certificate-info-3d-card :where(p,span,li) {
  color: var(--aihexa-yellow-soft) !important;
}

.bg-dark-blue .project-stack span,
.bg-dark-blue .section-badge.light,
.contact-section .section-badge.light {
  color: #071b4d !important;
  background: var(--aihexa-yellow) !important;
  border-color: rgba(255,255,255,.45) !important;
}

/* Müfredat altında canlı sayaç */
.live-mini-counter-card {
  display: grid;
  gap: .35rem;
  min-width: 118px;
}

.live-counter-line {
  display: grid;
  gap: .05rem;
  text-align: center;
}

.live-counter-line small {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .22rem;
  font-size: .65rem;
  font-weight: 850;
  line-height: 1.1;
}

.live-counter-line strong {
  font-size: 1.02rem;
  color: #075bd6;
  line-height: 1;
}

/* Scroll-Y bitirme yüzdesi */
.scroll-completion-widget {
  position: fixed;
  left: 50%;
  bottom: .9rem;
  transform: translateX(-50%);
  z-index: 2500;
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .55rem .8rem;
  border-radius: 999px;
  color: #071b4d;
  background: rgba(255, 210, 77, .94);
  border: 1px solid rgba(7, 27, 77, .12);
  box-shadow: 0 18px 44px rgba(4, 30, 80, .2);
  backdrop-filter: blur(10px);
  font-weight: 900;
}

.scroll-completion-widget span {
  font-size: .75rem;
}

.scroll-completion-widget strong {
  min-width: 42px;
  text-align: center;
  padding: .22rem .42rem;
  border-radius: 999px;
  color: #fff;
  background: #075bd6;
}

/* Kurumsal tecrübe flip-flop 3D kartlar */
.institution-flip-card {
  min-height: 255px;
  perspective: 1200px;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  cursor: pointer;
}

.institution-flip-inner {
  position: relative;
  width: 100%;
  min-height: 255px;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .75s cubic-bezier(.2,.75,.2,1);
}

.institution-flip-card:hover .institution-flip-inner,
.institution-flip-card:focus-within .institution-flip-inner,
.institution-flip-card:focus .institution-flip-inner {
  transform: rotateY(180deg);
}

.institution-flip-face {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  gap: .65rem;
  backface-visibility: hidden;
  border-radius: 28px;
  padding: 1.35rem;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.28);
  box-shadow: 0 26px 60px rgba(4, 30, 80, .18);
}

.institution-flip-face::after {
  content: "";
  position: absolute;
  right: -44px;
  bottom: -54px;
  width: 150px;
  height: 150px;
  border-radius: 999px;
  background: rgba(255,255,255,.13);
}

.institution-flip-front {
  color: #fff;
  background: linear-gradient(145deg, #063b91, #0d8bff);
}

.institution-flip-back {
  color: #fff;
  background: linear-gradient(145deg, #071b4d, #0f766e);
  transform: rotateY(180deg);
}

#institutionCards > div:nth-child(4n+1) .institution-flip-front { background: linear-gradient(145deg, #063b91, #0d8bff); }
#institutionCards > div:nth-child(4n+2) .institution-flip-front { background: linear-gradient(145deg, #4c1d95, #8b5cf6); }
#institutionCards > div:nth-child(4n+3) .institution-flip-front { background: linear-gradient(145deg, #0f766e, #14b8a6); }
#institutionCards > div:nth-child(4n+4) .institution-flip-front { background: linear-gradient(145deg, #9a3412, #f97316); }

#institutionCards > div:nth-child(4n+1) .institution-flip-back { background: linear-gradient(145deg, #071b4d, #0f766e); }
#institutionCards > div:nth-child(4n+2) .institution-flip-back { background: linear-gradient(145deg, #312e81, #075bd6); }
#institutionCards > div:nth-child(4n+3) .institution-flip-back { background: linear-gradient(145deg, #064e3b, #087f5b); }
#institutionCards > div:nth-child(4n+4) .institution-flip-back { background: linear-gradient(145deg, #7c2d12, #b45309); }

.institution-flip-face .institution-logo {
  position: relative;
  z-index: 2;
  background: rgba(255,255,255,.95) !important;
  color: #071b4d !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.18) !important;
}

.institution-flip-face h3 {
  position: relative;
  z-index: 2;
  color: var(--aihexa-yellow) !important;
  font-weight: 950;
}

.institution-flip-face p {
  position: relative;
  z-index: 2;
  color: rgba(255,255,255,.92) !important;
  line-height: 1.64;
}

.flip-hint {
  position: relative;
  z-index: 2;
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: .38rem;
  color: var(--aihexa-yellow) !important;
  font-size: .78rem;
  font-weight: 900;
}

.institution-back-icon {
  position: relative;
  z-index: 2;
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  color: #071b4d;
  background: var(--aihexa-yellow);
  font-size: 1.45rem;
  box-shadow: 0 18px 40px rgba(0,0,0,.18);
}

.institution-back-link {
  position: relative;
  z-index: 2;
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  width: fit-content;
  color: #071b4d;
  background: var(--aihexa-yellow);
  padding: .55rem .75rem;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 900;
}

.counter-updated {
  animation: counterPulseV18 .42s ease;
}

@keyframes counterPulseV18 {
  0% { transform: scale(1); }
  45% { transform: scale(1.18); color: #12b886; }
  100% { transform: scale(1); }
}

@media (max-width: 767.98px) {
  .scroll-completion-widget {
    bottom: .55rem;
    padding: .45rem .62rem;
    font-size: .78rem;
  }

  .institution-flip-card,
  .institution-flip-inner {
    min-height: 285px;
  }
}


/* =========================================================
   V19: Offer button, floating metric cards, better flip cards, anthracite project modules, full 3D cards
   ========================================================= */

.offer-btn {
  background: linear-gradient(145deg, #ff8a00, #ff5f00) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 16px 34px rgba(255, 95, 0, .26), inset 0 1px 0 rgba(255,255,255,.35) !important;
}

.offer-btn:hover {
  color: #fff !important;
  transform: translateY(-3px) scale(1.03) !important;
  box-shadow: 0 22px 48px rgba(255, 95, 0, .36) !important;
}

/* Sol sabit metrik kartları */
.floating-left-metric-actions {
  display: grid !important;
  gap: .7rem !important;
  left: .9rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  align-items: stretch !important;
}

.floating-metric-card {
  position: relative;
  width: 118px;
  min-height: 92px;
  border-radius: 24px;
  text-decoration: none !important;
  perspective: 1000px;
  transform-style: preserve-3d;
  display: block;
  color: #071b4d;
  cursor: pointer;
  filter: drop-shadow(0 18px 32px rgba(4, 30, 80, .18));
}

.metric-card-face {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  align-content: center;
  gap: .12rem;
  padding: .65rem;
  border-radius: 24px;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  transition: transform .65s cubic-bezier(.2,.75,.2,1), box-shadow .25s ease;
  border: 1px solid rgba(255,255,255,.55);
  box-shadow: 0 20px 44px rgba(4, 30, 80, .18), inset 0 1px 0 rgba(255,255,255,.5);
  text-align: center;
}

.metric-card-front {
  background: linear-gradient(145deg, #ffffff, #eef6ff);
}

.metric-card-back {
  color: #fff;
  background: linear-gradient(145deg, #071b4d, #075bd6);
  transform: rotateY(180deg);
}

.floating-download-card .metric-card-back {
  background: linear-gradient(145deg, #063b91, #0d8bff);
}

.floating-visitor-card .metric-card-back {
  background: linear-gradient(145deg, #0f766e, #12b886);
}

.floating-completion-card .metric-card-back {
  background: linear-gradient(145deg, #ff8a00, #ff5f00);
}

.floating-metric-card:hover .metric-card-front,
.floating-metric-card:focus .metric-card-front,
.floating-metric-card:focus-within .metric-card-front {
  transform: rotateY(180deg);
}

.floating-metric-card:hover .metric-card-back,
.floating-metric-card:focus .metric-card-back,
.floating-metric-card:focus-within .metric-card-back {
  transform: rotateY(360deg);
}

.floating-metric-card i {
  font-size: 1.45rem;
  color: #075bd6;
}

.floating-visitor-card i {
  color: #0f766e;
}

.floating-completion-card i {
  color: #ff8a00;
}

.floating-metric-card strong {
  display: block;
  font-size: .92rem;
  font-weight: 950;
  line-height: 1.1;
}

.metric-card-back strong {
  font-size: 1.45rem;
  color: #fff;
}

.floating-metric-card small {
  font-size: .68rem;
  font-weight: 850;
  line-height: 1.05;
  opacity: .92;
}

.floating-completion-card {
  margin-top: .25rem;
}

/* Eski alt orta bitirme widget gizli kalmasın ama artık sol kartta */
.scroll-completion-widget:not(.floating-metric-card) {
  display: none !important;
}

/* Kurumsal tecrübe kartları daha yüksek ve yazılar okunaklı */
.institution-flip-card,
.institution-flip-inner {
  min-height: 340px !important;
}

.institution-flip-face {
  padding: 1.55rem !important;
  justify-content: flex-start;
}

.institution-flip-face h3 {
  font-size: 1.28rem !important;
  line-height: 1.25 !important;
  margin-bottom: .25rem;
}

.institution-flip-face p {
  font-size: .96rem !important;
  line-height: 1.74 !important;
  font-weight: 650;
}

.institution-back-link {
  font-size: .84rem;
}

/* Proje modülleri antrasit arka plan */
.project-module {
  background: linear-gradient(145deg, #1f2937, #111827) !important;
  color: #e5e7eb !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 22px 50px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.project-module strong {
  color: #ffd24d !important;
}

.project-module span {
  color: #dbeafe !important;
}

.project-module i {
  color: #ffd24d !important;
  background: rgba(255,210,77,.12) !important;
  border-radius: 18px;
  padding: .55rem;
}

/* Bütün kartlar için kurumsal 3D hissi */
:where(
  .service-card,
  .tech-card,
  .project-card,
  .pricing-card,
  .trainer-profile-card,
  .about-hamit-card,
  .about-profile-box,
  .gallery-card,
  .certificate-option-card,
  .certificate-info-3d-card,
  .incubation-visual-card,
  .curriculum-step-body,
  .mini-summary-card,
  .trust-item,
  .contact-form,
  .admin-card,
  .admin-stat-card,
  .admin-session-card
) {
  position: relative;
  transform-style: preserve-3d !important;
  overflow: hidden;
}

:where(
  .service-card,
  .tech-card,
  .project-card,
  .pricing-card,
  .trainer-profile-card,
  .about-hamit-card,
  .about-profile-box,
  .gallery-card,
  .certificate-option-card,
  .certificate-info-3d-card,
  .incubation-visual-card,
  .curriculum-step-body,
  .mini-summary-card,
  .trust-item,
  .contact-form,
  .admin-card,
  .admin-stat-card,
  .admin-session-card
)::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,.22), transparent 34%, rgba(7,91,214,.08));
  opacity: 0;
  transition: opacity .28s ease;
  pointer-events: none;
  z-index: 1;
}

:where(
  .service-card,
  .tech-card,
  .project-card,
  .pricing-card,
  .trainer-profile-card,
  .about-hamit-card,
  .about-profile-box,
  .gallery-card,
  .certificate-option-card,
  .certificate-info-3d-card,
  .incubation-visual-card,
  .curriculum-step-body,
  .mini-summary-card,
  .trust-item,
  .contact-form,
  .admin-card,
  .admin-stat-card,
  .admin-session-card
):hover::before {
  opacity: 1;
}

:where(.service-card,.tech-card,.project-card,.pricing-card,.curriculum-step-body,.certificate-option-card):hover {
  transform: translateY(-10px) rotateX(3.5deg) rotateY(-3.5deg) translateZ(22px) !important;
}

/* Kart hover ön/arka yazı hissi: alt bilgi rozeti */
.service-card::after,
.tech-card::after,
.project-card::after,
.pricing-card::after,
.curriculum-step-body::after,
.certificate-option-card::after {
  content: "AIHEXA Kurumsal Eğitim";
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: .85rem;
  z-index: 2;
  padding: .45rem .65rem;
  border-radius: 999px;
  text-align: center;
  color: #071b4d;
  background: rgba(255, 210, 77, .94);
  font-size: .72rem;
  font-weight: 900;
  opacity: 0;
  transform: translateY(12px) scale(.96);
  transition: all .25s ease;
  pointer-events: none;
}

.service-card:hover::after,
.tech-card:hover::after,
.project-card:hover::after,
.pricing-card:hover::after,
.curriculum-step-body:hover::after,
.certificate-option-card:hover::after {
  opacity: 1;
  transform: translateY(0) scale(1);
}

@media (max-width: 991.98px) {
  .floating-left-metric-actions {
    left: .45rem !important;
    top: auto !important;
    bottom: 5.2rem !important;
    transform: none !important;
  }

  .floating-metric-card {
    width: 96px;
    min-height: 76px;
  }

  .floating-metric-card strong {
    font-size: .78rem;
  }

  .metric-card-back strong {
    font-size: 1.1rem;
  }

  .institution-flip-card,
  .institution-flip-inner {
    min-height: 380px !important;
  }
}


/* =========================================================
   V20: Curriculum icons, form anthracite, yellow WhatsApp, richer FAQ, completion count
   ========================================================= */

/* Müfredat hover sırasında gelen sarı/yuvarlak badge kaldırıldı */
.curriculum-step-body::after,
.curriculum-step-body:hover::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
}

/* Müfredat teknoloji ikonları */
.curriculum-techs span {
  display: inline-flex !important;
  align-items: center;
  gap: .35rem;
}

.curriculum-techs span i {
  font-size: .95rem;
  color: #075bd6;
}

[data-theme="dark"] .curriculum-techs span i {
  color: #ffd24d;
}

/* Form ve modal arka planları AIHEXA antrasit */
.contact-form,
.registration-modal-content,
.whatsapp-modal-content,
.gallery-modal-content,
.certificate-modal-content {
  background: linear-gradient(145deg, #1f2937, #111827) !important;
  color: #e5e7eb !important;
  border: 1px solid rgba(255, 210, 77, .18) !important;
  box-shadow: 0 32px 90px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.contact-form h3,
.registration-modal-content .modal-title,
.whatsapp-modal-content .modal-title {
  color: #ffd24d !important;
}

.contact-form label,
.registration-modal-content label,
.whatsapp-modal-content label,
.registration-modal-content .form-check-label,
.whatsapp-modal-content .form-note,
.registration-modal-content .form-note {
  color: #f8fafc !important;
}

.contact-form .form-control,
.contact-form .form-select,
.registration-modal-content .form-control,
.registration-modal-content .form-select,
.whatsapp-modal-content .form-control,
.whatsapp-modal-content .form-select {
  background: #0f172a !important;
  color: #f8fafc !important;
  border: 1px solid rgba(255, 210, 77, .22) !important;
}

.contact-form .form-control::placeholder,
.registration-modal-content .form-control::placeholder,
.whatsapp-modal-content .form-control::placeholder {
  color: #94a3b8 !important;
}

.contact-form .form-control:focus,
.contact-form .form-select:focus,
.registration-modal-content .form-control:focus,
.registration-modal-content .form-select:focus,
.whatsapp-modal-content .form-control:focus,
.whatsapp-modal-content .form-select:focus {
  border-color: #ffd24d !important;
  box-shadow: 0 0 0 .2rem rgba(255, 210, 77, .18) !important;
}

.registration-summary-box {
  background: rgba(255, 210, 77, .08) !important;
  border: 1px solid rgba(255, 210, 77, .18) !important;
}

.registration-summary-box strong {
  color: #ffd24d !important;
}

.registration-summary-box span {
  color: #e5e7eb !important;
}

/* WhatsApp başvuru bilgileri AIHEXA yellow */
.whatsapp-modal-content .modal-mini-title,
.whatsapp-modal-content .modal-title {
  color: #ffd24d !important;
}

.whatsapp-modal-content .btn-close,
.registration-modal-content .btn-close {
  background-color: rgba(255, 210, 77, .92) !important;
  opacity: 1 !important;
}

/* Program netliği / FAQ daha kurumsal */
.ai-accordion .accordion-item {
  border-radius: 20px !important;
  overflow: hidden;
  margin-bottom: .75rem;
  border: 1px solid rgba(7, 91, 214, .14) !important;
  box-shadow: 0 18px 44px rgba(4, 30, 80, .08);
}

.ai-accordion .accordion-button {
  font-weight: 900;
  color: #071b4d;
  background: linear-gradient(145deg, #ffffff, #eef6ff);
}

.ai-accordion .accordion-button:not(.collapsed) {
  color: #071b4d;
  background: linear-gradient(145deg, #ffd24d, #fff2b8);
}

.ai-accordion .accordion-body {
  color: #334155;
  line-height: 1.75;
  background: #fff;
}

/* Bitirme kartı ön yüzünde de sayaç */
.completion-front-counter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  margin-top: .18rem;
  padding: .18rem .42rem;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(145deg, #ff8a00, #ff5f00);
  font-style: normal;
  font-weight: 950;
  font-size: .86rem;
  box-shadow: 0 10px 22px rgba(255, 95, 0, .22);
}

.floating-completion-card:hover .metric-card-back strong {
  font-size: 1.75rem !important;
  transform: scale(1.08);
}

/* Eski genel kart rozetleri müfredatta görünmesin */
.curriculum-step-body::before {
  pointer-events: none;
}


/* =========================================================
   V21: Eski proje kurumsal yapı bloğu geri eklendi
   ========================================================= */

.corporate-practice-card {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 1rem;
  align-items: start;
  margin: 1.35rem 0 1.25rem;
  padding: 1.2rem;
  border-radius: 28px;
  background:
    radial-gradient(circle at top right, rgba(255, 210, 77, .18), transparent 36%),
    linear-gradient(145deg, rgba(17, 24, 39, .94), rgba(31, 41, 55, .92));
  border: 1px solid rgba(255, 210, 77, .22);
  box-shadow:
    0 26px 70px rgba(0, 0, 0, .28),
    0 8px 0 rgba(255, 210, 77, .10),
    inset 0 1px 0 rgba(255, 255, 255, .08);
  transform-style: preserve-3d;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.corporate-practice-card:hover {
  transform: translateY(-8px) rotateX(3deg) rotateY(-3deg) translateZ(20px);
  border-color: rgba(255, 210, 77, .42);
  box-shadow:
    0 36px 90px rgba(0, 0, 0, .36),
    0 10px 0 rgba(255, 210, 77, .13),
    inset 0 1px 0 rgba(255, 255, 255, .12);
}

.corporate-practice-icon {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  border-radius: 22px;
  background: linear-gradient(145deg, #ffd24d, #ff8a00);
  color: #071b4d;
  font-size: 1.75rem;
  box-shadow: 0 18px 44px rgba(255, 138, 0, .24);
  transform: translateZ(28px);
}

.corporate-practice-card h3 {
  color: #ffd24d !important;
  font-weight: 950;
  font-size: 1.35rem;
  margin-bottom: .45rem;
}

.corporate-practice-card p {
  color: #fff2b8 !important;
  line-height: 1.72;
  margin: 0;
  font-weight: 650;
}

@media (max-width: 575.98px) {
  .corporate-practice-card {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   V22: AIHEXA Hakkımızda / Misyon / Vizyon
   ========================================================= */

.about-aihexa-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 15% 15%, rgba(7, 91, 214, .13), transparent 34%),
    radial-gradient(circle at 85% 20%, rgba(255, 210, 77, .18), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #eef6ff 100%);
}

.about-aihexa-bg {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(7, 91, 214, .05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7, 91, 214, .05) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: radial-gradient(circle at center, black, transparent 72%);
  pointer-events: none;
}

.aihexa-info-card {
  position: relative;
  overflow: hidden;
  border-radius: 32px;
  padding: 1.55rem;
  background:
    radial-gradient(circle at top right, rgba(255, 210, 77, .18), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(238,246,255,.94));
  border: 1px solid rgba(7, 91, 214, .15);
  box-shadow:
    0 28px 74px rgba(4, 30, 80, .13),
    0 8px 0 rgba(7, 91, 214, .08),
    inset 0 1px 0 rgba(255, 255, 255, .7);
  transform-style: preserve-3d;
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.aihexa-info-card:hover {
  transform: translateY(-10px) rotateX(3deg) rotateY(-3deg) translateZ(22px);
  border-color: rgba(7, 91, 214, .32);
  box-shadow:
    0 40px 95px rgba(4, 30, 80, .21),
    0 12px 0 rgba(7, 91, 214, .10),
    inset 0 1px 0 rgba(255, 255, 255, .85);
}

.aihexa-info-card::after {
  content: "";
  position: absolute;
  right: -48px;
  bottom: -52px;
  width: 155px;
  height: 155px;
  border-radius: 999px;
  background: rgba(7, 91, 214, .08);
  pointer-events: none;
}

.aihexa-mission-card {
  background:
    radial-gradient(circle at top right, rgba(255, 210, 77, .20), transparent 36%),
    linear-gradient(145deg, #071b4d, #063b91);
  color: #fff;
}

.aihexa-vision-card {
  background:
    radial-gradient(circle at top right, rgba(255, 210, 77, .16), transparent 36%),
    linear-gradient(145deg, #1f2937, #111827);
  color: #fff;
}

.aihexa-info-icon {
  position: relative;
  z-index: 2;
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  border-radius: 22px;
  background: linear-gradient(145deg, #075bd6, #0d8bff);
  color: #fff;
  font-size: 1.75rem;
  box-shadow: 0 18px 40px rgba(7, 91, 214, .24);
  margin-bottom: 1rem;
  transform: translateZ(28px);
}

.aihexa-mission-card .aihexa-info-icon,
.aihexa-vision-card .aihexa-info-icon {
  background: linear-gradient(145deg, #ffd24d, #ff8a00);
  color: #071b4d;
}

.aihexa-info-card h3 {
  position: relative;
  z-index: 2;
  color: #071b4d;
  font-weight: 950;
  font-size: 1.45rem;
  margin-bottom: .7rem;
}

.aihexa-mission-card h3,
.aihexa-vision-card h3 {
  color: #ffd24d;
}

.aihexa-info-card p {
  position: relative;
  z-index: 2;
  color: #475569;
  line-height: 1.72;
  font-weight: 600;
}

.aihexa-mission-card p,
.aihexa-vision-card p {
  color: #fff2b8;
}

.aihexa-info-card ul {
  position: relative;
  z-index: 2;
  display: grid;
  gap: .55rem;
  padding: 0;
  margin: 1rem 0 0;
  list-style: none;
}

.aihexa-info-card li {
  display: flex;
  gap: .5rem;
  align-items: flex-start;
  color: #334155;
  font-weight: 800;
}

.aihexa-mission-card li,
.aihexa-vision-card li {
  color: #f8fafc;
}

.aihexa-info-card li i {
  color: #075bd6;
  margin-top: .08rem;
}

.aihexa-mission-card li i,
.aihexa-vision-card li i {
  color: #ffd24d;
}

[data-theme="dark"] .about-aihexa-section {
  background:
    radial-gradient(circle at 15% 15%, rgba(7, 91, 214, .18), transparent 34%),
    radial-gradient(circle at 85% 20%, rgba(255, 210, 77, .16), transparent 28%),
    linear-gradient(180deg, #071b4d 0%, #020617 100%);
}

[data-theme="dark"] .aihexa-info-card:not(.aihexa-mission-card):not(.aihexa-vision-card) {
  background: linear-gradient(145deg, #0f172a, #111827);
}

[data-theme="dark"] .aihexa-info-card:not(.aihexa-mission-card):not(.aihexa-vision-card) h3 {
  color: #ffd24d;
}

[data-theme="dark"] .aihexa-info-card:not(.aihexa-mission-card):not(.aihexa-vision-card) p,
[data-theme="dark"] .aihexa-info-card:not(.aihexa-mission-card):not(.aihexa-vision-card) li {
  color: #dbeafe;
}


/* =========================================================
   V23: Ücretsiz Kuluçka Desteği tıklanabilir görsel + yazı bölümü
   ========================================================= */

.incubation-support-gallery-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 14% 10%, rgba(7, 91, 214, .16), transparent 30%),
    radial-gradient(circle at 85% 15%, rgba(255, 210, 77, .18), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #eef6ff 100%);
}

.incubation-support-bg {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(7, 91, 214, .05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7, 91, 214, .05) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: radial-gradient(circle at center, black, transparent 75%);
  pointer-events: none;
}

.incubation-click-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem;
  margin: -1.2rem auto 1.5rem;
  padding: .9rem 1rem;
  max-width: 980px;
  border-radius: 999px;
  color: #071b4d;
  background: rgba(255, 210, 77, .92);
  border: 1px solid rgba(7, 27, 77, .12);
  box-shadow: 0 18px 40px rgba(4, 30, 80, .12);
  font-weight: 800;
}

.incubation-click-info i {
  color: #075bd6;
}

.incubation-poster-card {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  background:
    radial-gradient(circle at top right, rgba(255, 210, 77, .16), transparent 34%),
    linear-gradient(145deg, #ffffff, #eef6ff);
  border: 1px solid rgba(7, 91, 214, .15);
  box-shadow:
    0 26px 70px rgba(4, 30, 80, .14),
    0 8px 0 rgba(7, 91, 214, .08),
    inset 0 1px 0 rgba(255,255,255,.74);
  cursor: pointer;
  transform-style: preserve-3d;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.incubation-poster-card:hover,
.incubation-poster-card:focus {
  transform: translateY(-10px) rotateX(3deg) rotateY(-3deg) translateZ(24px);
  border-color: rgba(255, 210, 77, .52);
  box-shadow:
    0 38px 90px rgba(4, 30, 80, .22),
    0 12px 0 rgba(255, 210, 77, .12),
    inset 0 1px 0 rgba(255,255,255,.86);
  outline: none;
}

.incubation-poster-thumb {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 5;
  background: #071b4d;
}

.incubation-poster-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .45s ease, filter .45s ease;
}

.incubation-poster-card:hover .incubation-poster-thumb img {
  transform: scale(1.06);
  filter: saturate(1.06) contrast(1.05);
}

.incubation-poster-no {
  position: absolute;
  right: .75rem;
  top: .75rem;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #071b4d;
  background: #ffd24d;
  border: 2px solid rgba(255,255,255,.65);
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
  font-weight: 950;
}

.incubation-poster-body {
  padding: 1rem;
}

.incubation-poster-body h3 {
  color: #071b4d;
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 950;
  margin-bottom: .45rem;
}

.incubation-poster-body p {
  color: #475569;
  line-height: 1.58;
  font-size: .88rem;
  margin-bottom: .75rem;
}

.incubation-poster-action {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .44rem .64rem;
  border-radius: 999px;
  color: #071b4d;
  background: #ffd24d;
  font-size: .76rem;
  font-weight: 900;
}

.incubation-poster-modal-content {
  position: relative;
  overflow: hidden;
  border: 0;
  border-radius: 32px;
  background: linear-gradient(145deg, #111827, #071b4d);
  color: #fff;
  box-shadow: 0 44px 130px rgba(0,0,0,.5);
}

.incubation-poster-close {
  position: absolute;
  z-index: 5;
  top: 1rem;
  right: 1rem;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background-color: rgba(255, 210, 77, .94);
  opacity: 1;
}

.incubation-poster-modal-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .75fr);
  gap: 0;
  align-items: stretch;
}

.incubation-poster-modal-image-wrap {
  background: #020617;
  min-height: 60vh;
}

.incubation-poster-modal-image-wrap img {
  width: 100%;
  height: 100%;
  max-height: 82vh;
  object-fit: contain;
  display: block;
  background: #020617;
}

.incubation-poster-modal-text {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background:
    radial-gradient(circle at top right, rgba(255, 210, 77, .16), transparent 35%),
    linear-gradient(145deg, rgba(17, 24, 39, .98), rgba(7, 27, 77, .96));
}

.incubation-poster-modal-text .modal-mini-title {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  width: fit-content;
  padding: .42rem .72rem;
  border-radius: 999px;
  color: #071b4d;
  background: #ffd24d;
  font-weight: 950;
  margin-bottom: 1rem;
}

.incubation-poster-modal-text h3 {
  color: #ffd24d;
  font-weight: 950;
  font-size: clamp(1.6rem, 3vw, 2.7rem);
  line-height: 1.08;
  margin-bottom: 1rem;
}

.incubation-poster-modal-text p {
  color: #fff2b8;
  line-height: 1.72;
  font-size: 1.02rem;
}

.incubation-modal-benefits {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
  margin-top: 1rem;
}

.incubation-modal-benefits div {
  padding: .85rem;
  border-radius: 20px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255, 210, 77, .18);
}

.incubation-modal-benefits i {
  color: #ffd24d;
  font-size: 1.4rem;
}

.incubation-modal-benefits strong {
  display: block;
  color: #fff;
  font-weight: 950;
  margin-top: .3rem;
}

.incubation-modal-benefits span {
  display: block;
  color: #dbeafe;
  font-size: .82rem;
}

[data-theme="dark"] .incubation-support-gallery-section {
  background:
    radial-gradient(circle at 14% 10%, rgba(7, 91, 214, .20), transparent 30%),
    radial-gradient(circle at 85% 15%, rgba(255, 210, 77, .16), transparent 28%),
    linear-gradient(180deg, #071b4d 0%, #020617 100%);
}

[data-theme="dark"] .incubation-poster-card {
  background: linear-gradient(145deg, #0f172a, #111827);
  border-color: rgba(255, 210, 77, .22);
}

[data-theme="dark"] .incubation-poster-body h3 {
  color: #ffd24d;
}

[data-theme="dark"] .incubation-poster-body p {
  color: #dbeafe;
}

@media (max-width: 991.98px) {
  .incubation-poster-modal-grid {
    grid-template-columns: 1fr;
  }

  .incubation-poster-modal-image-wrap {
    min-height: auto;
  }

  .incubation-poster-modal-image-wrap img {
    max-height: 58vh;
  }
}

@media (max-width: 575.98px) {
  .incubation-click-info {
    border-radius: 22px;
  }

  .incubation-modal-benefits {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   V24: Header main sıralama, kurumsal hover, flip-card about/zero
   ========================================================= */

/* Header menü: sayfa akışına göre, daha küçük, ortalı */
.main-ordered-navbar {
  gap: .15rem;
  text-align: center;
}

.main-ordered-navbar .nav-link {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 78px;
  padding: .46rem .58rem !important;
  border-radius: 999px;
  font-size: .78rem !important;
  line-height: 1.1;
  font-weight: 850;
  text-align: center;
  color: #071b4d !important;
  transition: all .22s ease;
}

.main-ordered-navbar .nav-link:hover,
.main-ordered-navbar .nav-link:focus,
.main-ordered-navbar .nav-link.active {
  color: #ffd24d !important;
  background: linear-gradient(145deg, #071b4d, #075bd6) !important;
  box-shadow: 0 14px 28px rgba(7, 91, 214, .22);
  transform: translateY(-2px);
}

/* Hakkımızda / Misyon / Vizyon flip flop 3D */
.aihexa-flip-card {
  min-height: 390px;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  perspective: 1300px;
}

.aihexa-flip-inner {
  position: relative;
  width: 100%;
  min-height: 390px;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .78s cubic-bezier(.2,.75,.2,1);
}

.aihexa-flip-card:hover .aihexa-flip-inner,
.aihexa-flip-card:focus .aihexa-flip-inner,
.aihexa-flip-card:focus-within .aihexa-flip-inner {
  transform: rotateY(180deg);
}

.aihexa-flip-face {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  gap: .72rem;
  backface-visibility: hidden;
  border-radius: 32px;
  padding: 1.55rem;
  overflow: hidden;
  border: 1px solid rgba(7, 91, 214, .16);
  box-shadow:
    0 28px 74px rgba(4, 30, 80, .14),
    0 8px 0 rgba(7, 91, 214, .08),
    inset 0 1px 0 rgba(255, 255, 255, .72);
}

.aihexa-flip-front {
  background:
    radial-gradient(circle at top right, rgba(255, 210, 77, .18), transparent 36%),
    linear-gradient(145deg, #ffffff, #eef6ff);
}

.aihexa-mission-front .aihexa-flip-front {
  background:
    radial-gradient(circle at top right, rgba(255, 210, 77, .18), transparent 36%),
    linear-gradient(145deg, #071b4d, #063b91);
}

.aihexa-vision-front .aihexa-flip-front {
  background:
    radial-gradient(circle at top right, rgba(255, 210, 77, .16), transparent 36%),
    linear-gradient(145deg, #1f2937, #111827);
}

.aihexa-flip-back {
  color: #fff;
  background:
    radial-gradient(circle at top right, rgba(255, 210, 77, .20), transparent 34%),
    linear-gradient(145deg, #111827, #071b4d);
  transform: rotateY(180deg);
  border-color: rgba(255, 210, 77, .24);
}

.aihexa-flip-face .aihexa-info-icon {
  margin-bottom: .4rem;
}

.aihexa-flip-face h3 {
  position: relative;
  z-index: 2;
  color: #071b4d;
  font-size: 1.32rem;
  line-height: 1.22;
  font-weight: 950;
  margin: 0;
}

.aihexa-mission-front .aihexa-flip-front h3,
.aihexa-vision-front .aihexa-flip-front h3,
.aihexa-flip-back h3 {
  color: #ffd24d;
}

.aihexa-flip-face p {
  position: relative;
  z-index: 2;
  color: #475569;
  line-height: 1.66;
  font-weight: 650;
  margin: 0;
}

.aihexa-mission-front .aihexa-flip-front p,
.aihexa-vision-front .aihexa-flip-front p,
.aihexa-flip-back p {
  color: #fff2b8;
}

.aihexa-flip-face ul {
  position: relative;
  z-index: 2;
  list-style: none;
  padding: 0;
  margin: .35rem 0 0;
  display: grid;
  gap: .46rem;
}

.aihexa-flip-face li {
  display: flex;
  align-items: flex-start;
  gap: .45rem;
  color: #334155;
  font-weight: 800;
  line-height: 1.35;
}

.aihexa-mission-front .aihexa-flip-front li,
.aihexa-vision-front .aihexa-flip-front li,
.aihexa-flip-back li {
  color: #f8fafc;
}

.aihexa-flip-face li i {
  color: #075bd6;
  margin-top: .1rem;
}

.aihexa-mission-front .aihexa-flip-front li i,
.aihexa-vision-front .aihexa-flip-front li i,
.aihexa-flip-back li i {
  color: #ffd24d;
}

.aihexa-flip-hint,
.aihexa-flip-link {
  position: relative;
  z-index: 2;
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: .42rem;
  width: fit-content;
  padding: .52rem .75rem;
  border-radius: 999px;
  color: #071b4d !important;
  background: #ffd24d;
  text-decoration: none;
  font-weight: 950;
  font-size: .8rem;
}

/* Sıfırdan ileri seviyeye kartı flip flop */
.zero-to-advanced-flip-card {
  min-height: 360px;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  perspective: 1300px;
}

.zero-flip-inner {
  position: relative;
  width: 100%;
  min-height: 360px;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .78s cubic-bezier(.2,.75,.2,1);
}

.zero-to-advanced-flip-card:hover .zero-flip-inner,
.zero-to-advanced-flip-card:focus .zero-flip-inner,
.zero-to-advanced-flip-card:focus-within .zero-flip-inner {
  transform: rotateY(180deg);
}

.zero-flip-face {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  border-radius: 30px;
  padding: 1.45rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: .7rem;
  border: 1px solid rgba(7, 91, 214, .16);
  box-shadow:
    0 28px 74px rgba(4, 30, 80, .14),
    0 8px 0 rgba(7, 91, 214, .08),
    inset 0 1px 0 rgba(255, 255, 255, .72);
}

.zero-flip-front {
  background:
    radial-gradient(circle at top right, rgba(255, 210, 77, .16), transparent 34%),
    linear-gradient(145deg, #ffffff, #eef6ff);
}

.zero-flip-back {
  color: #fff;
  background:
    radial-gradient(circle at top right, rgba(255, 210, 77, .20), transparent 34%),
    linear-gradient(145deg, #071b4d, #111827);
  transform: rotateY(180deg);
  border-color: rgba(255, 210, 77, .26);
}

.zero-flip-face h3 {
  color: #071b4d;
  font-size: 1.22rem;
  line-height: 1.25;
  font-weight: 950;
}

.zero-flip-back h3 {
  color: #ffd24d;
}

.zero-flip-face p {
  color: #475569;
  line-height: 1.64;
  margin: 0;
}

.zero-flip-back p,
.zero-flip-back li {
  color: #fff2b8;
}

.zero-flip-back ul {
  list-style: none;
  padding: 0;
  margin: .2rem 0 0;
  display: grid;
  gap: .45rem;
}

.zero-flip-back li {
  display: flex;
  align-items: flex-start;
  gap: .45rem;
  font-weight: 800;
}

.zero-flip-back li i {
  color: #ffd24d;
  margin-top: .1rem;
}

.zero-flip-hint {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  width: fit-content;
  padding: .5rem .72rem;
  border-radius: 999px;
  color: #071b4d;
  background: #ffd24d;
  font-size: .78rem;
  font-weight: 950;
}

@media (max-width: 1199.98px) {
  .main-ordered-navbar .nav-link {
    min-width: auto;
    font-size: .74rem !important;
    padding: .42rem .46rem !important;
  }
}

@media (max-width: 991.98px) {
  .main-ordered-navbar {
    align-items: stretch !important;
    text-align: left;
    padding-top: .7rem;
  }

  .main-ordered-navbar .nav-link {
    justify-content: flex-start;
    width: 100%;
    min-width: 100%;
  }

  .aihexa-flip-card,
  .aihexa-flip-inner,
  .zero-to-advanced-flip-card,
  .zero-flip-inner {
    min-height: 430px;
  }
}


/* =========================================================
   V24B: Header gerçek sınıf düzeltme + Zero heading flip kesinleştirme
   ========================================================= */
.main-menu-centered.main-ordered-navbar {
  gap: .12rem !important;
  text-align: center !important;
}

.main-menu-centered.main-ordered-navbar .nav-link {
  min-width: 74px;
  justify-content: center;
  text-align: center;
  font-size: .76rem !important;
  line-height: 1.08 !important;
  border-radius: 999px !important;
}

.main-menu-centered.main-ordered-navbar .nav-link:hover,
.main-menu-centered.main-ordered-navbar .nav-link:focus {
  background: linear-gradient(145deg, #071b4d, #075bd6) !important;
  color: #ffd24d !important;
}

.zero-to-advanced-flip-card {
  width: 100%;
}

.zero-to-advanced-flip-card .section-badge {
  width: fit-content;
  margin-inline: auto;
}

.zero-to-advanced-flip-card .section-title,
.zero-to-advanced-flip-card .section-subtitle {
  position: relative;
  z-index: 2;
}

.zero-flip-back .section-title {
  color: #ffd24d !important;
}

.zero-flip-back .section-subtitle {
  color: #fff2b8 !important;
}

.zero-flip-detail-list {
  position: relative;
  z-index: 2;
  list-style: none;
  padding: 0;
  margin: .6rem auto 0;
  max-width: 720px;
  display: grid;
  gap: .45rem;
  text-align: left;
}

.zero-flip-detail-list li {
  display: flex;
  gap: .45rem;
  align-items: flex-start;
  color: #f8fafc;
  font-weight: 800;
}

.zero-flip-detail-list i {
  color: #ffd24d;
  margin-top: .1rem;
}


/* =========================================================
   V25: Büyük logo + 5 saniyede kurumsal arka plan değişimi
   ========================================================= */

.aihexa-dynamic-logo-brand {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 188px;
  min-height: 76px;
  padding: .55rem .9rem !important;
  border-radius: 28px;
  isolation: isolate;
  overflow: visible;
  transition: transform .25s ease, filter .25s ease;
}

.aihexa-dynamic-logo-brand::before {
  content: "";
  position: absolute;
  inset: .15rem;
  z-index: -1;
  border-radius: 28px;
  background: linear-gradient(145deg, #071b4d, #075bd6);
  box-shadow:
    0 22px 48px rgba(7, 91, 214, .24),
    inset 0 1px 0 rgba(255,255,255,.18);
  animation: aihexaLogoBgCycleV25 25s steps(1, end) infinite;
}

.aihexa-dynamic-logo-brand::after {
  content: "";
  position: absolute;
  inset: -.18rem;
  z-index: -2;
  border-radius: 32px;
  background: linear-gradient(145deg, rgba(7,91,214,.35), rgba(255,210,77,.32));
  filter: blur(12px);
  opacity: .75;
  animation: aihexaLogoGlowCycleV25 25s steps(1, end) infinite;
}

.aihexa-dynamic-logo-brand:hover {
  transform: translateY(-3px) scale(1.035);
  filter: saturate(1.1);
}

.aihexa-dynamic-logo-img {
  width: clamp(148px, 12vw, 218px) !important;
  max-height: 66px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.22));
  transition: transform .25s ease;
}

.aihexa-dynamic-logo-brand:hover .aihexa-dynamic-logo-img {
  transform: scale(1.04);
}

/* Her renk 5 saniye kalır: 5 renk x 5sn = 25sn */
@keyframes aihexaLogoBgCycleV25 {
  0%, 19.999% {
    background: linear-gradient(145deg, #071b4d, #075bd6);
  }
  20%, 39.999% {
    background: linear-gradient(145deg, #1f2937, #111827);
  }
  40%, 59.999% {
    background: linear-gradient(145deg, #063b91, #0d8bff);
  }
  60%, 79.999% {
    background: linear-gradient(145deg, #ff8a00, #ffd24d);
  }
  80%, 100% {
    background: linear-gradient(145deg, #0f766e, #12b886);
  }
}

@keyframes aihexaLogoGlowCycleV25 {
  0%, 19.999% {
    background: linear-gradient(145deg, rgba(7,91,214,.45), rgba(13,139,255,.34));
  }
  20%, 39.999% {
    background: linear-gradient(145deg, rgba(31,41,55,.55), rgba(255,210,77,.25));
  }
  40%, 59.999% {
    background: linear-gradient(145deg, rgba(6,59,145,.48), rgba(13,139,255,.40));
  }
  60%, 79.999% {
    background: linear-gradient(145deg, rgba(255,138,0,.45), rgba(255,210,77,.42));
  }
  80%, 100% {
    background: linear-gradient(145deg, rgba(15,118,110,.45), rgba(18,184,134,.34));
  }
}

@media (max-width: 991.98px) {
  .aihexa-dynamic-logo-brand {
    min-width: 158px;
    min-height: 64px;
    padding: .45rem .7rem !important;
  }

  .aihexa-dynamic-logo-img {
    width: clamp(128px, 35vw, 178px) !important;
    max-height: 58px !important;
  }
}

@media (max-width: 575.98px) {
  .aihexa-dynamic-logo-brand {
    min-width: 136px;
    min-height: 58px;
  }

  .aihexa-dynamic-logo-img {
    width: 136px !important;
    max-height: 52px !important;
  }
}


/* =========================================================
   V26: Logo sadece büyük kalsın, arka plan renk değiştirmesin
   ========================================================= */

.aihexa-dynamic-logo-brand {
  min-width: 188px !important;
  min-height: 70px !important;
  padding: .35rem .55rem !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.aihexa-dynamic-logo-brand::before,
.aihexa-dynamic-logo-brand::after {
  display: none !important;
  content: none !important;
  animation: none !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

.aihexa-dynamic-logo-img,
.brand-logo.aihexa-dynamic-logo-img {
  width: clamp(150px, 12vw, 220px) !important;
  max-height: 70px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 8px 16px rgba(7, 27, 77, .14)) !important;
}

.aihexa-dynamic-logo-brand:hover {
  transform: translateY(-2px) scale(1.02) !important;
  filter: none !important;
}

@media (max-width: 991.98px) {
  .aihexa-dynamic-logo-brand {
    min-width: 152px !important;
    min-height: 70px !important;
  }

  .aihexa-dynamic-logo-img,
  .brand-logo.aihexa-dynamic-logo-img {
    width: clamp(132px, 34vw, 178px) !important;
    max-height: 60px !important;
  }
}


/* =========================================================
   V26: Dark mode menü uyumu + sağ aksiyon butonları
   ========================================================= */

.ai-navbar .container {
  display: flex;
  align-items: center;
}

#navbarContent {
  flex: 1 1 auto;
}

.main-ordered-navbar,
.main-menu-centered.main-ordered-navbar {
  flex: 1 1 auto;
  justify-content: center !important;
}

.navbar-actions,
.ai-navbar .navbar-actions,
#navbarContent > .d-flex,
#navbarContent .nav-actions {
  margin-left: auto !important;
  justify-content: flex-end !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}

/* Eğer aksiyon butonları doğrudan collapse içindese sağa it */
#navbarContent > :last-child {
  margin-left: auto;
}

#themeToggle,
#navRegisterBtn,
#navOfferBtn,
#navAdminPanelBtn {
  flex-shrink: 0;
}

/* Dark mode navbar */
[data-theme="dark"] .ai-navbar {
  background: rgba(7, 27, 77, .94) !important;
  border-bottom: 1px solid rgba(255, 210, 77, .18) !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.32) !important;
}

[data-theme="dark"] .brand-text strong {
  color: #ffd24d !important;
}

[data-theme="dark"] .brand-text small {
  color: #dbeafe !important;
}

[data-theme="dark"] .main-ordered-navbar .nav-link,
[data-theme="dark"] .main-menu-centered.main-ordered-navbar .nav-link {
  color: #e5e7eb !important;
  background: transparent !important;
}

[data-theme="dark"] .main-ordered-navbar .nav-link:hover,
[data-theme="dark"] .main-ordered-navbar .nav-link:focus,
[data-theme="dark"] .main-ordered-navbar .nav-link.active,
[data-theme="dark"] .main-menu-centered.main-ordered-navbar .nav-link:hover,
[data-theme="dark"] .main-menu-centered.main-ordered-navbar .nav-link:focus,
[data-theme="dark"] .main-menu-centered.main-ordered-navbar .nav-link.active {
  color: #071b4d !important;
  background: linear-gradient(145deg, #ffd24d, #ffb703) !important;
  box-shadow: 0 14px 34px rgba(255, 210, 77, .22) !important;
}

/* Light/Dark butonu dark mode uyumu */
[data-theme="dark"] #themeToggle {
  color: #071b4d !important;
  background: #ffd24d !important;
  border-color: #ffd24d !important;
}

[data-theme="dark"] #navRegisterBtn {
  color: #fff !important;
  background: linear-gradient(145deg, #087f5b, #12b886) !important;
  border-color: transparent !important;
}

[data-theme="dark"] #navOfferBtn {
  color: #071b4d !important;
  background: linear-gradient(145deg, #ffd24d, #ff8a00) !important;
  border-color: transparent !important;
}

/* Mobile'da butonlar taşmasın */
@media (max-width: 991.98px) {
  #navbarContent > :last-child,
  .navbar-actions,
  .ai-navbar .navbar-actions,
  #navbarContent > .d-flex,
  #navbarContent .nav-actions {
    margin-left: 0 !important;
    width: 100%;
    justify-content: flex-start !important;
    flex-wrap: wrap;
    padding-top: .75rem;
  }
}


/* =========================================================
   V27: Hızlı Başvuru + WhatsApp Başvuru kayıt formu yapısı
   ========================================================= */

.lead-registration-form .lead-action-row,
.contact-action-row.lead-action-row {
  display: flex;
  gap: .75rem;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}

.lead-registration-form .lead-action-row .btn,
.contact-action-row.lead-action-row .btn {
  min-width: 210px;
}

.lead-feedback.show {
  display: block;
}

.whatsapp-modal-content .registration-summary-box {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.whatsapp-modal-content .modal-body {
  padding-top: 1.25rem;
}

[data-theme="dark"] .lead-registration-form .form-note,
[data-theme="dark"] .lead-registration-form .form-check-label {
  color: #f8fafc !important;
}

@media (max-width: 575.98px) {
  .lead-registration-form .lead-action-row .btn,
  .contact-action-row.lead-action-row .btn {
    width: 100%;
    min-width: 100%;
  }

  .whatsapp-modal-content .registration-summary-box {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   V28: Mobil metrik kapalı başlangıç + Dark mode AIHEXA renk uyumu
   ========================================================= */

.mobile-floating-tools-toggle {
  display: none;
}

@media (max-width: 767.98px) {
  .mobile-floating-tools-toggle {
    position: fixed;
    left: .45rem;
    top: 42%;
    transform: translateY(-50%);
    z-index: 1060;
    display: grid;
    gap: .42rem;
    width: 58px;
  }

  .mobile-floating-tools-toggle button {
    width: 58px;
    min-height: 50px;
    border: 1px solid rgba(255, 210, 77, .55);
    border-radius: 16px;
    background: linear-gradient(145deg, #071b4d, #063b91);
    color: #ffd24d;
    box-shadow: 0 12px 28px rgba(7, 27, 77, .28);
    display: grid;
    place-items: center;
    gap: .1rem;
    font-size: .68rem;
    font-weight: 900;
    line-height: 1.05;
    padding: .36rem .2rem;
  }

  .mobile-floating-tools-toggle button i {
    font-size: 1.05rem;
  }

  .mobile-floating-tools-toggle button.active {
    background: linear-gradient(145deg, #ffd24d, #ffb703);
    color: #071b4d;
    border-color: #ffd24d;
  }

  .floating-left-metric-actions {
    left: 4.35rem !important;
    top: 42% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    z-index: 1058 !important;
    width: min(230px, calc(100vw - 5rem));
    pointer-events: none;
  }

  .floating-left-metric-actions .floating-metric-card {
    display: none !important;
    width: min(220px, calc(100vw - 5.25rem)) !important;
    min-height: 104px !important;
    pointer-events: auto;
  }

  body.mobile-metric-open .floating-left-metric-actions .floating-metric-card.mobile-metric-active {
    display: block !important;
    animation: mobileMetricSlideInV28 .24s ease both;
  }

  .floating-left-metric-actions .metric-card-face {
    padding: .75rem .85rem !important;
  }

  .floating-left-metric-actions .metric-card-face strong {
    font-size: 1.05rem !important;
  }

  .floating-left-metric-actions .metric-card-face small,
  .floating-left-metric-actions .metric-card-face em {
    font-size: .72rem !important;
  }
}

@keyframes mobileMetricSlideInV28 {
  from { opacity: 0; transform: translateX(-10px) scale(.96); }
  to { opacity: 1; transform: translateX(0) scale(1); }
}

html:not([data-theme]),
html[data-theme="light"] {
  color-scheme: light;
}

[data-theme="dark"] .ai-navbar,
[data-theme="dark"] nav.ai-navbar {
  background: linear-gradient(145deg, #071b4d, #111827) !important;
  border-bottom: 1px solid rgba(255, 210, 77, .28) !important;
}

[data-theme="dark"] .ai-navbar .navbar-toggler {
  border-color: rgba(255, 210, 77, .45) !important;
  background: rgba(255, 210, 77, .10) !important;
}

[data-theme="dark"] .brand-text strong,
[data-theme="dark"] .navbar-brand strong {
  color: #ffd24d !important;
}

[data-theme="dark"] .brand-text small,
[data-theme="dark"] .navbar-brand small {
  color: #f8fafc !important;
}

[data-theme="dark"] .hero-badge,
[data-theme="dark"] .section-badge,
[data-theme="dark"] .pricing-tag,
[data-theme="dark"] .modal-mini-title {
  color: #071b4d !important;
  background: linear-gradient(145deg, #ffd24d, #ffb703) !important;
  border-color: rgba(255, 210, 77, .55) !important;
  box-shadow: 0 12px 30px rgba(255, 210, 77, .18) !important;
}

[data-theme="dark"] .hero-badge i,
[data-theme="dark"] .section-badge i {
  color: #071b4d !important;
}

[data-theme="dark"] .about-aihexa-section,
[data-theme="dark"] #about-aihexa,
[data-theme="dark"] #highlights,
[data-theme="dark"] .bg-soft {
  background:
    radial-gradient(circle at top right, rgba(255, 210, 77, .08), transparent 36%),
    linear-gradient(145deg, #0b1220, #071b4d) !important;
}

[data-theme="dark"] #about-aihexa .section-title,
[data-theme="dark"] #highlights .section-title,
[data-theme="dark"] .section-title {
  color: #ffd24d !important;
}

[data-theme="dark"] #about-aihexa .section-subtitle,
[data-theme="dark"] #highlights .section-subtitle,
[data-theme="dark"] .section-subtitle {
  color: #f8fafc !important;
}

[data-theme="dark"] .aihexa-flip-front,
[data-theme="dark"] .zero-flip-front,
[data-theme="dark"] .service-card,
[data-theme="dark"] .tech-card,
[data-theme="dark"] .project-card,
[data-theme="dark"] .pricing-card,
[data-theme="dark"] .trainer-profile-card,
[data-theme="dark"] .about-hamit-card,
[data-theme="dark"] .gallery-card,
[data-theme="dark"] .certificate-option-card,
[data-theme="dark"] .certificate-info-3d-card,
[data-theme="dark"] .incubation-poster-card,
[data-theme="dark"] .curriculum-step-body,
[data-theme="dark"] .mini-summary-card,
[data-theme="dark"] .trust-item {
  background:
    radial-gradient(circle at top right, rgba(255, 210, 77, .10), transparent 34%),
    linear-gradient(145deg, #111827, #071b4d) !important;
  color: #f8fafc !important;
  border-color: rgba(255, 210, 77, .18) !important;
}

[data-theme="dark"] .aihexa-flip-front h3,
[data-theme="dark"] .zero-flip-front h2,
[data-theme="dark"] .zero-flip-front h3,
[data-theme="dark"] .service-card h3,
[data-theme="dark"] .tech-card h3,
[data-theme="dark"] .project-card h3,
[data-theme="dark"] .pricing-card h3,
[data-theme="dark"] .trainer-profile-card h3,
[data-theme="dark"] .about-hamit-card h3,
[data-theme="dark"] .gallery-card h3,
[data-theme="dark"] .certificate-option-card h3,
[data-theme="dark"] .certificate-info-3d-card h3,
[data-theme="dark"] .incubation-poster-card h3,
[data-theme="dark"] .curriculum-step-body h3,
[data-theme="dark"] .mini-summary-card h3,
[data-theme="dark"] .trust-item strong {
  color: #ffd24d !important;
}

[data-theme="dark"] .aihexa-flip-front p,
[data-theme="dark"] .aihexa-flip-front li,
[data-theme="dark"] .zero-flip-front p,
[data-theme="dark"] .service-card p,
[data-theme="dark"] .tech-card p,
[data-theme="dark"] .project-card p,
[data-theme="dark"] .pricing-card p,
[data-theme="dark"] .trainer-profile-card p,
[data-theme="dark"] .about-hamit-card p,
[data-theme="dark"] .gallery-card p,
[data-theme="dark"] .certificate-option-card p,
[data-theme="dark"] .certificate-info-3d-card p,
[data-theme="dark"] .incubation-poster-card p,
[data-theme="dark"] .curriculum-step-body p,
[data-theme="dark"] .mini-summary-card p,
[data-theme="dark"] .trust-item span,
[data-theme="dark"] .trust-item small {
  color: #f8fafc !important;
}

[data-theme="dark"] .aihexa-flip-front li i,
[data-theme="dark"] .service-card i,
[data-theme="dark"] .tech-card i,
[data-theme="dark"] .project-card i {
  color: #ffd24d !important;
}

[data-theme="dark"] .main-ordered-navbar .nav-link,
[data-theme="dark"] .main-menu-centered.main-ordered-navbar .nav-link {
  color: #f8fafc !important;
}

[data-theme="dark"] .main-ordered-navbar .nav-link:hover,
[data-theme="dark"] .main-ordered-navbar .nav-link:focus,
[data-theme="dark"] .main-ordered-navbar .nav-link.active,
[data-theme="dark"] .main-menu-centered.main-ordered-navbar .nav-link:hover,
[data-theme="dark"] .main-menu-centered.main-ordered-navbar .nav-link:focus,
[data-theme="dark"] .main-menu-centered.main-ordered-navbar .nav-link.active {
  background: linear-gradient(145deg, #ffd24d, #ffb703) !important;
  color: #071b4d !important;
}


/* =========================================================
   V30: Sol metrikler her ekranda, 350/450 sayaç, okunur flip hint, büyük logo
   ========================================================= */

/* Sol hızlı araç butonları artık tüm ekranlarda görünür */
.mobile-floating-tools-toggle,
.universal-floating-tools-toggle {
  position: fixed !important;
  left: .45rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 1200 !important;
  display: grid !important;
  gap: .42rem !important;
  width: 62px !important;
}

.mobile-floating-tools-toggle button,
.universal-floating-tools-toggle button {
  width: 62px !important;
  min-height: 54px !important;
  border: 1px solid rgba(255, 210, 77, .78) !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, #071b4d, #063b91) !important;
  color: #ffd24d !important;
  box-shadow: 0 12px 28px rgba(7, 27, 77, .34) !important;
  display: grid !important;
  place-items: center !important;
  gap: .08rem !important;
  font-size: .66rem !important;
  font-weight: 950 !important;
  line-height: 1.02 !important;
  padding: .34rem .16rem !important;
}

.mobile-floating-tools-toggle button i,
.universal-floating-tools-toggle button i {
  font-size: 1.14rem !important;
}

.mobile-floating-tools-toggle button.active,
.universal-floating-tools-toggle button.active {
  background: linear-gradient(145deg, #ffd24d, #ffb703) !important;
  color: #071b4d !important;
  border-color: #ffd24d !important;
}

/* Kartlar hem desktop hem mobilde solda kapalı gelir; tıklanan açılır */
.floating-left-metric-actions {
  left: 4.75rem !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  width: min(250px, calc(100vw - 5.5rem)) !important;
  z-index: 1198 !important;
  pointer-events: none !important;
}

.floating-left-metric-actions .floating-metric-card {
  display: none !important;
  width: min(240px, calc(100vw - 5.75rem)) !important;
  min-height: 112px !important;
  pointer-events: auto !important;
}

body.universal-metric-open .floating-left-metric-actions .floating-metric-card.universal-metric-active,
body.mobile-metric-open .floating-left-metric-actions .floating-metric-card.mobile-metric-active {
  display: block !important;
  animation: universalMetricSlideInV30 .22s ease both;
}

.floating-left-metric-actions .metric-card-face {
  padding: .78rem .9rem !important;
}

.floating-left-metric-actions .metric-card-face strong {
  font-size: 1.08rem !important;
}

.floating-left-metric-actions .metric-card-face small,
.floating-left-metric-actions .metric-card-face em {
  font-size: .74rem !important;
}

@keyframes universalMetricSlideInV30 {
  from { opacity: 0; transform: translateX(-12px) scale(.96); }
  to { opacity: 1; transform: translateX(0) scale(1); }
}

@media (max-width: 767.98px) {
  .mobile-floating-tools-toggle,
  .universal-floating-tools-toggle {
    left: .32rem !important;
    width: 54px !important;
  }

  .mobile-floating-tools-toggle button,
  .universal-floating-tools-toggle button {
    width: 54px !important;
    min-height: 50px !important;
    font-size: .62rem !important;
  }

  .floating-left-metric-actions {
    left: 4rem !important;
    width: min(225px, calc(100vw - 4.85rem)) !important;
  }

  .floating-left-metric-actions .floating-metric-card {
    width: min(215px, calc(100vw - 5rem)) !important;
  }
}

/* Flip kartlarda "Detay için üzerine gel" butonu her kartta altta ve okunur */
.aihexa-flip-face,
.zero-flip-face {
  display: flex !important;
  flex-direction: column !important;
}

.aihexa-flip-hint,
.aihexa-flip-link,
.zero-flip-hint {
  margin-top: auto !important;
  align-self: flex-start !important;
  position: relative !important;
  z-index: 25 !important;
  color: #071b4d !important;
  background: linear-gradient(145deg, #ffd24d, #ffb703) !important;
  border: 1px solid rgba(7, 27, 77, .18) !important;
  box-shadow: 0 12px 28px rgba(255, 210, 77, .26) !important;
  text-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.aihexa-flip-front .aihexa-flip-hint,
.aihexa-mission-front .aihexa-flip-front .aihexa-flip-hint,
.aihexa-vision-front .aihexa-flip-front .aihexa-flip-hint {
  color: #071b4d !important;
}

/* Logo + AIHEXA yazısı büyük */
.aihexa-dynamic-logo-brand,
.navbar-brand.aihexa-dynamic-logo-brand {
  min-width: 250px !important;
  min-height: 78px !important;
  gap: .72rem !important;
  padding: .35rem .55rem !important;
}

.aihexa-dynamic-logo-img,
.brand-logo.aihexa-dynamic-logo-img {
  width: clamp(156px, 11.5vw, 218px) !important;
  max-height: 74px !important;
  object-fit: contain !important;
}

.brand-text strong,
.navbar-brand .brand-text strong {
  display: block !important;
  font-size: clamp(1.28rem, 1.42vw, 1.78rem) !important;
  line-height: 1 !important;
  letter-spacing: .06em !important;
  font-weight: 1000 !important;
}

.brand-text small,
.navbar-brand .brand-text small {
  display: block !important;
  font-size: clamp(.68rem, .74vw, .86rem) !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  opacity: .92 !important;
}

@media (max-width: 991.98px) {
  .aihexa-dynamic-logo-brand,
  .navbar-brand.aihexa-dynamic-logo-brand {
    min-width: 205px !important;
    min-height: 68px !important;
    gap: .52rem !important;
  }

  .aihexa-dynamic-logo-img,
  .brand-logo.aihexa-dynamic-logo-img {
    width: 140px !important;
    max-height: 70px !important;
  }

  .brand-text strong,
  .navbar-brand .brand-text strong {
    font-size: 1.16rem !important;
  }

  .brand-text small,
  .navbar-brand .brand-text small {
    font-size: .62rem !important;
  }
}

@media (max-width: 575.98px) {
  .aihexa-dynamic-logo-brand,
  .navbar-brand.aihexa-dynamic-logo-brand {
    min-width: 184px !important;
    min-height: 70px !important;
    gap: .42rem !important;
  }

  .aihexa-dynamic-logo-img,
  .brand-logo.aihexa-dynamic-logo-img {
    width: 116px !important;
    max-height: 54px !important;
  }

  .brand-text strong,
  .navbar-brand .brand-text strong {
    font-size: 1.02rem !important;
  }

  .brand-text small,
  .navbar-brand .brand-text small {
    font-size: .55rem !important;
  }
}


/* =========================================================
   V31: Kapat düzeltme, sertifika+kuluçka birleşik bölüm, kurumsal eğitmen
   ========================================================= */

/* Kapat butonu görünür ve aktif hissi */
.universal-floating-tools-toggle [data-mobile-metric-target="close"],
.mobile-floating-tools-toggle [data-mobile-metric-target="close"] {
  background: linear-gradient(145deg, #111827, #1f2937) !important;
  color: #ffd24d !important;
  border-color: rgba(255, 210, 77, .78) !important;
}

.universal-floating-tools-toggle [data-mobile-metric-target="close"]:hover,
.mobile-floating-tools-toggle [data-mobile-metric-target="close"]:hover {
  background: linear-gradient(145deg, #ffd24d, #ffb703) !important;
  color: #071b4d !important;
}

/* AIHEXA Hakkımızda flip kartlarında detay butonu altta, okunur, taşmadan görünür */
.about-aihexa-section .aihexa-flip-card {
  min-height: 470px !important;
}

.about-aihexa-section .aihexa-flip-inner {
  min-height: 470px !important;
}

.about-aihexa-section .aihexa-flip-face {
  min-height: 470px !important;
  padding-bottom: 1.45rem !important;
}

.about-aihexa-section .aihexa-flip-front p,
.about-aihexa-section .aihexa-flip-front li {
  font-size: .94rem !important;
}

.about-aihexa-section .aihexa-flip-hint {
  margin-top: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  max-width: 100% !important;
  white-space: normal !important;
  line-height: 1.15 !important;
  color: #071b4d !important;
  background: linear-gradient(145deg, #ffd24d, #ffb703) !important;
  box-shadow: 0 14px 30px rgba(255, 210, 77, .32) !important;
}

/* Sertifika + kuluçka birleşik kurumsal bölüm */
.certificate-incubation-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at top left, rgba(7, 91, 214, .10), transparent 34%),
    linear-gradient(145deg, #f8fbff, #eef6ff);
}

.certificate-incubation-bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(255, 210, 77, .22), transparent 24%),
    radial-gradient(circle at 88% 32%, rgba(7, 91, 214, .16), transparent 28%);
  pointer-events: none;
}

.certificate-incubation-combo {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1.45rem;
  align-items: stretch;
}

.certificate-incubation-panel {
  position: relative;
  border-radius: 34px;
  padding: 1.15rem;
  border: 1px solid rgba(7, 91, 214, .14);
  background: linear-gradient(145deg, #ffffff, #f4f8ff);
  box-shadow: 0 30px 80px rgba(7, 27, 77, .12);
  overflow: hidden;
}

.incubation-combo-right {
  background:
    radial-gradient(circle at top right, rgba(255, 210, 77, .16), transparent 36%),
    linear-gradient(145deg, #071b4d, #111827);
  color: #fff;
  border-color: rgba(255, 210, 77, .20);
}

.combo-panel-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: .95rem;
}

.combo-eyebrow {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .52rem .78rem;
  border-radius: 999px;
  background: #ffd24d;
  color: #071b4d;
  font-weight: 950;
  font-size: .84rem;
}

.certificate-incubation-panel h3 {
  color: #071b4d;
  font-weight: 1000;
  font-size: clamp(1.45rem, 2vw, 2.05rem);
  line-height: 1.14;
  margin: 0;
}

.incubation-combo-right h3 {
  color: #ffd24d;
}

.certificate-incubation-panel p {
  color: #475569;
  font-weight: 650;
  line-height: 1.65;
  margin: 0;
}

.incubation-combo-right p {
  color: #fff2b8;
}

.combo-feature-list {
  display: grid;
  gap: .5rem;
}

.combo-feature-list span {
  display: flex;
  align-items: flex-start;
  gap: .5rem;
  font-weight: 850;
  color: #334155;
}

.incubation-combo-right .combo-feature-list span {
  color: #f8fafc;
}

.combo-feature-list i {
  color: #075bd6;
  margin-top: .1rem;
}

.incubation-combo-right .combo-feature-list i {
  color: #ffd24d;
}

.combo-image-frame {
  position: relative;
  margin-top: auto;
  border-radius: 26px;
  overflow: hidden;
  background: #0f172a;
  min-height: 250px;
  display: grid;
  place-items: center;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}

.combo-image-frame img {
  width: 100%;
  height: 100%;
  max-height: 330px;
  object-fit: cover;
  display: block;
}

.certificate-image-frame img {
  object-fit: contain;
  background: #ffffff;
  padding: .4rem;
}

.combo-image-frame .certificate-preview-btn,
.combo-image-frame .incubation-combo-modal-trigger {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  border-radius: 999px;
  z-index: 3;
}

/* Button, not full poster card */
.incubation-combo-modal-trigger.incubation-poster-card {
  width: auto !important;
  min-height: auto !important;
  padding: .72rem 1rem !important;
  border: 0 !important;
}

/* Kurumsal eğitmen birleşik bölüm */
.corporate-trainer-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at top right, rgba(255, 210, 77, .14), transparent 34%),
    linear-gradient(145deg, #ffffff, #eef6ff);
}

.corporate-trainer-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 22%, rgba(7, 91, 214, .12), transparent 28%),
    radial-gradient(circle at 86% 78%, rgba(255, 210, 77, .20), transparent 26%);
}

.corporate-trainer-card {
  position: relative;
  border-radius: 34px;
  padding: 1.35rem;
  background:
    radial-gradient(circle at top right, rgba(255, 210, 77, .12), transparent 36%),
    linear-gradient(145deg, #111827, #071b4d);
  color: #fff;
  border: 1px solid rgba(255, 210, 77, .18);
  box-shadow: 0 32px 86px rgba(7, 27, 77, .20);
}

.corporate-trainer-photo-box {
  position: relative;
  border-radius: 30px;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
  padding: .75rem;
  border: 1px solid rgba(255, 210, 77, .18);
}

.corporate-trainer-photo-box .trainer-photo {
  width: 100%;
  border-radius: 24px;
  display: block;
}

.trainer-photo-badge {
  position: absolute;
  left: 1.2rem;
  bottom: 1.2rem;
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .55rem .8rem;
  border-radius: 999px;
  background: #ffd24d;
  color: #071b4d;
  font-weight: 950;
  box-shadow: 0 14px 30px rgba(0,0,0,.18);
}

.corporate-trainer-content h3 {
  color: #ffd24d;
  font-size: clamp(1.8rem, 3vw, 2.7rem);
  font-weight: 1000;
  margin: .35rem 0;
}

.corporate-trainer-content .trainer-title {
  color: #fff2b8;
  font-weight: 900;
  font-size: 1.05rem;
}

.corporate-trainer-content p {
  color: #f8fafc;
  line-height: 1.72;
}

.corporate-trainer-highlight {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .95rem;
  margin: 1.2rem 0;
}

.corporate-trainer-highlight > div {
  border-radius: 24px;
  padding: 1rem;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255, 210, 77, .18);
}

.corporate-trainer-highlight i {
  color: #ffd24d;
  font-size: 1.45rem;
}

.corporate-trainer-highlight strong {
  display: block;
  color: #ffd24d;
  font-size: 1.02rem;
  margin: .45rem 0 .25rem;
}

.corporate-trainer-highlight span {
  color: #f8fafc;
  line-height: 1.48;
  font-weight: 650;
}

.corporate-trainer-card .trainer-badges span {
  background: rgba(255, 210, 77, .12);
  border-color: rgba(255, 210, 77, .22);
  color: #f8fafc;
}

.corporate-trainer-card .trainer-links .btn {
  border-color: rgba(255, 210, 77, .55);
  color: #ffd24d;
  background: rgba(255,255,255,.04);
}

.corporate-trainer-card .trainer-links .btn:hover {
  background: #ffd24d;
  color: #071b4d;
}

[data-theme="dark"] .certificate-incubation-section,
[data-theme="dark"] .corporate-trainer-section {
  background:
    radial-gradient(circle at top right, rgba(255, 210, 77, .08), transparent 34%),
    linear-gradient(145deg, #0b1220, #071b4d) !important;
}

[data-theme="dark"] .certificate-incubation-panel {
  background:
    radial-gradient(circle at top right, rgba(255, 210, 77, .09), transparent 34%),
    linear-gradient(145deg, #111827, #071b4d) !important;
  border-color: rgba(255, 210, 77, .18) !important;
}

[data-theme="dark"] .certificate-incubation-panel h3 {
  color: #ffd24d !important;
}

[data-theme="dark"] .certificate-incubation-panel p,
[data-theme="dark"] .certificate-incubation-panel .combo-feature-list span {
  color: #f8fafc !important;
}

@media (max-width: 991.98px) {
  .certificate-incubation-combo,
  .corporate-trainer-highlight {
    grid-template-columns: 1fr;
  }

  .combo-image-frame {
    min-height: 210px;
  }

  .corporate-trainer-card {
    padding: 1rem;
  }
}


/* =========================================================
   V32: Kapat kesin kapatır, Bitirme altında sayaç, marka slider
   ========================================================= */

/* Kapat butonu daha belirgin */
.universal-floating-tools-toggle [data-mobile-metric-target="close"],
.mobile-floating-tools-toggle [data-mobile-metric-target="close"] {
  background: linear-gradient(145deg, #b91c1c, #7f1d1d) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, .35) !important;
}

.universal-floating-tools-toggle [data-mobile-metric-target="close"] i,
.mobile-floating-tools-toggle [data-mobile-metric-target="close"] i {
  color: #ffffff !important;
}

.universal-floating-tools-toggle [data-mobile-metric-target="close"]:hover,
.mobile-floating-tools-toggle [data-mobile-metric-target="close"]:hover {
  background: linear-gradient(145deg, #ffd24d, #ffb703) !important;
  color: #071b4d !important;
}

/* Bitirme butonu altında canlı yüzde */
#mobileCompletionButtonCounter {
  display: block;
  margin-top: .12rem;
  padding: .08rem .32rem;
  border-radius: 999px;
  background: rgba(255, 210, 77, .16);
  color: inherit;
  font-size: .72rem;
  font-style: normal;
  font-weight: 1000;
  line-height: 1.1;
}

/* Kart kapalı state garanti */
body:not(.universal-metric-open):not(.mobile-metric-open) .floating-left-metric-actions .floating-metric-card {
  display: none !important;
}

/* Kurumsal marka slider */
.corporate-brand-marquee {
  position: relative;
  margin: 1.25rem 0 1rem;
  padding: 1rem;
  border-radius: 26px;
  overflow: hidden;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 210, 77, .22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
}

.brand-marquee-title {
  display: grid;
  gap: .28rem;
  margin-bottom: .85rem;
}

.brand-marquee-title i {
  color: #ffd24d;
  font-size: 1.25rem;
}

.brand-marquee-title strong {
  color: #ffd24d;
  font-size: 1.05rem;
  font-weight: 1000;
}

.brand-marquee-title span {
  color: #f8fafc;
  line-height: 1.45;
  font-weight: 650;
}

.brand-marquee-track {
  display: flex;
  width: max-content;
  gap: .75rem;
  animation: brandMarqueeLeftToRightV32 34s linear infinite;
}

.corporate-brand-marquee:hover .brand-marquee-track {
  animation-play-state: paused;
}

.brand-marquee-row {
  display: flex;
  gap: .75rem;
  align-items: center;
  padding-right: .75rem;
}

.brand-pill {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  white-space: nowrap;
  padding: .72rem 1rem;
  border-radius: 999px;
  background: linear-gradient(145deg, rgba(255,210,77,.16), rgba(255,255,255,.08));
  color: #ffffff;
  border: 1px solid rgba(255, 210, 77, .24);
  font-weight: 900;
  box-shadow: 0 12px 24px rgba(0,0,0,.12);
}

.brand-pill i {
  color: #ffd24d;
}

@keyframes brandMarqueeLeftToRightV32 {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}

@media (max-width: 767.98px) {
  #mobileCompletionButtonCounter {
    font-size: .66rem;
  }

  .corporate-brand-marquee {
    padding: .85rem;
  }

  .brand-pill {
    padding: .62rem .82rem;
    font-size: .82rem;
  }
}


/* =========================================================
   V33: Kapat tüm sol menüyü gizler, brand slider daha görünür
   ========================================================= */

/* Kapat'a basınca Müfredat/Ziyaretçi/Bitirme butonları görünmez; sadece Aç/Kapat kalır */
body.left-metric-toolbar-hidden [data-mobile-metric-target="download"],
body.left-metric-toolbar-hidden [data-mobile-metric-target="visitor"],
body.left-metric-toolbar-hidden [data-mobile-metric-target="completion"] {
  display: none !important;
}

body.left-metric-toolbar-hidden .floating-left-metric-actions .floating-metric-card {
  display: none !important;
}

body.left-metric-toolbar-hidden .universal-floating-tools-toggle,
body.left-metric-toolbar-hidden .mobile-floating-tools-toggle {
  width: 62px !important;
}

body.left-metric-toolbar-hidden [data-mobile-metric-target="close"] {
  background: linear-gradient(145deg, #ffd24d, #ffb703) !important;
  color: #071b4d !important;
  border-color: #ffd24d !important;
  box-shadow: 0 16px 32px rgba(255, 210, 77, .28) !important;
}

/* Brand slider - soldan sağa sürekli dönen marka şeridi */
.v33-brand-marquee,
.corporate-brand-marquee.v33-brand-marquee {
  margin: 1.35rem 0 1.1rem !important;
  padding: 1.1rem !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at top left, rgba(255, 210, 77, .16), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.06)) !important;
  border: 1px solid rgba(255, 210, 77, .28) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 18px 40px rgba(0,0,0,.16) !important;
}

.v33-brand-marquee .brand-marquee-title {
  display: grid !important;
  gap: .3rem !important;
  margin-bottom: .9rem !important;
}

.v33-brand-marquee .brand-marquee-title i {
  color: #ffd24d !important;
  font-size: 1.32rem !important;
}

.v33-brand-marquee .brand-marquee-title strong {
  color: #ffd24d !important;
  font-size: 1.08rem !important;
  font-weight: 1000 !important;
}

.v33-brand-marquee .brand-marquee-title span {
  color: #f8fafc !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
}

.brand-marquee-viewport {
  width: 100% !important;
  overflow: hidden !important;
  position: relative !important;
  mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
}

.v33-brand-marquee .brand-marquee-track {
  display: flex !important;
  width: max-content !important;
  gap: .85rem !important;
  animation: brandMarqueeLeftToRightV33 30s linear infinite !important;
  will-change: transform !important;
}

.v33-brand-marquee:hover .brand-marquee-track {
  animation-play-state: paused !important;
}

.v33-brand-marquee .brand-marquee-row {
  display: flex !important;
  gap: .85rem !important;
  align-items: center !important;
  padding-right: .85rem !important;
}

.v33-brand-marquee .brand-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: .5rem !important;
  white-space: nowrap !important;
  padding: .78rem 1.06rem !important;
  border-radius: 999px !important;
  background: linear-gradient(145deg, rgba(255,210,77,.22), rgba(255,255,255,.10)) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 210, 77, .34) !important;
  font-weight: 900 !important;
  box-shadow: 0 12px 24px rgba(0,0,0,.14) !important;
}

.v33-brand-marquee .brand-pill b {
  color: #ffd24d !important;
  letter-spacing: .02em !important;
}

.v33-brand-marquee .brand-pill i {
  color: #ffd24d !important;
  font-size: 1.08rem !important;
}

@keyframes brandMarqueeLeftToRightV33 {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}

@media (max-width: 767.98px) {
  .v33-brand-marquee,
  .corporate-brand-marquee.v33-brand-marquee {
    padding: .85rem !important;
  }

  .v33-brand-marquee .brand-marquee-track {
    animation-duration: 24s !important;
  }

  .v33-brand-marquee .brand-pill {
    padding: .64rem .84rem !important;
    font-size: .82rem !important;
  }
}


/* =========================================================
   V34: Eğitim verdiği kurumlar - yatay resim+yazı marka slider
   ========================================================= */

.v34-institution-slider {
  margin: 1.35rem 0 1.1rem !important;
  padding: 1.05rem !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at top left, rgba(255, 210, 77, .16), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.06)) !important;
  border: 1px solid rgba(255, 210, 77, .30) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 18px 40px rgba(0,0,0,.16) !important;
}

.v34-institution-slider .institution-slider-title {
  display: grid !important;
  gap: .28rem !important;
  margin-bottom: .9rem !important;
}

.v34-institution-slider .institution-slider-title i {
  color: #ffd24d !important;
  font-size: 1.35rem !important;
}

.v34-institution-slider .institution-slider-title strong {
  color: #ffd24d !important;
  font-size: 1.12rem !important;
  font-weight: 1000 !important;
}

.v34-institution-slider .institution-slider-title span {
  color: #f8fafc !important;
  line-height: 1.45 !important;
  font-weight: 760 !important;
}

.institution-slider-viewport {
  width: 100% !important;
  overflow: hidden !important;
  position: relative !important;
  mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
}

.institution-slider-track {
  display: flex !important;
  width: max-content !important;
  gap: .78rem !important;
  animation: institutionSliderLeftToRightV34 36s linear infinite !important;
  will-change: transform !important;
}

.v34-institution-slider:hover .institution-slider-track {
  animation-play-state: paused !important;
}

.institution-slider-row {
  display: flex !important;
  align-items: center !important;
  gap: .78rem !important;
  padding-right: .78rem !important;
}

.institution-brand-card {
  width: 245px !important;
  min-height: 76px !important;
  display: flex !important;
  align-items: center !important;
  gap: .75rem !important;
  flex: 0 0 auto !important;
  padding: .72rem .82rem !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at top right, rgba(255,210,77,.18), transparent 40%),
    linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.07)) !important;
  border: 1px solid rgba(255, 210, 77, .28) !important;
  box-shadow: 0 14px 28px rgba(0,0,0,.16) !important;
}

.institution-logo-mark {
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  border-radius: 16px !important;
  display: grid !important;
  place-items: center !important;
  color: #071b4d !important;
  font-size: .86rem !important;
  font-weight: 1000 !important;
  letter-spacing: .03em !important;
  background: linear-gradient(145deg, #ffd24d, #ffb703) !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 10px 18px rgba(0,0,0,.16) !important;
}

.institution-brand-card strong {
  display: block !important;
  color: #ffffff !important;
  font-size: .96rem !important;
  font-weight: 1000 !important;
  line-height: 1.12 !important;
  margin-bottom: .18rem !important;
}

.institution-brand-card small {
  display: block !important;
  color: #fff2b8 !important;
  font-size: .76rem !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
}

.institution-aselsan { background: linear-gradient(145deg, #ffd24d, #f59e0b) !important; }
.institution-btk { background: linear-gradient(145deg, #86efac, #22c55e) !important; }
.institution-turkcell { background: linear-gradient(145deg, #fde047, #facc15) !important; }
.institution-roketsan { background: linear-gradient(145deg, #fecaca, #ef4444) !important; }
.institution-mbb { background: linear-gradient(145deg, #bfdbfe, #3b82f6) !important; }
.institution-ibb { background: linear-gradient(145deg, #dbeafe, #2563eb) !important; }
.institution-havelsan { background: linear-gradient(145deg, #c4b5fd, #7c3aed) !important; color: #fff !important; }
.institution-tubitak { background: linear-gradient(145deg, #a7f3d0, #059669) !important; }
.institution-teknokent { background: linear-gradient(145deg, #bae6fd, #0284c7) !important; }
.institution-undp { background: linear-gradient(145deg, #bfdbfe, #1d4ed8) !important; color: #fff !important; }
.institution-aihexa { background: linear-gradient(145deg, #ffd24d, #075bd6) !important; color: #fff !important; }

@keyframes institutionSliderLeftToRightV34 {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}

@media (max-width: 767.98px) {
  .v34-institution-slider {
    padding: .82rem !important;
  }

  .institution-slider-track {
    animation-duration: 28s !important;
  }

  .institution-brand-card {
    width: 215px !important;
    min-height: 68px !important;
    padding: .62rem .72rem !important;
    gap: .62rem !important;
  }

  .institution-logo-mark {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 14px !important;
    font-size: .78rem !important;
  }

  .institution-brand-card strong {
    font-size: .88rem !important;
  }

  .institution-brand-card small {
    font-size: .7rem !important;
  }
}


/* =========================================================
   V35: Kapat tıklanınca Müfredat/Ziyaretçi/Bitirme tamamen gizlenir
   ========================================================= */

body.left-metric-toolbar-hidden .universal-floating-tools-toggle [data-mobile-metric-target="download"],
body.left-metric-toolbar-hidden .universal-floating-tools-toggle [data-mobile-metric-target="visitor"],
body.left-metric-toolbar-hidden .universal-floating-tools-toggle [data-mobile-metric-target="completion"],
body.left-metric-toolbar-hidden .mobile-floating-tools-toggle [data-mobile-metric-target="download"],
body.left-metric-toolbar-hidden .mobile-floating-tools-toggle [data-mobile-metric-target="visitor"],
body.left-metric-toolbar-hidden .mobile-floating-tools-toggle [data-mobile-metric-target="completion"],
body.left-metric-toolbar-hidden [data-mobile-metric-target="download"],
body.left-metric-toolbar-hidden [data-mobile-metric-target="visitor"],
body.left-metric-toolbar-hidden [data-mobile-metric-target="completion"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

body.left-metric-toolbar-hidden .floating-left-metric-actions,
body.left-metric-toolbar-hidden .floating-left-metric-actions .floating-metric-card,
body.left-metric-toolbar-hidden [data-mobile-metric] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.left-metric-toolbar-hidden .universal-floating-tools-toggle,
body.left-metric-toolbar-hidden .mobile-floating-tools-toggle {
  display: grid !important;
  width: 58px !important;
  gap: 0 !important;
}

body.left-metric-toolbar-hidden [data-mobile-metric-target="close"] {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  width: 58px !important;
  height: 52px !important;
  min-width: 58px !important;
  min-height: 52px !important;
  padding: .35rem .18rem !important;
  margin: 0 !important;
  overflow: visible !important;
  background: linear-gradient(145deg, #ffd24d, #ffb703) !important;
  color: #071b4d !important;
  border-color: #ffd24d !important;
  box-shadow: 0 16px 32px rgba(255, 210, 77, .30) !important;
}


/* =========================================================
   V36: AIHEXA kurumsal eğitim ve danışmanlık sekmeli görsel alanı
   ========================================================= */

.corporate-visual-tabs-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at top left, rgba(255, 210, 77, .18), transparent 30%),
    linear-gradient(145deg, #f8fbff, #eef6ff);
}

.corporate-visual-tabs-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 20%, rgba(7, 91, 214, .12), transparent 28%),
    radial-gradient(circle at 86% 18%, rgba(255, 210, 77, .20), transparent 28%),
    linear-gradient(90deg, rgba(7, 27, 77, .04) 1px, transparent 1px),
    linear-gradient(0deg, rgba(7, 27, 77, .04) 1px, transparent 1px);
  background-size: auto, auto, 52px 52px, 52px 52px;
}

.corporate-tabs-shell {
  position: relative;
  border-radius: 38px;
  padding: 1.35rem;
  background:
    radial-gradient(circle at top right, rgba(255, 210, 77, .16), transparent 34%),
    linear-gradient(145deg, #ffffff, #f4f8ff);
  border: 1px solid rgba(7, 91, 214, .14);
  box-shadow: 0 34px 90px rgba(7, 27, 77, .13);
}

.corporate-tabs-left,
.corporate-tabs-right {
  height: 100%;
  border-radius: 30px;
  padding: 1.2rem;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(7, 91, 214, .10);
}

.corporate-tabs-left {
  display: flex;
  flex-direction: column;
  gap: .95rem;
}

.corporate-tabs-eyebrow {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .55rem .8rem;
  border-radius: 999px;
  background: #ffd24d;
  color: #071b4d;
  font-weight: 950;
  font-size: .84rem;
}

.corporate-tabs-left h3 {
  color: #071b4d;
  font-size: clamp(1.45rem, 2.35vw, 2.25rem);
  line-height: 1.12;
  font-weight: 1000;
  margin: 0;
}

.corporate-tabs-left p {
  color: #475569;
  font-weight: 680;
  line-height: 1.65;
  margin: 0;
}

.corporate-tab-buttons {
  display: grid;
  gap: .65rem;
  margin-top: .35rem;
}

.corporate-tab-btn {
  width: 100%;
  border: 1px solid rgba(7, 91, 214, .12);
  border-radius: 22px;
  padding: .78rem .85rem;
  display: flex;
  align-items: center;
  gap: .78rem;
  text-align: left;
  background: linear-gradient(145deg, #ffffff, #f5f8ff);
  color: #071b4d;
  box-shadow: 0 10px 24px rgba(7, 27, 77, .06);
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
}

.corporate-tab-btn i {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: #071b4d;
  color: #ffd24d;
  font-size: 1.25rem;
}

.corporate-tab-btn strong {
  display: block;
  font-size: .96rem;
  font-weight: 1000;
  line-height: 1.15;
}

.corporate-tab-btn small {
  display: block;
  color: #64748b;
  font-weight: 750;
  line-height: 1.18;
  margin-top: .14rem;
}

.corporate-tab-btn:hover,
.corporate-tab-btn.active {
  transform: translateX(5px);
  background:
    radial-gradient(circle at top right, rgba(255, 210, 77, .20), transparent 40%),
    linear-gradient(145deg, #071b4d, #063b91);
  color: #ffffff;
  box-shadow: 0 18px 38px rgba(7, 27, 77, .18);
}

.corporate-tab-btn.active i,
.corporate-tab-btn:hover i {
  background: #ffd24d;
  color: #071b4d;
}

.corporate-tab-btn.active small,
.corporate-tab-btn:hover small {
  color: #fff2b8;
}

.corporate-tabs-right {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background:
    radial-gradient(circle at top right, rgba(255, 210, 77, .10), transparent 34%),
    linear-gradient(145deg, #111827, #071b4d);
  border-color: rgba(255, 210, 77, .18);
}

.corporate-visual-frame {
  flex: 1;
  min-height: 430px;
  border-radius: 28px;
  overflow: hidden;
  background: #071b4d;
  border: 1px solid rgba(255, 210, 77, .18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 24px 55px rgba(0,0,0,.18);
}

.corporate-visual-frame img {
  width: 100%;
  height: 100%;
  min-height: 430px;
  object-fit: cover;
  display: block;
  transition: transform .34s ease, opacity .25s ease;
}

.corporate-visual-frame img.tab-changing {
  opacity: .35;
  transform: scale(.985);
}

.corporate-visual-result {
  border-radius: 24px;
  padding: 1rem;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255, 210, 77, .20);
}

.corporate-visual-result span {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  color: #ffd24d;
  font-weight: 950;
  margin-bottom: .35rem;
}

.corporate-visual-result strong {
  display: block;
  color: #f8fafc;
  font-size: 1.02rem;
  line-height: 1.45;
}

[data-theme="dark"] .corporate-visual-tabs-section {
  background:
    radial-gradient(circle at top right, rgba(255, 210, 77, .08), transparent 34%),
    linear-gradient(145deg, #0b1220, #071b4d) !important;
}

[data-theme="dark"] .corporate-tabs-shell,
[data-theme="dark"] .corporate-tabs-left {
  background:
    radial-gradient(circle at top right, rgba(255, 210, 77, .08), transparent 34%),
    linear-gradient(145deg, #111827, #071b4d) !important;
  border-color: rgba(255, 210, 77, .18) !important;
}

[data-theme="dark"] .corporate-tabs-left h3 {
  color: #ffd24d !important;
}

[data-theme="dark"] .corporate-tabs-left p {
  color: #f8fafc !important;
}

@media (max-width: 991.98px) {
  .corporate-tabs-shell {
    padding: .9rem;
    border-radius: 30px;
  }

  .corporate-visual-frame,
  .corporate-visual-frame img {
    min-height: 310px;
  }
}

@media (max-width: 575.98px) {
  .corporate-tabs-left,
  .corporate-tabs-right {
    padding: .85rem;
    border-radius: 24px;
  }

  .corporate-tab-btn {
    padding: .68rem;
    border-radius: 18px;
  }

  .corporate-tab-btn i {
    width: 38px;
    height: 38px;
    min-width: 38px;
  }

  .corporate-visual-frame,
  .corporate-visual-frame img {
    min-height: 245px;
  }
}


/* =========================================================
   V38: Eski galeri kaldırıldı; görseller Kurumsal Eğitim & Danışmanlık alanına taşındı
   ========================================================= */

/* Eski showcase bölümü herhangi bir nedenle kalırsa sayfada görünmesin */
#showcase {
  display: none !important;
}

/* Header/hero kompakt */
.hero-section {
  padding-top: clamp(4.6rem, 7vw, 6.2rem) !important;
  padding-bottom: clamp(2rem, 4vw, 3.3rem) !important;
  min-height: auto !important;
}

.hero-section .hero-bg-grid,
.hero-section .hero-orb,
.hero-section .hero-visual-card,
.hero-section .trust-row,
.hero-section .visitor-info-line,
.hero-section .floating-price-card {
  display: none !important;
}

.hero-section .hero-badge {
  margin-inline: auto;
}

.hero-section .hero-title {
  max-width: 980px;
  margin-inline: auto;
}

.hero-section .hero-lead {
  max-width: 820px;
  margin-inline: auto;
}

.hero-section .hero-actions {
  justify-content: center;
}

/* Kurumsal Eğitim & Danışmanlık alanında taşınan görseller */
.corporate-gallery-source-note {
  width: fit-content;
  margin: .95rem auto 0;
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .58rem .9rem;
  border-radius: 999px;
  background: rgba(255, 210, 77, .18);
  color: #071b4d;
  border: 1px solid rgba(255, 210, 77, .42);
  font-weight: 900;
}

.corporate-visual-frame {
  background:
    radial-gradient(circle at top right, rgba(255, 210, 77, .12), transparent 34%),
    linear-gradient(145deg, #071b4d, #111827) !important;
}

.corporate-visual-frame img {
  object-fit: cover !important;
  object-position: center !important;
}

.corporate-tabs-right {
  min-height: 100%;
}

[data-theme="dark"] .corporate-gallery-source-note {
  background: rgba(255, 210, 77, .18);
  color: #ffd24d;
  border-color: rgba(255, 210, 77, .32);
}

@media (max-width: 991.98px) {
  .hero-section {
    padding-top: 4.25rem !important;
    padding-bottom: 2rem !important;
  }
}


/* =========================================================
   V39: Proje Mentörlüğü sonrası 3 yeni kurumsal sekme
   ========================================================= */

.corporate-tab-buttons {
  max-height: 690px;
  overflow-y: auto;
  padding-right: .25rem;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 210, 77, .75) rgba(7, 27, 77, .10);
}

.corporate-tab-buttons::-webkit-scrollbar {
  width: 7px;
}

.corporate-tab-buttons::-webkit-scrollbar-track {
  background: rgba(7, 27, 77, .08);
  border-radius: 999px;
}

.corporate-tab-buttons::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #ffd24d, #ffb703);
  border-radius: 999px;
}

.corporate-tab-btn[data-corporate-tab="5"] i,
.corporate-tab-btn[data-corporate-tab="6"] i,
.corporate-tab-btn[data-corporate-tab="7"] i {
  background: linear-gradient(145deg, #ffd24d, #ffb703);
  color: #071b4d;
}

.corporate-tab-btn[data-corporate-tab="5"].active i,
.corporate-tab-btn[data-corporate-tab="6"].active i,
.corporate-tab-btn[data-corporate-tab="7"].active i,
.corporate-tab-btn[data-corporate-tab="5"]:hover i,
.corporate-tab-btn[data-corporate-tab="6"]:hover i,
.corporate-tab-btn[data-corporate-tab="7"]:hover i {
  background: #ffffff;
  color: #071b4d;
}

@media (max-width: 991.98px) {
  .corporate-tab-buttons {
    max-height: none;
    overflow-y: visible;
    padding-right: 0;
  }
}


/* =========================================================
   V40: Full Stack Yazılım Eğitimleri + Kurumsal görseller en üstte birleşti
   ========================================================= */

.hero-corporate-visuals-top {
  width: min(1180px, calc(100% - 1.5rem));
  margin: clamp(1.6rem, 3vw, 2.6rem) auto 0;
  position: relative;
  z-index: 3;
}

.hero-corporate-heading {
  text-align: center;
  max-width: 920px;
  margin: 0 auto 1.2rem;
}

.hero-corporate-heading h2 {
  color: #ffffff;
  font-weight: 1000;
  font-size: clamp(1.45rem, 3vw, 2.55rem);
  line-height: 1.12;
  margin: .65rem 0 .45rem;
}

.hero-corporate-heading p {
  color: rgba(255,255,255,.86);
  font-weight: 700;
  line-height: 1.62;
  margin: 0;
}

.hero-corporate-tabs-shell {
  background:
    radial-gradient(circle at top right, rgba(255, 210, 77, .14), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(244,248,255,.94)) !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.20) !important;
}

.hero-corporate-tabs-shell .corporate-tab-buttons {
  max-height: 620px;
  overflow-y: auto;
}

.hero-corporate-tabs-shell .corporate-visual-frame,
.hero-corporate-tabs-shell .corporate-visual-frame img {
  min-height: 390px;
}

.hero-corporate-tabs-shell .corporate-visual-frame img {
  object-fit: cover;
  object-position: center;
}

/* Aşağıda eski corporate/görsel alan kalırsa kesin gizle */
main > .corporate-visual-tabs-section,
main #corporate-visuals.corporate-visual-tabs-section,
#showcase {
  display: none !important;
}

/* Header üst alan geniş olduğu için biraz kompakt kalsın */
.hero-section {
  padding-bottom: clamp(2.2rem, 4vw, 3.4rem) !important;
}

[data-theme="dark"] .hero-corporate-tabs-shell {
  background:
    radial-gradient(circle at top right, rgba(255, 210, 77, .08), transparent 34%),
    linear-gradient(145deg, #111827, #071b4d) !important;
  border-color: rgba(255, 210, 77, .18) !important;
}

[data-theme="dark"] .hero-corporate-heading h2 {
  color: #ffd24d !important;
}

@media (max-width: 991.98px) {
  .hero-corporate-tabs-shell .corporate-tab-buttons {
    max-height: none;
    overflow-y: visible;
  }

  .hero-corporate-tabs-shell .corporate-visual-frame,
  .hero-corporate-tabs-shell .corporate-visual-frame img {
    min-height: 285px;
  }
}

@media (max-width: 575.98px) {
  .hero-corporate-visuals-top {
    width: min(100% - .85rem, 1180px);
    margin-top: 1.2rem;
  }
}


/* =========================================================
   V42: Admin metrik filtreleme + Update/Delete/Soft delete
   ========================================================= */

.admin-metric-filter-card {
  display: grid;
  grid-template-columns: 1fr minmax(220px, 280px) minmax(260px, 420px);
  gap: 1rem;
  align-items: end;
  padding: 1rem;
  border-radius: 24px;
  background: #ffffff;
  border: 1px solid rgba(6,72,200,.12);
  box-shadow: 0 18px 44px rgba(7,27,77,.08);
}

.metric-filter-control .form-select {
  border-radius: 16px;
  font-weight: 800;
}

.admin-metric-info {
  padding: .85rem 1rem;
  border-radius: 18px;
  background: rgba(6,72,200,.08);
  color: var(--ai-navy);
  font-weight: 850;
}

.admin-action-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  min-width: 210px;
}

.admin-action-buttons .btn {
  border-radius: 12px;
  font-weight: 900;
}

.registration-row-deleted {
  opacity: .72;
  background: rgba(220, 38, 38, .055) !important;
}

.status-deleted {
  background: rgba(220,38,38,.13);
  color: #b91c1c;
}

.admin-edit-modal {
  border: 0;
  border-radius: 26px;
  overflow: hidden;
}

.admin-edit-modal .modal-header {
  background: linear-gradient(135deg, var(--ai-navy), var(--ai-blue));
  color: #ffffff;
}

.admin-edit-modal .form-control,
.admin-edit-modal .form-select {
  border-radius: 16px;
}

[data-theme="dark"] .admin-metric-filter-card,
[data-theme="dark"] .admin-edit-modal {
  background: linear-gradient(145deg, #111827, #071b4d);
  border-color: rgba(255,210,77,.18);
  color: #f8fafc;
}

[data-theme="dark"] .admin-metric-info {
  background: rgba(255,210,77,.12);
  color: #ffd24d;
}

@media (max-width: 991.98px) {
  .admin-metric-filter-card {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   V43: SQLite embedded database + ziyaretçi IP/konum tablosu
   ========================================================= */

#visitorEventsTableBody code {
  color: #075bd6;
  font-weight: 900;
}

[data-theme="dark"] #visitorEventsTableBody code {
  color: #ffd24d;
}


/* =========================================================
   V44: Logo büyütme + mobil Kapat kesin gizleme
   ========================================================= */

.navbar-brand img,
.site-logo,
.logo-img,
img[alt*="AIHEXA"],
img[src*="aihexa_gokmavi"] {
  max-height: 84px !important;
  height: 84px !important;
  width: auto !important;
}

.navbar-brand {
  gap: .75rem !important;
  font-size: 1.35rem !important;
  font-weight: 1000 !important;
}

.navbar {
  min-height: 86px !important;
}

@media (max-width: 991.98px) {
  .navbar-brand img,
  .site-logo,
  .logo-img,
  img[alt*="AIHEXA"],
  img[src*="aihexa_gokmavi"] {
    max-height: 70px !important;
    height: 70px !important;
  }

  .navbar {
    min-height: 76px !important;
  }
}

body.left-metric-toolbar-hidden [data-mobile-metric-target="download"],
body.left-metric-toolbar-hidden [data-mobile-metric-target="visitor"],
body.left-metric-toolbar-hidden [data-mobile-metric-target="completion"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

body.left-metric-toolbar-hidden [data-mobile-metric],
body.left-metric-toolbar-hidden .floating-metric-card,
body.left-metric-toolbar-hidden .mobile-metric-card,
body.left-metric-toolbar-hidden .universal-metric-card {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.left-metric-toolbar-hidden [data-mobile-metric-target="close"] {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}


/* =========================================================
   V45: Sağ alt kayıt popup + admin Ekle/Göster/Sil
   ========================================================= */

.aihexa-toast-v45 {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 3000;
  width: min(420px, calc(100vw - 32px));
  display: flex;
  align-items: flex-start;
  gap: .85rem;
  padding: 1rem 1.05rem;
  border-radius: 22px;
  background: linear-gradient(135deg, #071b4d, #075bd6);
  color: #ffffff;
  box-shadow: 0 24px 70px rgba(7,27,77,.34);
  transform: translateY(24px) scale(.96);
  opacity: 0;
  pointer-events: none;
  transition: all .28s ease;
}

.aihexa-toast-v45.show {
  transform: translateY(0) scale(1);
  opacity: 1;
  pointer-events: auto;
}

.aihexa-toast-icon-v45 {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: rgba(255,210,77,.18);
  color: #ffd24d;
  font-size: 1.35rem;
  flex: 0 0 auto;
}

.aihexa-toast-content-v45 {
  display: grid;
  gap: .15rem;
  line-height: 1.35;
}

.aihexa-toast-content-v45 strong {
  font-weight: 1000;
  font-size: 1rem;
}

.aihexa-toast-content-v45 span {
  font-weight: 750;
  opacity: .94;
}

.aihexa-toast-close-v45 {
  margin-left: auto;
  border: 0;
  background: rgba(255,255,255,.16);
  color: #ffffff;
  width: 32px;
  height: 32px;
  border-radius: 12px;
  display: grid;
  place-items: center;
}

.registration-show-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
}

.registration-show-grid > div {
  padding: .85rem;
  border-radius: 18px;
  background: rgba(6,72,200,.06);
  border: 1px solid rgba(6,72,200,.1);
}

.registration-show-grid > div.full {
  grid-column: 1 / -1;
}

.registration-show-grid > div.danger {
  background: rgba(220,38,38,.08);
  border-color: rgba(220,38,38,.2);
}

.registration-show-grid span {
  display: block;
  font-size: .78rem;
  color: #64748b;
  font-weight: 850;
  margin-bottom: .25rem;
}

.registration-show-grid strong {
  display: block;
  color: var(--ai-navy);
  font-weight: 950;
  word-break: break-word;
}

.admin-action-buttons {
  min-width: 260px;
}

.admin-action-buttons .btn-info {
  color: #ffffff;
  background: #0ea5e9;
  border-color: #0ea5e9;
}

@media (max-width: 575.98px) {
  .aihexa-toast-v45 {
    right: 12px;
    bottom: 12px;
  }

  .registration-show-grid {
    grid-template-columns: 1fr;
  }
}

[data-theme="dark"] .registration-show-grid > div {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.12);
}

[data-theme="dark"] .registration-show-grid strong {
  color: #f8fafc;
}


/* =========================================================
   V46: Header düzeni + site arama + silinen kayıtlar modalı
   ========================================================= */

.ai-header-inner-v46 {
  display: grid !important;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 1rem;
}

.aihexa-brand-v46 {
  justify-self: start !important;
  margin-right: 0 !important;
}

.aihexa-brand-v46 img,
.navbar-brand.aihexa-brand-v46 img,
.navbar .navbar-brand img {
  height: 96px !important;
  max-height: 96px !important;
  width: auto !important;
  object-fit: contain !important;
}

.main-ordered-navbar {
  justify-content: center !important;
  justify-self: center !important;
  text-align: center;
  gap: .1rem;
}

.navbar .d-flex.gap-2,
.navbar .header-actions,
.navbar .theme-actions,
.navbar .navbar-actions {
  justify-self: end !important;
}

.header-search-btn-v46 {
  border-radius: 999px !important;
  font-weight: 900 !important;
  white-space: nowrap;
}

.site-search-modal-v46 {
  border: 0;
  border-radius: 26px;
  overflow: hidden;
}

.site-search-modal-v46 .modal-header {
  background: linear-gradient(135deg, var(--ai-navy), var(--ai-blue));
  color: #ffffff;
}

.site-search-results-v46 {
  display: grid;
  gap: .65rem;
  max-height: 420px;
  overflow: auto;
}

.site-search-result-item-v46 {
  display: grid;
  gap: .2rem;
  padding: .85rem;
  border-radius: 18px;
  text-decoration: none;
  background: rgba(6,72,200,.06);
  border: 1px solid rgba(6,72,200,.1);
}

.site-search-result-item-v46 strong {
  color: var(--ai-navy);
  font-weight: 1000;
}

.site-search-result-item-v46 span {
  color: #64748b;
  font-weight: 700;
}

.deleted-modal-v46 .modal-body {
  background: linear-gradient(180deg, rgba(6,72,200,.04), rgba(255,255,255,.96));
}

.soft-delete-student-info-v46 {
  padding: .9rem;
  border-radius: 18px;
  background: rgba(6,72,200,.06);
  border: 1px solid rgba(6,72,200,.12);
}

.soft-delete-student-info-v46 strong {
  display: block;
  color: var(--ai-navy);
  font-weight: 1000;
}

.soft-delete-student-info-v46 span {
  color: #64748b;
  font-weight: 800;
}

@media (max-width: 1199.98px) {
  .aihexa-brand-v46 img,
  .navbar-brand.aihexa-brand-v46 img,
  .navbar .navbar-brand img {
    height: 82px !important;
    max-height: 82px !important;
  }

  .main-ordered-navbar {
    font-size: .9rem;
  }
}

@media (max-width: 991.98px) {
  .ai-header-inner-v46 {
    display: flex !important;
  }

  .aihexa-brand-v46 img,
  .navbar-brand.aihexa-brand-v46 img,
  .navbar .navbar-brand img {
    height: 78px !important;
    max-height: 78px !important;
  }

  .navbar-collapse {
    text-align: center;
  }

  .main-ordered-navbar {
    justify-content: center !important;
  }

  .navbar .d-flex.gap-2 {
    justify-content: center !important;
    margin-top: .75rem;
  }
}

@media (max-width: 575.98px) {
  .aihexa-brand-v46 img,
  .navbar-brand.aihexa-brand-v46 img,
  .navbar .navbar-brand img {
    height: 68px !important;
    max-height: 68px !important;
  }

  .header-search-btn-v46 {
    width: 100%;
  }
}

[data-theme="dark"] .site-search-result-item-v46,
[data-theme="dark"] .soft-delete-student-info-v46 {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.12);
}

[data-theme="dark"] .site-search-result-item-v46 strong,
[data-theme="dark"] .soft-delete-student-info-v46 strong {
  color: #f8fafc;
}

[data-theme="dark"] .site-search-result-item-v46 span,
[data-theme="dark"] .soft-delete-student-info-v46 span {
  color: #cbd5e1;
}


/* =========================================================
   V49: 404 sayfası + site içi arama
   ========================================================= */

.not-found-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 10% 10%, rgba(7,91,214,.22), transparent 32%),
    radial-gradient(circle at 90% 20%, rgba(255,210,77,.2), transparent 30%),
    linear-gradient(135deg, #f8fbff, #eef5ff);
}

.not-found-shell-v49 {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 2rem 1rem;
  position: relative;
  overflow: hidden;
}

.not-found-bg-grid-v49 {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(7,91,214,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7,91,214,.06) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: radial-gradient(circle, #000 48%, transparent 78%);
}

.not-found-card-v49 {
  width: min(940px, 100%);
  position: relative;
  z-index: 1;
  padding: clamp(1.5rem, 4vw, 3rem);
  border-radius: 34px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(7,91,214,.12);
  box-shadow: 0 34px 90px rgba(7,27,77,.16);
  text-align: center;
}

.not-found-logo-v49 {
  display: inline-flex;
  align-items: center;
  gap: .75rem;
  text-decoration: none;
  color: var(--ai-navy);
  margin-bottom: 1.5rem;
}

.not-found-logo-v49 img {
  height: 84px;
  width: auto;
  object-fit: contain;
}

.not-found-logo-v49 span {
  display: grid;
  text-align: left;
}

.not-found-logo-v49 strong {
  font-size: 1.3rem;
  font-weight: 1000;
  letter-spacing: .04em;
}

.not-found-logo-v49 small {
  color: #64748b;
  font-weight: 800;
}

.not-found-code-v49 {
  font-size: clamp(5.5rem, 16vw, 12rem);
  line-height: .85;
  font-weight: 1000;
  letter-spacing: -.08em;
  background: linear-gradient(135deg, var(--ai-blue), var(--ai-navy));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 24px 60px rgba(7,91,214,.16);
}

.not-found-card-v49 h1 {
  font-size: clamp(2rem, 4vw, 3.5rem);
  font-weight: 1000;
  color: var(--ai-navy);
  margin: 1rem 0 .75rem;
}

.not-found-card-v49 p {
  max-width: 720px;
  margin: 0 auto 1.5rem;
  color: #475569;
  font-weight: 750;
}

.not-found-search-v49 {
  max-width: 760px;
  margin: 0 auto 1.5rem;
  text-align: left;
  padding: 1rem;
  border-radius: 24px;
  background: rgba(6,72,200,.055);
  border: 1px solid rgba(6,72,200,.1);
}

.not-found-search-v49 .form-control,
.not-found-search-v49 .btn {
  border-radius: 16px;
}

.not-found-results-v49 {
  display: grid;
  gap: .65rem;
  margin-top: .85rem;
  max-height: 320px;
  overflow: auto;
}

.not-found-result-item-v49 {
  display: grid;
  gap: .2rem;
  padding: .85rem;
  border-radius: 18px;
  text-decoration: none;
  background: #ffffff;
  border: 1px solid rgba(6,72,200,.1);
}

.not-found-result-item-v49 strong {
  color: var(--ai-navy);
  font-weight: 1000;
}

.not-found-result-item-v49 span {
  color: #64748b;
  font-weight: 700;
}

.not-found-actions-v49 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .75rem;
}

@media (max-width: 575.98px) {
  .not-found-logo-v49 img {
    height: 68px;
  }

  .not-found-search-v49 {
    padding: .8rem;
  }

  .not-found-actions-v49 .btn {
    width: 100%;
  }
}

[data-theme="dark"] .not-found-page {
  background:
    radial-gradient(circle at 10% 10%, rgba(7,91,214,.28), transparent 32%),
    radial-gradient(circle at 90% 20%, rgba(255,210,77,.13), transparent 30%),
    linear-gradient(135deg, #07111f, #111827);
}

[data-theme="dark"] .not-found-card-v49,
[data-theme="dark"] .not-found-search-v49,
[data-theme="dark"] .not-found-result-item-v49 {
  background: rgba(15,23,42,.92);
  border-color: rgba(255,255,255,.12);
}

[data-theme="dark"] .not-found-card-v49 h1,
[data-theme="dark"] .not-found-logo-v49,
[data-theme="dark"] .not-found-result-item-v49 strong {
  color: #f8fafc;
}

[data-theme="dark"] .not-found-card-v49 p,
[data-theme="dark"] .not-found-logo-v49 small,
[data-theme="dark"] .not-found-result-item-v49 span {
  color: #cbd5e1;
}


/* =========================================================
   V50: Header kesin hizalama — logo sol, menü orta, aksiyonlar sağ
   ========================================================= */

@media (min-width: 992px) {
  .ai-navbar {
    min-height: 118px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .ai-navbar > .container,
  .ai-navbar > .container.ai-header-inner-v50,
  .ai-header-inner-v50 {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 118px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .aihexa-brand-v50,
  .ai-navbar .navbar-brand.aihexa-brand-v50 {
    position: absolute !important;
    left: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 30 !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 230px !important;
    max-width: 320px !important;
  }

  .aihexa-brand-v50 .brand-text {
    display: grid !important;
    line-height: 1.05 !important;
  }

  .aihexa-brand-v50 .brand-text strong {
    font-size: 1.32rem !important;
    font-weight: 1000 !important;
    letter-spacing: .04em !important;
  }

  .aihexa-brand-v50 .brand-text small {
    font-size: .72rem !important;
    font-weight: 850 !important;
  }

  .aihexa-logo-v50,
  .aihexa-brand-v50 img,
  .ai-navbar .brand-logo,
  .ai-navbar .aihexa-dynamic-logo-img,
  .ai-navbar img[src*="aihexa_gokmavi"] {
    height: 104px !important;
    max-height: 104px !important;
    min-height: 104px !important;
    width: auto !important;
    max-width: 150px !important;
    object-fit: contain !important;
    display: block !important;
  }

  .ai-navbar-collapse-v50,
  .ai-navbar .navbar-collapse.ai-navbar-collapse-v50 {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
  }

  .ai-menu-v50,
  .ai-navbar .main-ordered-navbar.ai-menu-v50 {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 20 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .08rem !important;
    white-space: nowrap !important;
  }

  .ai-menu-v50 .nav-link {
    padding: .45rem .42rem !important;
    font-size: .82rem !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  .ai-actions-v50,
  .ai-navbar .navbar-actions.ai-actions-v50 {
    position: absolute !important;
    right: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 30 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: .45rem !important;
    flex-wrap: nowrap !important;
    min-width: 245px !important;
  }

  .ai-actions-v50 .btn {
    white-space: nowrap !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
    padding: .56rem .78rem !important;
    font-size: .84rem !important;
  }

  .ai-actions-v50 #navRegisterBtn {
    min-width: 104px !important;
  }

  .ai-actions-v50 #themeToggle {
    min-width: 86px !important;
  }

  .ai-actions-v50 #siteSearchOpenBtn {
    min-width: 90px !important;
  }
}

@media (min-width: 1200px) {
  .ai-menu-v50 .nav-link {
    padding-left: .55rem !important;
    padding-right: .55rem !important;
    font-size: .88rem !important;
  }

  .ai-actions-v50 .btn {
    font-size: .88rem !important;
    padding-left: .9rem !important;
    padding-right: .9rem !important;
  }
}

@media (min-width: 1400px) {
  .aihexa-logo-v50,
  .aihexa-brand-v50 img,
  .ai-navbar .brand-logo,
  .ai-navbar .aihexa-dynamic-logo-img,
  .ai-navbar img[src*="aihexa_gokmavi"] {
    height: 112px !important;
    max-height: 112px !important;
    min-height: 112px !important;
    max-width: 165px !important;
  }

  .ai-navbar,
  .ai-header-inner-v50 {
    min-height: 126px !important;
  }

  .ai-menu-v50 .nav-link {
    font-size: .94rem !important;
    padding-left: .68rem !important;
    padding-right: .68rem !important;
  }
}

@media (max-width: 991.98px) {
  .ai-header-inner-v50 {
    display: flex !important;
    align-items: center !important;
  }

  .aihexa-logo-v50,
  .aihexa-brand-v50 img,
  .ai-navbar .brand-logo,
  .ai-navbar .aihexa-dynamic-logo-img,
  .ai-navbar img[src*="aihexa_gokmavi"] {
    height: 82px !important;
    max-height: 82px !important;
    min-height: 82px !important;
    width: auto !important;
    max-width: 128px !important;
    object-fit: contain !important;
  }

  .aihexa-brand-v50 {
    margin-right: auto !important;
  }

  .ai-navbar .navbar-collapse {
    margin-top: .75rem !important;
  }

  .ai-menu-v50 {
    text-align: center !important;
  }

  .ai-actions-v50 {
    justify-content: center !important;
    width: 100% !important;
    margin-top: .75rem !important;
  }
}

@media (max-width: 575.98px) {
  .aihexa-logo-v50,
  .aihexa-brand-v50 img,
  .ai-navbar .brand-logo,
  .ai-navbar .aihexa-dynamic-logo-img,
  .ai-navbar img[src*="aihexa_gokmavi"] {
    height: 74px !important;
    max-height: 74px !important;
    min-height: 74px !important;
    max-width: 116px !important;
  }

  .aihexa-brand-v50 .brand-text strong {
    font-size: 1.02rem !important;
  }

  .aihexa-brand-v50 .brand-text small {
    font-size: .62rem !important;
  }
}


/* =========================================================
   V51: Admin artan ID + pagination + IP/lokasyon + grafikler
   ========================================================= */

.admin-row-id-v51 {
  display: inline-grid;
  place-items: center;
  min-width: 44px;
  padding: .35rem .55rem;
  border-radius: 999px;
  background: rgba(7,91,214,.11);
  color: var(--ai-blue);
  font-weight: 1000;
}

.admin-ip-location-cell-v51 {
  min-width: 180px;
}

.admin-ip-location-cell-v51 code {
  display: inline-block;
  padding: .25rem .45rem;
  border-radius: 10px;
  background: rgba(7,91,214,.08);
  color: #075bd6;
  font-weight: 900;
  margin-bottom: .25rem;
}

.admin-ip-location-cell-v51 small {
  display: block;
  color: #64748b;
  font-weight: 750;
}

.admin-pagination-wrap-v51 {
  padding: .9rem;
  border-radius: 20px;
  background: rgba(6,72,200,.045);
  border: 1px solid rgba(6,72,200,.1);
}

.admin-page-size-v51 {
  display: flex;
  align-items: center;
  gap: .55rem;
}

.admin-page-size-v51 .form-select {
  width: 92px;
  border-radius: 12px;
  font-weight: 850;
}

.admin-pagination-info-v51 {
  font-weight: 900;
  color: var(--ai-navy);
}

.admin-analytics-card-v51 {
  padding: 1rem;
  border-radius: 24px;
  background: #ffffff;
  border: 1px solid rgba(6,72,200,.12);
  box-shadow: 0 18px 44px rgba(7,27,77,.08);
}

.analytics-chart-grid-v51 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.analytics-chart-box-v51 {
  padding: 1rem;
  border-radius: 22px;
  background: rgba(6,72,200,.045);
  border: 1px solid rgba(6,72,200,.1);
}

.analytics-chart-box-v51 h3 {
  font-size: .98rem;
  font-weight: 1000;
  color: var(--ai-navy);
  margin-bottom: .85rem;
}

.analytics-bars-v51 {
  height: 170px;
  display: flex;
  align-items: end;
  gap: .35rem;
  padding: .75rem .4rem .2rem;
  border-radius: 18px;
  background: rgba(255,255,255,.72);
  overflow-x: auto;
}

.analytics-bar-item-v51 {
  flex: 1 0 32px;
  min-width: 32px;
  height: 100%;
  display: grid;
  grid-template-rows: 22px 1fr 20px;
  align-items: end;
  justify-items: center;
  gap: .25rem;
}

.analytics-bar-item-v51 i {
  width: 100%;
  max-width: 24px;
  display: block;
  border-radius: 999px 999px 6px 6px;
  background: linear-gradient(180deg, var(--ai-blue), var(--ai-navy));
  box-shadow: 0 8px 18px rgba(7,91,214,.18);
}

.analytics-bar-value-v51 {
  font-size: .72rem;
  font-weight: 950;
  color: var(--ai-navy);
}

.analytics-bar-item-v51 small {
  font-size: .66rem;
  font-weight: 800;
  color: #64748b;
  transform: rotate(-35deg);
  transform-origin: center;
  white-space: nowrap;
}

.analytics-change-grid-v51 {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}

.analytics-change-card-v51 {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-areas:
    "icon label value"
    "icon small small";
  align-items: center;
  column-gap: .42rem;
  min-width: 132px;
  padding: .55rem .65rem;
  border-radius: 16px;
  background: rgba(100,116,139,.08);
  border: 1px solid rgba(100,116,139,.14);
}

.analytics-change-card-v51 i { grid-area: icon; font-size: 1.05rem; }
.analytics-change-card-v51 span { grid-area: label; font-size: .75rem; font-weight: 900; color: #64748b; }
.analytics-change-card-v51 strong { grid-area: value; font-size: .9rem; font-weight: 1000; color: var(--ai-navy); }
.analytics-change-card-v51 small { grid-area: small; font-size: .7rem; font-weight: 850; color: #64748b; }

.analytics-change-card-v51.up {
  background: rgba(34,197,94,.1);
  border-color: rgba(34,197,94,.2);
}

.analytics-change-card-v51.up i,
.analytics-change-card-v51.up strong {
  color: #16a34a;
}

.analytics-change-card-v51.down {
  background: rgba(239,68,68,.1);
  border-color: rgba(239,68,68,.2);
}

.analytics-change-card-v51.down i,
.analytics-change-card-v51.down strong {
  color: #dc2626;
}

@media (max-width: 991.98px) {
  .analytics-chart-grid-v51 {
    grid-template-columns: 1fr;
  }
}

[data-theme="dark"] .admin-row-id-v51,
[data-theme="dark"] .admin-ip-location-cell-v51 code {
  background: rgba(255,210,77,.12);
  color: #ffd24d;
}

[data-theme="dark"] .admin-pagination-wrap-v51,
[data-theme="dark"] .admin-analytics-card-v51,
[data-theme="dark"] .analytics-chart-box-v51 {
  background: rgba(15,23,42,.92);
  border-color: rgba(255,255,255,.12);
}

[data-theme="dark"] .analytics-bars-v51 {
  background: rgba(255,255,255,.05);
}

[data-theme="dark"] .analytics-chart-box-v51 h3,
[data-theme="dark"] .analytics-bar-value-v51,
[data-theme="dark"] .admin-pagination-info-v51 {
  color: #f8fafc;
}

[data-theme="dark"] .analytics-bar-item-v51 small,
[data-theme="dark"] .admin-ip-location-cell-v51 small {
  color: #cbd5e1;
}


/* =========================================================
   V52: Hedef/Not Devam Bak + kolon sıralama + grafik görünürlük
   ========================================================= */

.goal-cell-v52 {
  max-width: 280px;
  min-width: 220px;
}

.goal-preview-wrap-v52 {
  display: grid;
  gap: .45rem;
}

.goal-preview-v52 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  line-height: 1.38;
  font-weight: 760;
  color: #334155;
}

.goal-preview-v52.empty {
  display: block;
  color: #94a3b8;
}

.goal-detail-btn-v52 {
  width: max-content;
  border-radius: 999px;
  font-weight: 900;
  padding: .25rem .6rem;
}

.goal-detail-student-v52 {
  padding: .85rem;
  border-radius: 18px;
  background: rgba(6,72,200,.07);
  border: 1px solid rgba(6,72,200,.12);
  margin-bottom: .9rem;
}

.goal-detail-student-v52 strong {
  display: block;
  font-size: 1.05rem;
  font-weight: 1000;
  color: var(--ai-navy);
}

.goal-detail-student-v52 span {
  color: #64748b;
  font-weight: 820;
}

.goal-detail-text-v52 {
  white-space: pre-wrap;
  line-height: 1.7;
  padding: 1rem;
  border-radius: 20px;
  background: #ffffff;
  border: 1px solid rgba(15,23,42,.1);
  color: #334155;
  font-weight: 760;
}

.admin-sort-header-v52 {
  border: 0;
  background: transparent;
  color: inherit;
  font-weight: 1000;
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  text-align: left;
}

.admin-sort-header-v52:hover {
  color: var(--ai-blue);
}

.analytics-empty-v52 {
  width: 100%;
  min-height: 120px;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 1rem;
  color: #64748b;
  font-weight: 850;
}

.analytics-bars-v51:empty::before {
  content: "Grafik verisi yükleniyor...";
  width: 100%;
  min-height: 120px;
  display: grid;
  place-items: center;
  color: #64748b;
  font-weight: 850;
}

[data-theme="dark"] .goal-preview-v52,
[data-theme="dark"] .goal-detail-text-v52 {
  color: #e2e8f0;
}

[data-theme="dark"] .goal-detail-student-v52,
[data-theme="dark"] .goal-detail-text-v52 {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.12);
}

[data-theme="dark"] .goal-detail-student-v52 strong {
  color: #f8fafc;
}

[data-theme="dark"] .goal-detail-student-v52 span,
[data-theme="dark"] .analytics-empty-v52,
[data-theme="dark"] .analytics-bars-v51:empty::before {
  color: #cbd5e1;
}


/* =========================================================
   V56: Admin listedeki öğrenciye mail gönder
   ========================================================= */

.mail-cell-v56 {
  min-width: 132px;
  text-align: center;
}

.mail-cell-v56 .btn {
  border-radius: 999px;
  box-shadow: 0 10px 22px rgba(255,210,77,.16);
  white-space: nowrap;
}

.mail-target-card-v56 {
  display: grid;
  gap: .2rem;
  padding: .9rem 1rem;
  border-radius: 18px;
  background: rgba(255,210,77,.16);
  border: 1px solid rgba(255,210,77,.42);
  margin-bottom: 1rem;
}

.mail-target-card-v56 strong {
  color: var(--ai-navy);
  font-weight: 1000;
  font-size: 1.05rem;
}

.mail-target-card-v56 span {
  color: #075bd6;
  font-weight: 900;
}

.mail-target-card-v56 small {
  color: #64748b;
  font-weight: 760;
}

[data-theme="dark"] .mail-target-card-v56 {
  background: rgba(255,210,77,.10);
  border-color: rgba(255,210,77,.24);
}

[data-theme="dark"] .mail-target-card-v56 strong {
  color: #f8fafc;
}

[data-theme="dark"] .mail-target-card-v56 span {
  color: #ffd24d;
}

[data-theme="dark"] .mail-target-card-v56 small {
  color: #cbd5e1;
}


/* =========================================================
   V57: Attachment + gönderilen mailler + zamanlı gönderim
   ========================================================= */

.sent-mails-cell-v57 {
  min-width: 170px;
  text-align: center;
}

.sent-mails-cell-v57 .btn {
  border-radius: 999px;
  white-space: nowrap;
}

.sent-mails-modal-v57 .modal-body {
  background: linear-gradient(180deg, rgba(6,72,200,.04), rgba(255,255,255,.96));
}

#mailAttachmentsV57,
#mailScheduledAtV57 {
  border-radius: 16px;
}

.mail-target-card-v56::after {
  content: "Kurumsal AIHEXA logolu mail şablonu ile gönderilir.";
  display: block;
  margin-top: .35rem;
  font-size: .78rem;
  font-weight: 800;
  color: #64748b;
}

@media (max-width: 991.98px) {
  .sent-mails-cell-v57,
  .mail-cell-v56 {
    min-width: 150px;
  }
}

[data-theme="dark"] .sent-mails-modal-v57 .modal-body {
  background: linear-gradient(180deg, rgba(15,23,42,.96), rgba(15,23,42,.88));
}


/* =========================================================
   V58: Mail resend + drag-drop attachment + header notifications
   ========================================================= */

.admin-header-actions-v58 {
  align-items: center;
}

.admin-notify-btn-v58 {
  position: relative;
  border-radius: 999px;
  white-space: nowrap;
}

.admin-notify-btn-v58.has-new-v58 {
  animation: aihexaNotifyBlinkV58 1s infinite;
  box-shadow: 0 0 0 .25rem rgba(255,210,77,.24);
}

@keyframes aihexaNotifyBlinkV58 {
  0%, 100% { filter: brightness(1); transform: translateY(0); }
  50% { filter: brightness(1.28); transform: translateY(-1px); }
}

.mail-drop-zone-v58 {
  display: grid;
  place-items: center;
  gap: .25rem;
  min-height: 150px;
  padding: 1rem;
  border: 2px dashed rgba(7,91,214,.38);
  border-radius: 22px;
  background: rgba(7,91,214,.055);
  text-align: center;
  cursor: pointer;
  transition: all .22s ease;
}

.mail-drop-zone-v58 i {
  font-size: 2.2rem;
  color: var(--ai-blue);
}

.mail-drop-zone-v58 strong {
  color: var(--ai-navy);
  font-weight: 1000;
}

.mail-drop-zone-v58 span,
.mail-drop-zone-v58 small {
  color: #64748b;
  font-weight: 780;
}

.mail-drop-zone-v58.drag-over {
  background: rgba(255,210,77,.22);
  border-color: #ffd24d;
  transform: scale(1.01);
}

.mail-attachment-preview-v58 {
  display: grid;
  gap: .5rem;
  margin-top: .7rem;
}

.mail-attachment-item-v58 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .55rem;
  padding: .55rem .65rem;
  border-radius: 16px;
  background: rgba(15,23,42,.04);
  border: 1px solid rgba(15,23,42,.08);
}

.mail-attachment-item-v58 > div {
  display: flex;
  align-items: center;
  gap: .5rem;
  min-width: 0;
}

.mail-attachment-item-v58 i {
  color: var(--ai-blue);
  font-size: 1.1rem;
}

.mail-attachment-item-v58 span {
  display: grid;
  min-width: 0;
}

.mail-attachment-item-v58 strong {
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--ai-navy);
  font-size: .86rem;
}

.mail-attachment-item-v58 small {
  color: #64748b;
  font-size: .75rem;
  font-weight: 760;
}

.sent-mail-actions-v58 {
  display: grid;
  gap: .35rem;
  min-width: 140px;
}

.sent-mail-actions-v58 .btn {
  border-radius: 999px;
  font-weight: 850;
  white-space: nowrap;
}

[data-theme="dark"] .mail-drop-zone-v58,
[data-theme="dark"] .mail-attachment-item-v58 {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.16);
}

[data-theme="dark"] .mail-drop-zone-v58 strong,
[data-theme="dark"] .mail-attachment-item-v58 strong {
  color: #f8fafc;
}

[data-theme="dark"] .mail-drop-zone-v58 span,
[data-theme="dark"] .mail-drop-zone-v58 small,
[data-theme="dark"] .mail-attachment-item-v58 small {
  color: #cbd5e1;
}


/* =========================================================
   V59: Sol admin kontrol paneli + canlı kullanıcılar
   ========================================================= */

.admin-left-control-v59 {
  position: fixed;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2200;
  display: grid;
  gap: .55rem;
  width: 172px;
}

.admin-left-btn-v59 {
  position: relative;
  display: grid;
  grid-template-columns: 28px 1fr auto;
  align-items: center;
  gap: .45rem;
  min-height: 46px;
  border: 0;
  border-radius: 18px;
  padding: .65rem .7rem;
  background: linear-gradient(135deg, #061a4a, #075bd6);
  color: #ffffff;
  box-shadow: 0 14px 32px rgba(7,27,77,.20);
  font-weight: 950;
  text-align: left;
}

.admin-left-btn-v59 i {
  font-size: 1.1rem;
  color: #ffd24d;
}

.admin-left-btn-v59 span {
  font-size: .82rem;
}

.admin-left-btn-v59 b {
  min-width: 24px;
  min-height: 24px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #ffd24d;
  color: #061a4a;
  font-size: .75rem;
}

.admin-left-btn-v59.danger {
  background: linear-gradient(135deg, #7f1d1d, #dc2626);
}

.admin-left-btn-v59.has-new-v59 {
  animation: adminLeftBlinkV59 1s infinite;
}

@keyframes adminLeftBlinkV59 {
  0%, 100% { transform: translateX(0); filter: brightness(1); }
  50% { transform: translateX(4px); filter: brightness(1.25); }
}

.overview-grid-v59 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .85rem;
}

.overview-grid-v59 > div {
  padding: 1rem;
  border-radius: 20px;
  background: rgba(7,91,214,.07);
  border: 1px solid rgba(7,91,214,.13);
}

.overview-grid-v59 span,
.overview-grid-v59 small {
  display: block;
  color: #64748b;
  font-weight: 800;
}

.overview-grid-v59 strong {
  display: block;
  color: var(--ai-navy);
  font-size: 1.75rem;
  font-weight: 1000;
  line-height: 1.1;
  margin: .25rem 0;
}

@media (max-width: 1199.98px) {
  .admin-left-control-v59 {
    position: static;
    transform: none;
    width: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0 1rem 1rem;
  }
}

@media (max-width: 767.98px) {
  .admin-left-control-v59 {
    grid-template-columns: 1fr;
  }

  .overview-grid-v59 {
    grid-template-columns: 1fr;
  }
}

[data-theme="dark"] .overview-grid-v59 > div {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.12);
}

[data-theme="dark"] .overview-grid-v59 strong {
  color: #f8fafc;
}

[data-theme="dark"] .overview-grid-v59 span,
[data-theme="dark"] .overview-grid-v59 small {
  color: #cbd5e1;
}


/* =========================================================
   V60: Yeni kayıt modalı + canlı kullanıcı düzeltmeleri
   ========================================================= */

#newRegistrationsModalV60 .admin-table td {
  vertical-align: top;
}

#newRegistrationsModalV60 code,
#adminLiveUsersModalV59 code {
  display: inline-block;
  padding: .22rem .45rem;
  border-radius: 10px;
  background: rgba(7,91,214,.08);
  color: #075bd6;
  font-weight: 900;
}

[data-theme="dark"] #newRegistrationsModalV60 code,
[data-theme="dark"] #adminLiveUsersModalV59 code {
  background: rgba(255,210,77,.13);
  color: #ffd24d;
}


/* =========================================================
   V61: Dark mode toggler sarı + açılan menü AIHEXA mavi
   ========================================================= */

[data-theme="dark"] .navbar-toggler,
[data-theme="dark"] .navbar .navbar-toggler,
[data-theme="dark"] .site-navbar .navbar-toggler,
[data-theme="dark"] .aihexa-navbar .navbar-toggler {
  background: #ffd24d !important;
  border-color: #ffd24d !important;
  color: #061a4a !important;
  box-shadow: 0 10px 26px rgba(255, 210, 77, .28) !important;
}

[data-theme="dark"] .navbar-toggler-icon {
  filter: invert(11%) sepia(50%) saturate(1900%) hue-rotate(205deg) brightness(70%) contrast(105%) !important;
}

[data-theme="dark"] .navbar-collapse.show,
[data-theme="dark"] .navbar-collapse.collapsing,
[data-theme="dark"] .ai-navbar-collapse-v50.show,
[data-theme="dark"] .ai-navbar-collapse-v50.collapsing {
  background: linear-gradient(135deg, #075bd6, #061a4a) !important;
  border: 1px solid rgba(255, 210, 77, .22) !important;
  border-radius: 22px !important;
  padding: 1rem !important;
  box-shadow: 0 22px 48px rgba(7, 27, 77, .32) !important;
}

[data-theme="dark"] .navbar-collapse.show .nav-link,
[data-theme="dark"] .navbar-collapse.collapsing .nav-link,
[data-theme="dark"] .ai-navbar-collapse-v50.show .nav-link,
[data-theme="dark"] .ai-navbar-collapse-v50.collapsing .nav-link {
  color: #ffffff !important;
}

[data-theme="dark"] .navbar-collapse.show .nav-link:hover,
[data-theme="dark"] .navbar-collapse.collapsing .nav-link:hover,
[data-theme="dark"] .ai-navbar-collapse-v50.show .nav-link:hover,
[data-theme="dark"] .ai-navbar-collapse-v50.collapsing .nav-link:hover {
  color: #ffd24d !important;
}

@media (max-width: 991.98px) {
  .navbar-collapse.show,
  .navbar-collapse.collapsing,
  .ai-navbar-collapse-v50.show,
  .ai-navbar-collapse-v50.collapsing {
    background: linear-gradient(135deg, #075bd6, #061a4a) !important;
    border: 1px solid rgba(255, 210, 77, .22) !important;
    border-radius: 22px !important;
    padding: 1rem !important;
    margin-top: .9rem !important;
    box-shadow: 0 22px 48px rgba(7, 27, 77, .24) !important;
  }

  .navbar-collapse.show .nav-link,
  .navbar-collapse.collapsing .nav-link,
  .ai-navbar-collapse-v50.show .nav-link,
  .ai-navbar-collapse-v50.collapsing .nav-link {
    color: #ffffff !important;
    font-weight: 850 !important;
  }

  .navbar-collapse.show .nav-link:hover,
  .navbar-collapse.collapsing .nav-link:hover,
  .ai-navbar-collapse-v50.show .nav-link:hover,
  .ai-navbar-collapse-v50.collapsing .nav-link:hover {
    color: #ffd24d !important;
  }
}


/* =========================================================
   V62: Socket.IO AIHEXA canlı yazışma
   ========================================================= */

.aihexa-live-chat-v62 {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 3400;
  font-family: inherit;
}

.chat-launcher-v62 {
  border: 0;
  border-radius: 999px;
  padding: .9rem 1.15rem;
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  background: linear-gradient(135deg, #075bd6, #061a4a);
  color: #ffffff;
  font-weight: 950;
  box-shadow: 0 18px 38px rgba(7,27,77,.25);
  animation: chatPulseV62 1.8s infinite;
}

.chat-launcher-v62 i {
  color: #ffd24d;
  font-size: 1.25rem;
}

@keyframes chatPulseV62 {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
}

.chat-panel-v62 {
  display: none;
  width: min(380px, calc(100vw - 28px));
  height: 530px;
  max-height: calc(100vh - 36px);
  background: #ffffff;
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 28px 70px rgba(7,27,77,.24);
  border: 1px solid rgba(7,91,214,.13);
}

.chat-panel-v62.show {
  display: grid;
  grid-template-rows: auto 1fr auto auto;
}

.chat-header-v62 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  background: linear-gradient(135deg, #075bd6, #061a4a);
  color: #ffffff;
}

.chat-header-v62 strong,
.chat-header-v62 span {
  display: block;
}

.chat-header-v62 span {
  color: #ffd24d;
  font-size: .82rem;
  font-weight: 800;
}

.chat-messages-v62 {
  padding: 1rem;
  overflow-y: auto;
  background: linear-gradient(180deg, rgba(7,91,214,.045), #ffffff);
}

.chat-bubble-row-v62 {
  display: flex;
  margin-bottom: .7rem;
}

.chat-bubble-row-v62.is-user {
  justify-content: flex-end;
}

.chat-bubble-row-v62.is-ai {
  justify-content: flex-start;
}

.chat-bubble-v62 {
  max-width: 82%;
  border-radius: 20px;
  padding: .65rem .8rem;
  box-shadow: 0 10px 20px rgba(15,23,42,.08);
}

.chat-bubble-row-v62.is-user .chat-bubble-v62 {
  background: #075bd6;
  color: #ffffff;
  border-bottom-right-radius: 6px;
}

.chat-bubble-row-v62.is-ai .chat-bubble-v62 {
  background: #fff6d1;
  color: #061a4a;
  border: 1px solid rgba(255,210,77,.55);
  border-bottom-left-radius: 6px;
}

.chat-sender-v62 {
  display: block;
  font-size: .72rem;
  font-weight: 1000;
  opacity: .82;
  margin-bottom: .18rem;
}

.chat-bubble-v62 p {
  margin: 0;
  line-height: 1.45;
  font-weight: 760;
}

.chat-typing-v62 {
  min-height: 22px;
  padding: 0 1rem .35rem;
  color: #075bd6;
  font-size: .82rem;
  font-weight: 900;
}

.chat-form-v62 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .45rem;
  padding: .75rem;
  border-top: 1px solid rgba(15,23,42,.08);
  background: #ffffff;
}

.chat-form-v62 input {
  border-radius: 999px;
}

.chat-form-v62 button {
  border-radius: 999px;
  width: 46px;
}

.admin-left-btn-v59.chat {
  background: linear-gradient(135deg, #075bd6, #ffd24d);
  color: #061a4a;
}

.admin-left-btn-v59.chat i {
  color: #061a4a;
}

.admin-chat-modal-v62 .modal-body {
  background: linear-gradient(180deg, rgba(7,91,214,.035), rgba(255,255,255,.98));
}

.chat-filter-card-v62 {
  background: rgba(7,91,214,.06);
  border: 1px solid rgba(7,91,214,.12);
  border-radius: 20px;
  padding: .85rem;
  margin-bottom: .75rem;
}

.admin-chat-list-v62 {
  display: grid;
  gap: .55rem;
  max-height: 560px;
  overflow-y: auto;
}

.admin-chat-conversation-item-v62 {
  border: 1px solid rgba(15,23,42,.1);
  background: #ffffff;
  border-radius: 18px;
  padding: .75rem;
  text-align: left;
  display: grid;
  gap: .15rem;
}

.admin-chat-conversation-item-v62.active,
.admin-chat-conversation-item-v62:hover {
  border-color: #075bd6;
  box-shadow: 0 10px 26px rgba(7,91,214,.14);
}

.admin-chat-conversation-item-v62 strong {
  color: #061a4a;
  font-weight: 1000;
}

.admin-chat-conversation-item-v62 span,
.admin-chat-conversation-item-v62 small {
  color: #64748b;
  font-weight: 760;
}

.admin-chat-room-v62 {
  display: grid;
  grid-template-rows: auto 1fr auto auto;
  height: 640px;
  background: #ffffff;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid rgba(15,23,42,.1);
}

.admin-chat-room-header-v62 {
  padding: .9rem 1rem;
  background: linear-gradient(135deg, #061a4a, #075bd6);
  color: #ffffff;
}

.admin-chat-room-header-v62 strong,
.admin-chat-room-header-v62 span {
  display: block;
}

.admin-chat-room-header-v62 span {
  color: #ffd24d;
  font-size: .82rem;
  font-weight: 800;
}

.admin-chat-messages-v62 {
  padding: 1rem;
  overflow-y: auto;
  background: #f8fbff;
}

.admin-chat-message-row-v62 {
  display: flex;
  margin-bottom: .7rem;
}

.admin-chat-message-row-v62.is-user {
  justify-content: flex-end;
}

.admin-chat-message-row-v62.is-ai {
  justify-content: flex-start;
}

.admin-chat-message-v62 {
  max-width: 78%;
  border-radius: 18px;
  padding: .65rem .75rem;
  background: #fff6d1;
  color: #061a4a;
  border: 1px solid rgba(255,210,77,.45);
}

.admin-chat-message-row-v62.is-user .admin-chat-message-v62 {
  background: #075bd6;
  color: #ffffff;
  border-color: transparent;
}

.admin-chat-message-v62 p {
  margin: .2rem 0;
  white-space: pre-wrap;
}

.admin-chat-message-v62 small {
  opacity: .72;
  font-size: .72rem;
}

.admin-chat-typing-v62 {
  min-height: 18px;
  padding: 0 1rem;
  color: #075bd6;
  font-weight: 900;
}

.admin-chat-reply-v62 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .6rem;
  padding: .85rem;
  border-top: 1px solid rgba(15,23,42,.08);
}

.chat-empty-v62 {
  padding: 1rem;
  color: #64748b;
  font-weight: 850;
  text-align: center;
}

@media (max-width: 767.98px) {
  .aihexa-live-chat-v62 {
    right: 12px;
    bottom: 12px;
  }

  .chat-panel-v62 {
    height: 78vh;
  }

  .admin-chat-room-v62 {
    height: 560px;
  }
}

[data-theme="dark"] .chat-panel-v62,
[data-theme="dark"] .chat-form-v62,
[data-theme="dark"] .admin-chat-room-v62,
[data-theme="dark"] .admin-chat-conversation-item-v62 {
  background: #0f172a;
}

[data-theme="dark"] .chat-messages-v62,
[data-theme="dark"] .admin-chat-messages-v62 {
  background: #111827;
}

[data-theme="dark"] .admin-chat-conversation-item-v62 strong {
  color: #f8fafc;
}

[data-theme="dark"] .admin-chat-conversation-item-v62 span,
[data-theme="dark"] .admin-chat-conversation-item-v62 small,
[data-theme="dark"] .chat-empty-v62 {
  color: #cbd5e1;
}


/* =========================================================
   V63: Chat lead collection + small bubbles + orientation
   ========================================================= */

.chat-bubble-v62,
.admin-chat-message-v62 {
  font-size: .84rem !important;
  line-height: 1.38 !important;
}

.chat-bubble-v62 p,
.admin-chat-message-v62 p {
  font-size: .84rem !important;
}

.chat-sender-v62,
.admin-chat-message-v62 strong,
.admin-chat-message-v62 small {
  font-size: .68rem !important;
}

.chat-bubble-row-v62.is-user,
.admin-chat-message-row-v62.is-user {
  justify-content: flex-start !important;
}

.chat-bubble-row-v62.is-ai,
.admin-chat-message-row-v62.is-ai {
  justify-content: flex-end !important;
}

.chat-bubble-row-v62.is-user .chat-bubble-v62,
.admin-chat-message-row-v62.is-user .admin-chat-message-v62 {
  background: #075bd6 !important;
  color: #ffffff !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 20px !important;
}

.chat-bubble-row-v62.is-ai .chat-bubble-v62,
.admin-chat-message-row-v62.is-ai .admin-chat-message-v62 {
  background: #fff6d1 !important;
  color: #061a4a !important;
  border: 1px solid rgba(255,210,77,.55) !important;
  border-bottom-right-radius: 6px !important;
  border-bottom-left-radius: 20px !important;
}

.chat-header-v62 strong::after {
  content: " · bilgi alır, sonra yanıtlar";
  color: #ffd24d;
  font-size: .72rem;
  font-weight: 800;
}


/* =========================================================
   V64: Chat filtreleri, PDF butonu, modal z-index/ölçek
   ========================================================= */

.chat-pdf-btn-v64 {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  margin-top: .55rem;
  padding: .45rem .65rem;
  border-radius: 999px;
  background: #075bd6;
  color: #fff !important;
  text-decoration: none;
  font-size: .78rem;
  font-weight: 950;
}

.chat-bubble-row-v62.is-user .chat-pdf-btn-v64 {
  background: #ffd24d;
  color: #061a4a !important;
}

.chat-launcher-v62.chat-reopen-v64 {
  transform: translateY(-72px);
  animation: chatReopenBounceV64 1.25s infinite;
}

@keyframes chatReopenBounceV64 {
  0%, 100% { transform: translateY(-72px) scale(1); }
  50% { transform: translateY(-82px) scale(1.04); }
}

#registrationModal,
#whatsappLeadModal {
  z-index: 4100 !important;
}

.modal-backdrop {
  z-index: 4050 !important;
}

#registrationModal .modal-dialog,
#whatsappLeadModal .modal-dialog {
  max-width: 760px !important;
}

#registrationModal .modal-body,
#whatsappLeadModal .modal-body {
  max-height: min(74vh, 680px);
  overflow-y: auto;
}

#registrationModal .modal-content,
#whatsappLeadModal .modal-content {
  border-radius: 24px !important;
}

.admin-chat-modal-v62 .modal-dialog {
  max-width: min(1180px, calc(100vw - 28px)) !important;
}

.chat-filter-card-v62 .form-control,
.chat-filter-card-v62 .form-select {
  border-radius: 14px;
  font-size: .86rem;
}

#adminChatDateErrorV64 {
  font-size: .76rem;
}

@media (max-width: 767.98px) {
  #registrationModal .modal-dialog,
  #whatsappLeadModal .modal-dialog {
    margin: .65rem !important;
  }

  #registrationModal .modal-body,
  #whatsappLeadModal .modal-body {
    max-height: 72vh;
  }
}


/* =========================================================
   V65: Sağ floating düzeni - sosyal medya + tek +Aç araç merkezi
   ========================================================= */

/* Sosyal medya sağ üstte sade ve okunaklı */
.social-crescent-right {
  position: fixed !important;
  right: 18px !important;
  top: 92px !important;
  left: auto !important;
  transform: none !important;
  width: 52px !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: .5rem !important;
  z-index: 3030 !important;
  pointer-events: auto !important;
}

.social-crescent-right::before {
  display: none !important;
}

.social-crescent-right-link,
.social-crescent-right .social-udemy,
.social-crescent-right .social-linkedin,
.social-crescent-right .social-github,
.social-crescent-right .social-instagram {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px !important;
  transform: none !important;
  animation: socialRightFloatV65 3.2s ease-in-out infinite !important;
}

.social-crescent-right-link:hover {
  transform: translateX(-6px) scale(1.08) !important;
}

@keyframes socialRightFloatV65 {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -2px; }
}

/* Sosyal medya altında tek aç/kapat butonu */
.floating-tools-master-v65 {
  position: fixed;
  right: 18px;
  top: 300px;
  z-index: 3035;
  width: 58px;
  min-height: 52px;
  border: 0;
  border-radius: 18px;
  display: grid;
  place-items: center;
  gap: .08rem;
  padding: .38rem .25rem;
  background: linear-gradient(145deg, #ffd24d, #ffb703);
  color: #061a4a;
  box-shadow: 0 18px 38px rgba(7, 27, 77, .22);
  font-weight: 1000;
  line-height: 1;
  animation: floatingToolsPulseV65 1.8s ease-in-out infinite;
}

.floating-tools-master-v65 i {
  font-size: 1.05rem;
  line-height: 1;
}

.floating-tools-master-v65 span {
  font-size: .72rem;
}

@keyframes floatingToolsPulseV65 {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

/* Karmaşayı azalt: Başvuru + metrikler kapalı başlar */
body:not(.aihexa-tools-open-v65) .floating-left-metric-actions,
body:not(.aihexa-tools-open-v65) .floating-application-whatsapp {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(-8px) scale(.92) !important;
}

/* Açıldığında sosyal medyanın altına düzenli araç tepsisi */
body.aihexa-tools-open-v65 .floating-application-whatsapp {
  position: fixed !important;
  left: auto !important;
  right: 18px !important;
  top: 366px !important;
  bottom: auto !important;
  width: 74px !important;
  min-height: 58px !important;
  border-radius: 18px !important;
  z-index: 3032 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}

body.aihexa-tools-open-v65 .floating-application-whatsapp i {
  font-size: 1.2rem !important;
}

body.aihexa-tools-open-v65 .floating-application-whatsapp span {
  font-size: .66rem !important;
}

body.aihexa-tools-open-v65 .floating-left-metric-actions {
  position: fixed !important;
  left: auto !important;
  right: 18px !important;
  top: 432px !important;
  bottom: auto !important;
  transform: none !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: .45rem !important;
  align-items: stretch !important;
  width: 74px !important;
  z-index: 3031 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.aihexa-tools-open-v65 .floating-left-metric-actions .floating-metric-card {
  width: 74px !important;
  min-height: 58px !important;
  border-radius: 18px !important;
  filter: drop-shadow(0 12px 24px rgba(4, 30, 80, .16)) !important;
}

body.aihexa-tools-open-v65 .floating-left-metric-actions .metric-card-face {
  border-radius: 18px !important;
  padding: .42rem .25rem !important;
}

body.aihexa-tools-open-v65 .floating-left-metric-actions .floating-metric-card i {
  font-size: 1.05rem !important;
}

body.aihexa-tools-open-v65 .floating-left-metric-actions .floating-metric-card strong {
  font-size: .68rem !important;
}

body.aihexa-tools-open-v65 .floating-left-metric-actions .floating-metric-card small,
body.aihexa-tools-open-v65 .floating-left-metric-actions .floating-metric-card em {
  font-size: .58rem !important;
}

/* Chat açıkken hızlı araçlar kapanır; üst üste binme engellenir */
body.aihexa-chat-open-v65 .floating-tools-master-v65 {
  opacity: .38;
  pointer-events: none;
}

.aihexa-live-chat-v62 {
  right: 18px !important;
  bottom: 18px !important;
}

.chat-launcher-v62.chat-reopen-v64 {
  transform: none !important;
  animation: chatPulseV62 1.8s infinite !important;
}

/* Eski mobil metrik düğmelerini kapat: artık tek +Aç var */
.mobile-floating-tools-toggle {
  display: none !important;
}

/* Mobilde daha kompakt */
@media (max-width: 767.98px) {
  .social-crescent-right {
    right: 10px !important;
    top: 80px !important;
    width: 42px !important;
    gap: .38rem !important;
  }

  .social-crescent-right-link,
  .social-crescent-right .social-udemy,
  .social-crescent-right .social-linkedin,
  .social-crescent-right .social-github,
  .social-crescent-right .social-instagram {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px !important;
  }

  .social-crescent-right-link i {
    font-size: 1rem !important;
  }

  .floating-tools-master-v65 {
    right: 10px;
    top: 270px;
    width: 50px;
    min-height: 46px;
    border-radius: 16px;
  }

  body.aihexa-tools-open-v65 .floating-application-whatsapp {
    right: 10px !important;
    top: 326px !important;
    width: 62px !important;
    min-height: 50px !important;
  }

  body.aihexa-tools-open-v65 .floating-left-metric-actions {
    right: 10px !important;
    top: 386px !important;
    width: 62px !important;
  }

  body.aihexa-tools-open-v65 .floating-left-metric-actions .floating-metric-card {
    width: 62px !important;
    min-height: 50px !important;
  }

  .aihexa-live-chat-v62 {
    right: 10px !important;
    bottom: 12px !important;
  }

  .chat-launcher-v62 {
    padding: .7rem .8rem !important;
  }
}


/* =========================================================
   V66: Chat lead localStorage + sade sağ/sol floating düzen + modal düzeltme
   ========================================================= */

/* Admin modal sorunu: global backdrop admin modalları kilitlemesin */
body.admin-page .modal {
  z-index: 5200 !important;
}

body.admin-page .modal-backdrop {
  z-index: 5190 !important;
}

body.admin-page .modal input,
body.admin-page .modal textarea,
body.admin-page .modal select,
body.admin-page .modal button {
  pointer-events: auto !important;
}

/* Sağ en üst: sosyal medya + X kapatma görünümü */
.social-crescent-right {
  top: 72px !important;
  right: 14px !important;
}

.social-crescent-right::after {
  content: "×";
  position: absolute;
  right: 4px;
  top: -34px;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #061a4a;
  color: #ffd24d;
  font-weight: 1000;
  box-shadow: 0 10px 22px rgba(7, 27, 77, .22);
}

/* Sağ sosyal medya altında WhatsApp robot */
.aihexa-robot-whatsapp-v66 {
  position: fixed;
  right: 14px;
  top: 332px;
  z-index: 3034;
  width: 86px;
  border: 0;
  border-radius: 22px;
  padding: .52rem .35rem;
  display: grid;
  place-items: center;
  gap: .18rem;
  background: linear-gradient(145deg, #13b957, #075bd6);
  color: #fff;
  box-shadow: 0 18px 36px rgba(7, 27, 77, .22);
  font-size: .66rem;
  font-weight: 950;
  line-height: 1.05;
  text-align: center;
  animation: robotFloatV66 2s ease-in-out infinite;
}

.aihexa-robot-whatsapp-v66 .robot-head-v66 {
  font-size: 1.65rem;
  line-height: 1;
}

@keyframes robotFloatV66 {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}

/* Robotun altında AIHEXA asistanı */
.aihexa-live-chat-v62 {
  right: 14px !important;
  bottom: 16px !important;
  z-index: 3040 !important;
}

.chat-launcher-v62 {
  max-width: 154px !important;
  padding: .72rem .85rem !important;
  font-size: .78rem !important;
}

.chat-header-v62 strong {
  font-size: .9rem !important;
}

.chat-header-v62 strong::after {
  font-size: .58rem !important;
}

.chat-bubble-v62,
.admin-chat-message-v62 {
  font-size: .78rem !important;
}

/* Sol en altta: Müfredat / Ziyaretçi / Bitirme / Kapat */
.floating-tools-master-v65 {
  left: 12px !important;
  right: auto !important;
  top: auto !important;
  bottom: 12px !important;
  width: 64px !important;
  min-height: 48px !important;
  z-index: 3035 !important;
}

body.aihexa-tools-open-v65 .floating-left-metric-actions {
  left: 12px !important;
  right: auto !important;
  top: auto !important;
  bottom: 68px !important;
  width: 72px !important;
}

body.aihexa-tools-open-v65 .floating-left-metric-actions .floating-metric-card {
  width: 72px !important;
  min-height: 54px !important;
}

/* Başvuru WhatsApp artık sağdaki robotla tetiklenir, ekranda sürekli yer kaplamaz */
.floating-application-whatsapp {
  left: auto !important;
  right: 112px !important;
  bottom: 18px !important;
  width: 66px !important;
  min-height: 54px !important;
  border-radius: 18px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.floating-application-whatsapp.robot-activated-v66,
body.aihexa-tools-open-v65 .floating-application-whatsapp.robot-activated-v66 {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* V65 açıldığında WhatsApp kartı metriklerin üstüne binmesin; sadece robot ile aktifleşsin */
body.aihexa-tools-open-v65 .floating-application-whatsapp:not(.robot-activated-v66) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Sosyal medya X görseli yer kaplamaz, karmaşayı azaltır */
.social-crescent-right.is-hidden-v66 {
  display: none !important;
}

/* Modalları site tarafında da öne al ama admini kilitleme */
body:not(.admin-page) #registrationModal,
body:not(.admin-page) #whatsappLeadModal {
  z-index: 4200 !important;
}

body:not(.admin-page) .modal-backdrop {
  z-index: 4190 !important;
}

@media (max-width: 767.98px) {
  .social-crescent-right {
    top: 62px !important;
    right: 8px !important;
  }

  .aihexa-robot-whatsapp-v66 {
    right: 8px;
    top: 286px;
    width: 74px;
  }

  .aihexa-live-chat-v62 {
    right: 8px !important;
    bottom: 10px !important;
  }

  .floating-tools-master-v65 {
    left: 8px !important;
    bottom: 8px !important;
  }

  body.aihexa-tools-open-v65 .floating-left-metric-actions {
    left: 8px !important;
    bottom: 62px !important;
  }
}


.social-close-v66 {
  position: fixed;
  right: 18px;
  top: 38px;
  z-index: 3036;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 999px;
  background: #061a4a;
  color: #ffd24d;
  font-weight: 1000;
  box-shadow: 0 10px 22px rgba(7, 27, 77, .22);
}

@media (max-width: 767.98px) {
  .social-close-v66 {
    right: 12px;
    top: 30px;
  }
}


/* =========================================================
   V67: Final floating düzen - sağ sosyal/WhatsApp/Asistan, sol metrikler
   ========================================================= */

/* Gereksiz ara butonları kapat */
.floating-tools-master-v65,
.aihexa-robot-whatsapp-v66,
.social-close-v66 {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* SAĞ 1: Sosyal medya en üstte */
.social-crescent-right {
  position: fixed !important;
  right: 14px !important;
  top: 76px !important;
  left: auto !important;
  transform: none !important;
  width: 46px !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .42rem !important;
  z-index: 3035 !important;
  pointer-events: auto !important;
}

.social-crescent-right.is-hidden-v66 {
  display: flex !important;
}

.social-crescent-right::before,
.social-crescent-right::after {
  display: none !important;
}

.social-crescent-right-link,
.social-crescent-right .social-udemy,
.social-crescent-right .social-linkedin,
.social-crescent-right .social-github,
.social-crescent-right .social-instagram {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  transform: none !important;
}

.social-crescent-right-link i {
  font-size: 1.08rem !important;
}

/* SAĞ 2: Sosyal medyanın altında WhatsApp butonu */
.floating-application-whatsapp,
body.aihexa-tools-open-v65 .floating-application-whatsapp,
body.aihexa-tools-open-v65 .floating-application-whatsapp:not(.robot-activated-v66) {
  position: fixed !important;
  left: auto !important;
  right: 12px !important;
  top: 292px !important;
  bottom: auto !important;
  width: 78px !important;
  min-height: 58px !important;
  border-radius: 18px !important;
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 3034 !important;
  transform: none !important;
}

.floating-application-whatsapp i {
  font-size: 1.22rem !important;
}

.floating-application-whatsapp span {
  font-size: .66rem !important;
  font-weight: 950 !important;
}

/* SAĞ 3: WhatsApp altında AIHEXA Asistan */
.aihexa-live-chat-v62 {
  position: fixed !important;
  right: 12px !important;
  bottom: 16px !important;
  z-index: 3033 !important;
}

.chat-launcher-v62 {
  max-width: 142px !important;
  padding: .65rem .75rem !important;
  font-size: .74rem !important;
  border-radius: 18px !important;
}

.chat-launcher-v62 span {
  font-size: .74rem !important;
}

.chat-launcher-v62.chat-reopen-v64 {
  transform: none !important;
}

/* SOL ALT: Müfredat / Ziyaretçi / Bitirme / Kapat */
.mobile-floating-tools-toggle,
.universal-floating-tools-toggle {
  position: fixed !important;
  left: 12px !important;
  right: auto !important;
  bottom: 12px !important;
  top: auto !important;
  transform: none !important;
  z-index: 3035 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(54px, auto)) !important;
  gap: .36rem !important;
  width: auto !important;
}

.mobile-floating-tools-toggle button,
.universal-floating-tools-toggle button {
  width: 62px !important;
  min-height: 48px !important;
  border: 1px solid rgba(255, 210, 77, .55) !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, #071b4d, #063b91) !important;
  color: #ffd24d !important;
  box-shadow: 0 12px 28px rgba(7, 27, 77, .22) !important;
  display: grid !important;
  place-items: center !important;
  gap: .08rem !important;
  font-size: .62rem !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  padding: .32rem .18rem !important;
}

.mobile-floating-tools-toggle button i,
.universal-floating-tools-toggle button i {
  font-size: 1rem !important;
}

.mobile-floating-tools-toggle button.active,
.universal-floating-tools-toggle button.active {
  background: linear-gradient(145deg, #ffd24d, #ffb703) !important;
  color: #071b4d !important;
}

/* Sol metrik kartları butonların üstünde açılır */
body.aihexa-tools-open-v65 .floating-left-metric-actions,
.floating-left-metric-actions {
  position: fixed !important;
  left: 12px !important;
  right: auto !important;
  bottom: 72px !important;
  top: auto !important;
  transform: none !important;
  width: 210px !important;
  z-index: 3034 !important;
  display: grid !important;
  gap: .5rem !important;
  pointer-events: none !important;
}

/* Kartlar varsayılan gizli; ilgili sol butonla açılır */
.floating-left-metric-actions .floating-metric-card {
  display: none !important;
  width: 190px !important;
  min-height: 88px !important;
  pointer-events: auto !important;
}

body.mobile-metric-open .floating-left-metric-actions .floating-metric-card.mobile-metric-active,
body.universal-metric-open .floating-left-metric-actions .floating-metric-card.universal-metric-active {
  display: block !important;
  animation: mobileMetricSlideInV28 .24s ease both !important;
}

/* Zorunlu temizlik: V65'in sağa taşıdığı metrikleri geçersiz kıl */
body:not(.aihexa-tools-open-v65) .floating-left-metric-actions {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Chat panel açılınca sol butonlar kalsın, sadece okunabilirliği bozmasın */
body.aihexa-chat-open-v65 .mobile-floating-tools-toggle,
body.aihexa-chat-open-v65 .universal-floating-tools-toggle {
  opacity: .72;
}

/* Mobil */
@media (max-width: 767.98px) {
  .social-crescent-right {
    right: 8px !important;
    top: 68px !important;
    width: 38px !important;
    gap: .32rem !important;
  }

  .social-crescent-right-link,
  .social-crescent-right .social-udemy,
  .social-crescent-right .social-linkedin,
  .social-crescent-right .social-github,
  .social-crescent-right .social-instagram {
    width: 36px !important;
    height: 36px !important;
    flex-basis: 36px !important;
  }

  .floating-application-whatsapp,
  body.aihexa-tools-open-v65 .floating-application-whatsapp,
  body.aihexa-tools-open-v65 .floating-application-whatsapp:not(.robot-activated-v66) {
    right: 6px !important;
    top: 248px !important;
    width: 68px !important;
    min-height: 52px !important;
  }

  .aihexa-live-chat-v62 {
    right: 6px !important;
    bottom: 10px !important;
  }

  .chat-launcher-v62 {
    max-width: 122px !important;
    padding: .58rem .62rem !important;
    font-size: .68rem !important;
  }

  .mobile-floating-tools-toggle,
  .universal-floating-tools-toggle {
    left: 6px !important;
    bottom: 8px !important;
    grid-template-columns: repeat(2, 58px) !important;
  }

  .mobile-floating-tools-toggle button,
  .universal-floating-tools-toggle button {
    width: 58px !important;
    min-height: 44px !important;
    font-size: .58rem !important;
  }

  .floating-left-metric-actions {
    left: 6px !important;
    bottom: 112px !important;
    width: 190px !important;
  }

  .floating-left-metric-actions .floating-metric-card {
    width: 178px !important;
  }
}


/* =========================================================
   V68: Sağ orta sosyal/WhatsApp/Asistan + sol dikey metrikler
   ========================================================= */

/* SAĞ ORTA: Sosyal medya grup olarak sağ orta */
.social-crescent-right {
  position: fixed !important;
  right: 12px !important;
  top: 50% !important;
  left: auto !important;
  transform: translateY(-50%) !important;
  width: 42px !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .38rem !important;
  z-index: 3035 !important;
  pointer-events: auto !important;
}

.social-crescent-right::before,
.social-crescent-right::after {
  display: none !important;
}

.social-crescent-right-link,
.social-crescent-right .social-udemy,
.social-crescent-right .social-linkedin,
.social-crescent-right .social-github,
.social-crescent-right .social-instagram {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  transform: none !important;
}

.social-crescent-right-link i {
  font-size: 1.02rem !important;
}

/* WhatsApp sosyal medyanın altında */
.floating-application-whatsapp,
body.aihexa-tools-open-v65 .floating-application-whatsapp,
body.aihexa-tools-open-v65 .floating-application-whatsapp:not(.robot-activated-v66) {
  position: fixed !important;
  left: auto !important;
  right: 10px !important;
  top: calc(50% + 116px) !important;
  bottom: auto !important;
  width: 72px !important;
  min-height: 54px !important;
  border-radius: 18px !important;
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  z-index: 3034 !important;
}

.floating-application-whatsapp i {
  font-size: 1.12rem !important;
}

.floating-application-whatsapp span {
  font-size: .62rem !important;
  font-weight: 950 !important;
}

/* AIHEXA Asistan WhatsApp'ın altında */
.aihexa-live-chat-v62 {
  position: fixed !important;
  right: 10px !important;
  bottom: 16px !important;
  z-index: 3033 !important;
}

.chat-launcher-v62 {
  max-width: 130px !important;
  padding: .62rem .7rem !important;
  font-size: .7rem !important;
  border-radius: 18px !important;
}

.chat-launcher-v62 span {
  font-size: .7rem !important;
}

.chat-header-v62 strong {
  font-size: .82rem !important;
}

.chat-header-v62 strong::after {
  font-size: .54rem !important;
}

/* SOL TARAF DİKEY: Bitirme, Müfredat, Ziyaretçi, Kapat */
.mobile-floating-tools-toggle,
.universal-floating-tools-toggle {
  position: fixed !important;
  left: 10px !important;
  right: auto !important;
  bottom: 12px !important;
  top: auto !important;
  transform: none !important;
  z-index: 3035 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .38rem !important;
  width: 64px !important;
}

.mobile-floating-tools-toggle [data-mobile-metric-target="completion"],
.universal-floating-tools-toggle [data-mobile-metric-target="completion"] { order: 1 !important; }

.mobile-floating-tools-toggle [data-mobile-metric-target="download"],
.universal-floating-tools-toggle [data-mobile-metric-target="download"] { order: 2 !important; }

.mobile-floating-tools-toggle [data-mobile-metric-target="visitor"],
.universal-floating-tools-toggle [data-mobile-metric-target="visitor"] { order: 3 !important; }

.mobile-floating-tools-toggle [data-mobile-metric-target="close"],
.universal-floating-tools-toggle [data-mobile-metric-target="close"] { order: 4 !important; }

.mobile-floating-tools-toggle button,
.universal-floating-tools-toggle button {
  width: 64px !important;
  min-height: 48px !important;
  border: 1px solid rgba(255, 210, 77, .55) !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, #071b4d, #063b91) !important;
  color: #ffd24d !important;
  box-shadow: 0 12px 28px rgba(7, 27, 77, .22) !important;
  display: grid !important;
  place-items: center !important;
  gap: .08rem !important;
  font-size: .6rem !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  padding: .32rem .18rem !important;
}

.mobile-floating-tools-toggle button i,
.universal-floating-tools-toggle button i {
  font-size: 1rem !important;
}

.mobile-floating-tools-toggle button.active,
.universal-floating-tools-toggle button.active {
  background: linear-gradient(145deg, #ffd24d, #ffb703) !important;
  color: #071b4d !important;
}

/* Sol metrik kartı dikey butonların sağında açılır */
.floating-left-metric-actions,
body.aihexa-tools-open-v65 .floating-left-metric-actions {
  position: fixed !important;
  left: 84px !important;
  right: auto !important;
  bottom: 12px !important;
  top: auto !important;
  transform: none !important;
  width: 188px !important;
  z-index: 3034 !important;
  display: grid !important;
  gap: .5rem !important;
  pointer-events: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.floating-left-metric-actions .floating-metric-card {
  display: none !important;
  width: 180px !important;
  min-height: 88px !important;
  pointer-events: auto !important;
}

body.mobile-metric-open .floating-left-metric-actions .floating-metric-card.mobile-metric-active,
body.universal-metric-open .floating-left-metric-actions .floating-metric-card.universal-metric-active {
  display: block !important;
  animation: mobileMetricSlideInV28 .24s ease both !important;
}

/* Gereksiz V65/V66 ara elemanları kapalı */
.floating-tools-master-v65,
.aihexa-robot-whatsapp-v66,
.social-close-v66 {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Mobil uyum */
@media (max-width: 767.98px) {
  .social-crescent-right {
    right: 6px !important;
    top: 43% !important;
    width: 36px !important;
    gap: .3rem !important;
  }

  .social-crescent-right-link,
  .social-crescent-right .social-udemy,
  .social-crescent-right .social-linkedin,
  .social-crescent-right .social-github,
  .social-crescent-right .social-instagram {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
  }

  .floating-application-whatsapp,
  body.aihexa-tools-open-v65 .floating-application-whatsapp,
  body.aihexa-tools-open-v65 .floating-application-whatsapp:not(.robot-activated-v66) {
    right: 5px !important;
    top: calc(43% + 104px) !important;
    width: 64px !important;
    min-height: 48px !important;
  }

  .aihexa-live-chat-v62 {
    right: 5px !important;
    bottom: 10px !important;
  }

  .chat-launcher-v62 {
    max-width: 116px !important;
    padding: .56rem .58rem !important;
    font-size: .64rem !important;
  }

  .mobile-floating-tools-toggle,
  .universal-floating-tools-toggle {
    left: 6px !important;
    bottom: 8px !important;
    width: 56px !important;
  }

  .mobile-floating-tools-toggle button,
  .universal-floating-tools-toggle button {
    width: 56px !important;
    min-height: 42px !important;
    font-size: .54rem !important;
  }

  .floating-left-metric-actions,
  body.aihexa-tools-open-v65 .floating-left-metric-actions {
    left: 68px !important;
    bottom: 8px !important;
    width: 172px !important;
  }

  .floating-left-metric-actions .floating-metric-card {
    width: 164px !important;
    min-height: 78px !important;
  }
}


/* =========================================================
   V69: AIHEXA Asistan en önde + baloncuk renk/yön düzeni
   ========================================================= */

/* Chat panel açılınca sosyal medya ve WhatsApp gizlenir; yazışmalar karışmaz */
body.aihexa-chat-open-v69 .social-crescent-right,
body.aihexa-chat-open-v69 .floating-application-whatsapp {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateX(18px) scale(.92) !important;
}

body.aihexa-chat-open-v69 .aihexa-live-chat-v62 {
  z-index: 6500 !important;
}

body.aihexa-chat-open-v69 .chat-panel-v62 {
  position: relative !important;
  z-index: 6501 !important;
  box-shadow: 0 32px 90px rgba(7, 27, 77, .34) !important;
}

/* Kullanıcı: sağda, mavi zemin, beyaz yazı */
.chat-bubble-row-v62.is-user,
.admin-chat-message-row-v62.is-user {
  justify-content: flex-end !important;
}

.chat-bubble-row-v62.is-user .chat-bubble-v62,
.admin-chat-message-row-v62.is-user .admin-chat-message-v62 {
  background: #075bd6 !important;
  color: #ffffff !important;
  border: 1px solid rgba(7, 91, 214, .15) !important;
  border-bottom-right-radius: 6px !important;
  border-bottom-left-radius: 20px !important;
}

.chat-bubble-row-v62.is-user .chat-bubble-v62 p,
.chat-bubble-row-v62.is-user .chat-sender-v62,
.admin-chat-message-row-v62.is-user .admin-chat-message-v62 p,
.admin-chat-message-row-v62.is-user .admin-chat-message-v62 strong,
.admin-chat-message-row-v62.is-user .admin-chat-message-v62 small {
  color: #ffffff !important;
}

/* AIHEXA Asistan / AIHEXA Ekibi: solda, kırmızı zemin, beyaz yazı */
.chat-bubble-row-v62.is-ai,
.admin-chat-message-row-v62.is-ai {
  justify-content: flex-start !important;
}

.chat-bubble-row-v62.is-ai .chat-bubble-v62,
.admin-chat-message-row-v62.is-ai .admin-chat-message-v62 {
  background: linear-gradient(145deg, #dc2626, #991b1b) !important;
  color: #ffffff !important;
  border: 1px solid rgba(220, 38, 38, .15) !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 20px !important;
}

.chat-bubble-row-v62.is-ai .chat-bubble-v62 p,
.chat-bubble-row-v62.is-ai .chat-sender-v62,
.admin-chat-message-row-v62.is-ai .admin-chat-message-v62 p,
.admin-chat-message-row-v62.is-ai .admin-chat-message-v62 strong,
.admin-chat-message-row-v62.is-ai .admin-chat-message-v62 small {
  color: #ffffff !important;
}

/* PDF butonu kırmızı AIHEXA balon içinde okunaklı kalsın */
.chat-bubble-row-v62.is-ai .chat-pdf-btn-v64 {
  background: #ffffff !important;
  color: #991b1b !important;
}


/* =========================================================
   V70: Sosyal medya sağ orta; WhatsApp + AIHEXA Asistan sol en alt
   ========================================================= */

/* Sağ tarafta sadece sosyal medya ortada kalır */
.social-crescent-right {
  position: fixed !important;
  right: 12px !important;
  top: 50% !important;
  left: auto !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  width: 42px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .38rem !important;
  z-index: 3035 !important;
}

/* WhatsApp sol en altta, metriklerin üstüne binmeyecek şekilde */
.floating-application-whatsapp,
body.aihexa-tools-open-v65 .floating-application-whatsapp,
body.aihexa-tools-open-v65 .floating-application-whatsapp:not(.robot-activated-v66) {
  position: fixed !important;
  left: 10px !important;
  right: auto !important;
  bottom: 254px !important;
  top: auto !important;
  width: 124px !important;
  min-height: 48px !important;
  border-radius: 18px !important;
  display: inline-flex !important;
  flex-direction: row !important;
  gap: .4rem !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  z-index: 3036 !important;
}

.floating-application-whatsapp i {
  font-size: 1.2rem !important;
}

.floating-application-whatsapp span {
  font-size: .72rem !important;
  font-weight: 950 !important;
}

/* AIHEXA Asistan sol en altta, WhatsApp'ın altında */
.aihexa-live-chat-v62 {
  position: fixed !important;
  left: 10px !important;
  right: auto !important;
  bottom: 198px !important;
  z-index: 3037 !important;
}

.chat-launcher-v62 {
  max-width: 156px !important;
  min-width: 144px !important;
  padding: .62rem .75rem !important;
  font-size: .72rem !important;
  border-radius: 18px !important;
  justify-content: center !important;
}

.chat-launcher-v62 span {
  font-size: .72rem !important;
  line-height: 1.05 !important;
}

/* Chat panel açıldığında sol alttan yukarı doğru açılır ve diğerlerini kapatır */
.chat-panel-v62 {
  width: min(380px, calc(100vw - 22px)) !important;
}

body.aihexa-chat-open-v69 .aihexa-live-chat-v62 {
  left: 10px !important;
  bottom: 12px !important;
  z-index: 6500 !important;
}

body.aihexa-chat-open-v69 .floating-application-whatsapp {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Sol metrikler, WhatsApp + Asistan altında/yanında karışmasın */
.mobile-floating-tools-toggle,
.universal-floating-tools-toggle {
  left: 10px !important;
  bottom: 12px !important;
  z-index: 3035 !important;
}

.floating-left-metric-actions,
body.aihexa-tools-open-v65 .floating-left-metric-actions {
  left: 84px !important;
  bottom: 12px !important;
}

/* Chat açıksa sol metrik butonları biraz soluklaşır */
body.aihexa-chat-open-v69 .mobile-floating-tools-toggle,
body.aihexa-chat-open-v69 .universal-floating-tools-toggle,
body.aihexa-chat-open-v69 .floating-left-metric-actions {
  opacity: .25 !important;
  pointer-events: none !important;
}

/* Mobilde çakışmayı azalt */
@media (max-width: 767.98px) {
  .social-crescent-right {
    right: 6px !important;
    top: 43% !important;
  }

  .floating-application-whatsapp,
  body.aihexa-tools-open-v65 .floating-application-whatsapp,
  body.aihexa-tools-open-v65 .floating-application-whatsapp:not(.robot-activated-v66) {
    left: 6px !important;
    bottom: 226px !important;
    width: 116px !important;
    min-height: 44px !important;
  }

  .aihexa-live-chat-v62 {
    left: 6px !important;
    bottom: 174px !important;
  }

  .chat-launcher-v62 {
    min-width: 132px !important;
    max-width: 140px !important;
    padding: .56rem .58rem !important;
    font-size: .66rem !important;
  }

  body.aihexa-chat-open-v69 .aihexa-live-chat-v62 {
    left: 6px !important;
    bottom: 8px !important;
  }

  .mobile-floating-tools-toggle,
  .universal-floating-tools-toggle {
    left: 6px !important;
    bottom: 8px !important;
  }

  .floating-left-metric-actions,
  body.aihexa-tools-open-v65 .floating-left-metric-actions {
    left: 68px !important;
    bottom: 8px !important;
  }
}


/* =========================================================
   V71: Sağ orta kolon - Sosyal medya / WhatsApp / AIHEXA Asistan Aç
   ========================================================= */

/* Sosyal medya sağda orta, animasyonlu */
.social-crescent-right {
  position: fixed !important;
  right: 12px !important;
  top: 50% !important;
  left: auto !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  width: 42px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .4rem !important;
  z-index: 3035 !important;
  animation: floatingSocialColumnV71 3s ease-in-out infinite !important;
}

@keyframes floatingSocialColumnV71 {
  0%, 100% { transform: translateY(-50%) translateX(0); }
  50% { transform: translateY(calc(-50% - 5px)) translateX(-2px); }
}

.social-crescent-right-link {
  animation: socialIconPulseV71 2.4s ease-in-out infinite !important;
}

@keyframes socialIconPulseV71 {
  0%, 100% { scale: 1; filter: brightness(1); }
  50% { scale: 1.07; filter: brightness(1.1); }
}

/* WhatsApp sosyal medya kolonunun altında */
.floating-application-whatsapp,
body.aihexa-tools-open-v65 .floating-application-whatsapp,
body.aihexa-tools-open-v65 .floating-application-whatsapp:not(.robot-activated-v66) {
  position: fixed !important;
  left: auto !important;
  right: 8px !important;
  top: calc(50% + 124px) !important;
  bottom: auto !important;
  width: 86px !important;
  min-height: 52px !important;
  border-radius: 18px !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .35rem !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  z-index: 3036 !important;
  animation: whatsappFloatV71 1.7s ease-in-out infinite !important;
}

@keyframes whatsappFloatV71 {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-5px) scale(1.03); }
}

.floating-application-whatsapp i {
  font-size: 1.12rem !important;
}

.floating-application-whatsapp span {
  font-size: .62rem !important;
  line-height: 1.05 !important;
}

/* AIHEXA Asistan Aç WhatsApp'ın altında */
.aihexa-live-chat-v62 {
  position: fixed !important;
  left: auto !important;
  right: 8px !important;
  top: calc(50% + 188px) !important;
  bottom: auto !important;
  z-index: 3037 !important;
}

.chat-launcher-v62 {
  min-width: 118px !important;
  max-width: 132px !important;
  padding: .58rem .62rem !important;
  border-radius: 18px !important;
  font-size: .66rem !important;
  justify-content: center !important;
  animation: assistantFloatV71 1.55s ease-in-out infinite !important;
}

.chat-launcher-v62 span {
  font-size: .66rem !important;
  line-height: 1.05 !important;
}

@keyframes assistantFloatV71 {
  0%, 100% { transform: translateY(0) scale(1); box-shadow: 0 18px 38px rgba(7,27,77,.25); }
  50% { transform: translateY(-6px) scale(1.035); box-shadow: 0 24px 52px rgba(7,27,77,.32); }
}

/* Chat panel açıldığında en önde, sosyal/WhatsApp gizli */
body.aihexa-chat-open-v69 .aihexa-live-chat-v62 {
  right: 12px !important;
  top: auto !important;
  bottom: 12px !important;
  z-index: 6500 !important;
}

body.aihexa-chat-open-v69 .social-crescent-right,
body.aihexa-chat-open-v69 .floating-application-whatsapp {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Soldaki Müfredat Aç butonu açık mavi */
.mobile-floating-tools-toggle [data-mobile-metric-target="download"],
.universal-floating-tools-toggle [data-mobile-metric-target="download"] {
  background: linear-gradient(145deg, #e0f2fe, #38bdf8) !important;
  color: #061a4a !important;
  border-color: rgba(56, 189, 248, .85) !important;
}

.mobile-floating-tools-toggle [data-mobile-metric-target="download"] i,
.universal-floating-tools-toggle [data-mobile-metric-target="download"] i {
  color: #075bd6 !important;
}

.left-progress-v71 {
  display: none;
  margin-top: .08rem;
  padding: .08rem .22rem;
  border-radius: 999px;
  background: #061a4a;
  color: #ffd24d;
  font-size: .54rem;
  font-weight: 1000;
}

.left-progress-v71.show,
.mobile-floating-tools-toggle [data-mobile-metric-target="download"].active .left-progress-v71,
.universal-floating-tools-toggle [data-mobile-metric-target="download"].active .left-progress-v71 {
  display: inline-flex !important;
}

/* Sol dikey sıralama korunur */
.mobile-floating-tools-toggle,
.universal-floating-tools-toggle {
  left: 10px !important;
  bottom: 12px !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Mobil */
@media (max-width: 767.98px) {
  .social-crescent-right {
    right: 6px !important;
    top: 42% !important;
  }

  .floating-application-whatsapp,
  body.aihexa-tools-open-v65 .floating-application-whatsapp,
  body.aihexa-tools-open-v65 .floating-application-whatsapp:not(.robot-activated-v66) {
    right: 4px !important;
    top: calc(42% + 112px) !important;
    width: 76px !important;
    min-height: 48px !important;
  }

  .aihexa-live-chat-v62 {
    right: 4px !important;
    top: calc(42% + 170px) !important;
  }

  .chat-launcher-v62 {
    min-width: 106px !important;
    max-width: 116px !important;
    padding: .52rem .48rem !important;
    font-size: .6rem !important;
  }

  .chat-launcher-v62 span {
    font-size: .6rem !important;
  }
}


/* =========================================================
   V72: Sağ orta Sosyal+WhatsApp, sağ en alt AIHEXA Asistan Aç
   ========================================================= */

/* Sosyal medya sağ orta */
.social-crescent-right {
  position: fixed !important;
  right: 12px !important;
  top: 50% !important;
  left: auto !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  width: 42px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .4rem !important;
  z-index: 3035 !important;
  animation: floatingSocialColumnV71 3s ease-in-out infinite !important;
}

/* WhatsApp hattı sosyal medyanın altında ve ortada */
.floating-application-whatsapp,
body.aihexa-tools-open-v65 .floating-application-whatsapp,
body.aihexa-tools-open-v65 .floating-application-whatsapp:not(.robot-activated-v66) {
  position: fixed !important;
  left: auto !important;
  right: 8px !important;
  top: calc(50% + 124px) !important;
  bottom: auto !important;
  width: 88px !important;
  min-height: 54px !important;
  border-radius: 18px !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .35rem !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 3036 !important;
  animation: whatsappFloatV71 1.7s ease-in-out infinite !important;
}

/* AIHEXA Asistan Aç sağ en altta */
.aihexa-live-chat-v62 {
  position: fixed !important;
  left: auto !important;
  right: 10px !important;
  top: auto !important;
  bottom: 12px !important;
  z-index: 3037 !important;
}

.chat-launcher-v62 {
  min-width: 134px !important;
  max-width: 150px !important;
  padding: .6rem .66rem !important;
  border-radius: 18px !important;
  font-size: .66rem !important;
  justify-content: center !important;
  animation: assistantFloatV71 1.55s ease-in-out infinite !important;
}

.chat-launcher-v62 span {
  font-size: .66rem !important;
  line-height: 1.05 !important;
}

/* Chat açıkken sosyal medya + WhatsApp kapanır, chat en önde */
body.aihexa-chat-open-v69 .aihexa-live-chat-v62 {
  right: 10px !important;
  bottom: 12px !important;
  z-index: 6500 !important;
}

body.aihexa-chat-open-v69 .social-crescent-right,
body.aihexa-chat-open-v69 .floating-application-whatsapp {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Sol taraf: AIHEXA Müfredat butonu */
.mobile-floating-tools-toggle [data-mobile-metric-target="download"] span,
.universal-floating-tools-toggle [data-mobile-metric-target="download"] span {
  font-size: .55rem !important;
  line-height: 1.05 !important;
}

/* Kapat seçilince AIHEXA Müfredat altında bitirme sayacı görünür */
.aihexa-left-tools-closed-v72 .left-progress-v71 {
  display: inline-flex !important;
  margin-top: .12rem !important;
  background: #075bd6 !important;
  color: #ffffff !important;
}

/* Sol ve sağdaki tüm butonlara daha belirgin animasyon */
.mobile-floating-tools-toggle button,
.universal-floating-tools-toggle button,
.social-crescent-right-link,
.floating-application-whatsapp,
.chat-launcher-v62 {
  will-change: transform, filter !important;
}

/* Mobil uyum */
@media (max-width: 767.98px) {
  .social-crescent-right {
    right: 6px !important;
    top: 42% !important;
  }

  .floating-application-whatsapp,
  body.aihexa-tools-open-v65 .floating-application-whatsapp,
  body.aihexa-tools-open-v65 .floating-application-whatsapp:not(.robot-activated-v66) {
    right: 4px !important;
    top: calc(42% + 112px) !important;
    width: 76px !important;
    min-height: 48px !important;
  }

  .aihexa-live-chat-v62 {
    right: 4px !important;
    bottom: 8px !important;
  }

  .chat-launcher-v62 {
    min-width: 118px !important;
    max-width: 128px !important;
    padding: .54rem .48rem !important;
  }

  .chat-launcher-v62 span {
    font-size: .58rem !important;
  }
}


/* =========================================================
   V73: Sağ hizalama - Sosyal medya / WhatsApp / AIHEXA Asistan
   ========================================================= */

/* Sosyal medya sağ tarafta orta hatta kalır */
.social-crescent-right {
  position: fixed !important;
  right: 12px !important;
  top: 50% !important;
  left: auto !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  width: 42px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .4rem !important;
  z-index: 3035 !important;
}

/* WhatsApp hattı: sosyal medya ile AIHEXA Asistan Aç butonunun tam arasında */
.floating-application-whatsapp,
body.aihexa-tools-open-v65 .floating-application-whatsapp,
body.aihexa-tools-open-v65 .floating-application-whatsapp:not(.robot-activated-v66) {
  position: fixed !important;
  left: auto !important;
  right: 8px !important;
  top: auto !important;
  bottom: 118px !important;
  width: 92px !important;
  min-height: 54px !important;
  border-radius: 18px !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .35rem !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 3036 !important;
  animation: whatsappFloatV71 1.7s ease-in-out infinite !important;
}

/* AIHEXA Asistan Aç sağ en altta; panel de sağdan açılır */
.aihexa-live-chat-v62 {
  position: fixed !important;
  left: auto !important;
  right: 8px !important;
  top: auto !important;
  bottom: 12px !important;
  z-index: 3037 !important;
}

.chat-panel-v62 {
  transform-origin: bottom right !important;
}

.chat-launcher-v62 {
  min-width: 136px !important;
  max-width: 152px !important;
  padding: .6rem .66rem !important;
  border-radius: 18px !important;
  font-size: .66rem !important;
  justify-content: center !important;
}

/* Chat açılınca sağda kalır ve üst katmana çıkar */
body.aihexa-chat-open-v69 .aihexa-live-chat-v62 {
  left: auto !important;
  right: 8px !important;
  top: auto !important;
  bottom: 12px !important;
  z-index: 6500 !important;
}

/* Chat açılınca sosyal medya ve WhatsApp karışmasın */
body.aihexa-chat-open-v69 .social-crescent-right,
body.aihexa-chat-open-v69 .floating-application-whatsapp {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Mobil */
@media (max-width: 767.98px) {
  .social-crescent-right {
    right: 6px !important;
    top: 42% !important;
  }

  .floating-application-whatsapp,
  body.aihexa-tools-open-v65 .floating-application-whatsapp,
  body.aihexa-tools-open-v65 .floating-application-whatsapp:not(.robot-activated-v66) {
    right: 4px !important;
    bottom: 104px !important;
    width: 78px !important;
    min-height: 48px !important;
  }

  .aihexa-live-chat-v62 {
    right: 4px !important;
    bottom: 8px !important;
  }

  body.aihexa-chat-open-v69 .aihexa-live-chat-v62 {
    right: 4px !important;
    bottom: 8px !important;
  }

  .chat-launcher-v62 {
    min-width: 118px !important;
    max-width: 128px !important;
    padding: .54rem .48rem !important;
  }
}


/* =========================================================
   V76: Header/Sosyal Mail Gönder + sosyal sıra
   ========================================================= */

.header-mail-btn-v76 {
  border-radius: 999px !important;
  font-weight: 900 !important;
  box-shadow: 0 10px 24px rgba(7, 91, 214, .12) !important;
}

.social-crescent-right {
  display: flex !important;
  flex-direction: column !important;
}

.social-crescent-right .social-mail-v76 { order: 1 !important; }
.social-crescent-right .social-instagram { order: 2 !important; }
.social-crescent-right .social-linkedin { order: 3 !important; }
.social-crescent-right .social-github { order: 4 !important; }
.social-crescent-right .social-udemy { order: 5 !important; }

.social-mail-v76 {
  border: 0 !important;
  background: linear-gradient(145deg, #ffd24d, #ffb703) !important;
  color: #061a4a !important;
}

.social-mail-v76 i {
  color: #061a4a !important;
}

.public-mail-modal-v76 {
  border: 0;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 28px 70px rgba(7, 27, 77, .24);
}

.public-mail-modal-v76 .modal-header {
  border: 0;
  padding: 24px 26px 10px;
}

.public-mail-modal-v76 .modal-body {
  padding: 18px 26px 26px;
}

.public-mail-modal-v76 label {
  color: var(--ai-dark);
  font-weight: 850;
  margin-bottom: 7px;
}

.public-mail-modal-v76 .form-control {
  min-height: 50px;
  border-radius: 16px;
  border-color: rgba(13, 110, 253, .16);
  box-shadow: none !important;
}

.public-mail-modal-v76 textarea.form-control {
  min-height: 150px;
}

[data-theme="dark"] .public-mail-modal-v76 {
  background: #071b4d;
  color: #f8fafc;
}

[data-theme="dark"] .public-mail-modal-v76 label,
[data-theme="dark"] .public-mail-modal-v76 .modal-title {
  color: #f8fafc;
}

@media (max-width: 991.98px) {
  .header-mail-btn-v76 {
    width: 100%;
    justify-content: center;
  }
}


/* =========================================================
   V77: Public Mail Modal Aktiflik + Attachment
   ========================================================= */

#publicMailModalV76 {
  z-index: 7200 !important;
  pointer-events: auto !important;
}

#publicMailModalV76.show {
  display: block !important;
  pointer-events: auto !important;
}

body.public-mail-modal-open-v77 .modal-backdrop,
body.modal-open .modal-backdrop {
  z-index: 7190 !important;
}

#publicMailModalV76 .modal-dialog,
#publicMailModalV76 .modal-content,
#publicMailModalV76 .modal-body,
#publicMailModalV76 form,
#publicMailModalV76 input,
#publicMailModalV76 textarea,
#publicMailModalV76 button,
#publicMailModalV76 label {
  pointer-events: auto !important;
}

#publicMailModalV76 .modal-dialog {
  z-index: 7201 !important;
}

.public-mail-drop-zone-v77 {
  min-height: 128px;
  border: 2px dashed rgba(7, 91, 214, .28);
  border-radius: 20px;
  background: rgba(7, 91, 214, .045);
  display: grid;
  place-items: center;
  text-align: center;
  gap: .25rem;
  padding: 1rem;
  cursor: pointer;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.public-mail-drop-zone-v77:hover,
.public-mail-drop-zone-v77.drag-over {
  transform: translateY(-2px);
  border-color: rgba(7, 91, 214, .72);
  background: rgba(7, 91, 214, .09);
}

.public-mail-drop-zone-v77 i {
  font-size: 1.9rem;
  color: #075bd6;
}

.public-mail-drop-zone-v77 strong {
  color: #061a4a;
  font-weight: 950;
}

.public-mail-drop-zone-v77 span,
.public-mail-drop-zone-v77 small {
  color: #64748b;
}

.public-mail-attachment-preview-v77 {
  display: grid;
  gap: .55rem;
  margin-top: .75rem;
}

.public-mail-attachment-item-v77 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .65rem .75rem;
  border: 1px solid rgba(7, 91, 214, .13);
  border-radius: 16px;
  background: rgba(255, 255, 255, .82);
}

.public-mail-attachment-item-v77 > div {
  display: flex;
  align-items: center;
  gap: .55rem;
  min-width: 0;
}

.public-mail-attachment-item-v77 i {
  color: #075bd6;
}

.public-mail-attachment-item-v77 span {
  display: grid;
  min-width: 0;
}

.public-mail-attachment-item-v77 strong {
  font-size: .86rem;
  color: #061a4a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 420px;
}

.public-mail-attachment-item-v77 small {
  color: #64748b;
}

[data-theme="dark"] .public-mail-drop-zone-v77 {
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 210, 77, .38);
}

[data-theme="dark"] .public-mail-drop-zone-v77 strong,
[data-theme="dark"] .public-mail-attachment-item-v77 strong {
  color: #f8fafc;
}

[data-theme="dark"] .public-mail-attachment-item-v77 {
  background: rgba(255, 255, 255, .07);
  border-color: rgba(255, 255, 255, .12);
}


/* =========================================================
   V78: WhatsApp / Arama / Site modalları tıklanabilirlik düzeltmesi
   ========================================================= */

/*
  Problem: V77'de public mail modalı için backdrop yüksek z-index aldı.
  Bu durum WhatsApp ve Arama gibi diğer modallarda backdrop'un modalın üstünde kalmasına
  ve modal içinin pasif görünmesine sebep olabilir.
*/

/* Tüm frontend Bootstrap modalları backdrop'un üstünde kalır */
body.modal-open .modal {
  z-index: 7600 !important;
  pointer-events: auto !important;
}

body.modal-open .modal.show {
  display: block !important;
  pointer-events: auto !important;
}

body.modal-open .modal-backdrop {
  z-index: 7550 !important;
  pointer-events: auto !important;
}

/* Modal içerikleri kesinlikle tıklanabilir */
body.modal-open .modal .modal-dialog {
  position: relative !important;
  z-index: 7601 !important;
  pointer-events: auto !important;
}

body.modal-open .modal .modal-content,
body.modal-open .modal .modal-header,
body.modal-open .modal .modal-body,
body.modal-open .modal .modal-footer,
body.modal-open .modal form,
body.modal-open .modal input,
body.modal-open .modal textarea,
body.modal-open .modal select,
body.modal-open .modal button,
body.modal-open .modal a,
body.modal-open .modal label {
  pointer-events: auto !important;
}

/* Modal açılınca sağ/sol floating butonlar arkada pasifleşir; tıklamayı engellemez */
body.modal-open .social-crescent-right,
body.modal-open .floating-application-whatsapp,
body.modal-open .aihexa-live-chat-v62,
body.modal-open .mobile-floating-tools-toggle,
body.modal-open .universal-floating-tools-toggle,
body.modal-open .floating-left-metric-actions,
body.modal-open .floating-tools-master-v65,
body.modal-open .aihexa-robot-whatsapp-v66,
body.modal-open .social-close-v66 {
  pointer-events: none !important;
  z-index: 100 !important;
}

/* Özellikle WhatsApp ve Arama modalları */
#whatsappLeadModal,
#siteSearchModal,
#searchModal,
#publicMailModalV76,
#registrationModal {
  z-index: 7600 !important;
  pointer-events: auto !important;
}

#whatsappLeadModal .modal-dialog,
#siteSearchModal .modal-dialog,
#searchModal .modal-dialog,
#publicMailModalV76 .modal-dialog,
#registrationModal .modal-dialog {
  z-index: 7601 !important;
  pointer-events: auto !important;
}

/* Bootstrap fade animasyonunda opaklık/pointer problemi oluşmasın */
#whatsappLeadModal.show,
#siteSearchModal.show,
#searchModal.show,
#publicMailModalV76.show,
#registrationModal.show {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}


/* =========================================================
   V79: Kayıt Ol / WhatsApp modal z-index final fix
   ========================================================= */

/* Bootstrap modal en üst katman */
body.modal-open .modal,
body.aihexa-any-modal-open-v79 .modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9000 !important;
  pointer-events: auto !important;
  visibility: visible !important;
}

body.modal-open .modal.show,
body.aihexa-any-modal-open-v79 .modal.show {
  opacity: 1 !important;
  display: block !important;
  pointer-events: auto !important;
}

/* Backdrop modalın altında kalsın */
body.modal-open .modal-backdrop,
body.aihexa-any-modal-open-v79 .modal-backdrop {
  z-index: 8990 !important;
  pointer-events: auto !important;
}

/* Modal içeriği tıklanabilir olsun */
body.modal-open .modal .modal-dialog,
body.aihexa-any-modal-open-v79 .modal .modal-dialog {
  position: relative !important;
  z-index: 9010 !important;
  pointer-events: auto !important;
}

body.modal-open .modal .modal-content,
body.modal-open .modal .modal-header,
body.modal-open .modal .modal-body,
body.modal-open .modal .modal-footer,
body.modal-open .modal form,
body.modal-open .modal input,
body.modal-open .modal textarea,
body.modal-open .modal select,
body.modal-open .modal button,
body.modal-open .modal a,
body.modal-open .modal label,
body.aihexa-any-modal-open-v79 .modal .modal-content,
body.aihexa-any-modal-open-v79 .modal .modal-header,
body.aihexa-any-modal-open-v79 .modal .modal-body,
body.aihexa-any-modal-open-v79 .modal .modal-footer,
body.aihexa-any-modal-open-v79 .modal form,
body.aihexa-any-modal-open-v79 .modal input,
body.aihexa-any-modal-open-v79 .modal textarea,
body.aihexa-any-modal-open-v79 .modal select,
body.aihexa-any-modal-open-v79 .modal button,
body.aihexa-any-modal-open-v79 .modal a,
body.aihexa-any-modal-open-v79 .modal label {
  pointer-events: auto !important;
}

/* Özellikle Kayıt Ol ve WhatsApp */
#registrationModal,
#whatsappLeadModal {
  z-index: 9050 !important;
  pointer-events: auto !important;
}

#registrationModal.show,
#whatsappLeadModal.show {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

#registrationModal .modal-dialog,
#whatsappLeadModal .modal-dialog {
  z-index: 9060 !important;
  pointer-events: auto !important;
}

#registrationModal .modal-content,
#whatsappLeadModal .modal-content {
  pointer-events: auto !important;
}

/* Modal açıkken tüm sabit/floating elemanlar kesinlikle arkaya alınır */
body.modal-open .navbar,
body.modal-open .social-crescent-right,
body.modal-open .floating-application-whatsapp,
body.modal-open .aihexa-live-chat-v62,
body.modal-open .mobile-floating-tools-toggle,
body.modal-open .universal-floating-tools-toggle,
body.modal-open .floating-left-metric-actions,
body.modal-open .floating-tools-master-v65,
body.modal-open .social-close-v66,
body.aihexa-any-modal-open-v79 .navbar,
body.aihexa-any-modal-open-v79 .social-crescent-right,
body.aihexa-any-modal-open-v79 .floating-application-whatsapp,
body.aihexa-any-modal-open-v79 .aihexa-live-chat-v62,
body.aihexa-any-modal-open-v79 .mobile-floating-tools-toggle,
body.aihexa-any-modal-open-v79 .universal-floating-tools-toggle,
body.aihexa-any-modal-open-v79 .floating-left-metric-actions,
body.aihexa-any-modal-open-v79 .floating-tools-master-v65,
body.aihexa-any-modal-open-v79 .social-close-v66 {
  z-index: 1 !important;
  pointer-events: none !important;
}

/* Olası transform stacking context problemini modal açıkken kır */
body.modal-open .site-wrapper,
body.modal-open main,
body.modal-open header,
body.modal-open section,
body.aihexa-any-modal-open-v79 .site-wrapper,
body.aihexa-any-modal-open-v79 main,
body.aihexa-any-modal-open-v79 header,
body.aihexa-any-modal-open-v79 section {
  transform: none !important;
  filter: none !important;
}


/* =========================================================
   V80: AIHEXA Asistan modal çakışması final güvenlik katmanı
   ========================================================= */

/* Normalde Asistan ve floating elemanlar modal seviyesine yaklaşmasın */
.aihexa-live-chat-v62,
.chat-panel-v62,
.social-crescent-right,
.floating-application-whatsapp,
.mobile-floating-tools-toggle,
.universal-floating-tools-toggle,
.floating-left-metric-actions {
  isolation: auto !important;
}

/* Herhangi bir modal açıkken tüm floating elemanlar tıklamayı engellemez */
body.modal-open .aihexa-live-chat-v62,
body.modal-open .chat-panel-v62,
body.modal-open .social-crescent-right,
body.modal-open .floating-application-whatsapp,
body.modal-open .mobile-floating-tools-toggle,
body.modal-open .universal-floating-tools-toggle,
body.modal-open .floating-left-metric-actions,
body.modal-open .floating-tools-master-v65,
body.modal-open .aihexa-robot-whatsapp-v66,
body.modal-open .social-close-v66,
body.aihexa-modal-layer-lock-v80 .aihexa-live-chat-v62,
body.aihexa-modal-layer-lock-v80 .chat-panel-v62,
body.aihexa-modal-layer-lock-v80 .social-crescent-right,
body.aihexa-modal-layer-lock-v80 .floating-application-whatsapp,
body.aihexa-modal-layer-lock-v80 .mobile-floating-tools-toggle,
body.aihexa-modal-layer-lock-v80 .universal-floating-tools-toggle,
body.aihexa-modal-layer-lock-v80 .floating-left-metric-actions,
body.aihexa-modal-layer-lock-v80 .floating-tools-master-v65,
body.aihexa-modal-layer-lock-v80 .aihexa-robot-whatsapp-v66,
body.aihexa-modal-layer-lock-v80 .social-close-v66 {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Modal en üstte */
body.modal-open .modal.show,
body.aihexa-modal-layer-lock-v80 .modal.show {
  z-index: 2147483000 !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

body.modal-open .modal-backdrop,
body.aihexa-modal-layer-lock-v80 .modal-backdrop {
  z-index: 2147482990 !important;
  pointer-events: auto !important;
}

body.modal-open .modal.show .modal-dialog,
body.aihexa-modal-layer-lock-v80 .modal.show .modal-dialog {
  position: relative !important;
  z-index: 2147483001 !important;
  pointer-events: auto !important;
}

body.modal-open .modal.show .modal-content,
body.modal-open .modal.show .modal-content *,
body.aihexa-modal-layer-lock-v80 .modal.show .modal-content,
body.aihexa-modal-layer-lock-v80 .modal.show .modal-content * {
  pointer-events: auto !important;
}

/* Özel kritik modallar */
#registrationModal.show,
#whatsappLeadModal.show,
#siteSearchModalV46.show,
#publicMailModalV76.show {
  z-index: 2147483000 !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
}


/* =========================================================
   V83: Admin AIHEXA Canlı Konuşmalar filtre / kapatma
   ========================================================= */

.admin-chat-status-buttons-v83 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .45rem;
  margin-top: .55rem;
}

.admin-chat-status-buttons-v83 button {
  border: 1px solid rgba(7, 91, 214, .16);
  border-radius: 14px;
  background: rgba(255, 255, 255, .88);
  color: #061a4a;
  font-size: .78rem;
  font-weight: 900;
  padding: .55rem .35rem;
  display: inline-grid;
  place-items: center;
  gap: .12rem;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.admin-chat-status-buttons-v83 button:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(7, 91, 214, .14);
}

.admin-chat-status-buttons-v83 button.active {
  background: linear-gradient(145deg, #075bd6, #061a4a);
  color: #ffffff;
  border-color: rgba(255, 210, 77, .55);
}

.admin-chat-room-actions-v83 {
  display: flex;
  justify-content: flex-end;
  gap: .5rem;
  padding: .6rem .85rem;
  border-bottom: 1px solid rgba(7, 91, 214, .10);
  background: rgba(248, 250, 252, .72);
}

.chat-list-head-v83 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .6rem;
}

.chat-list-head-v83 em {
  font-style: normal;
  font-size: .66rem;
  font-weight: 950;
  padding: .18rem .45rem;
  border-radius: 999px;
  background: rgba(7, 91, 214, .10);
  color: #075bd6;
  white-space: nowrap;
}

.admin-chat-conversation-item-v62.status-waiting_admin .chat-list-head-v83 em {
  background: rgba(255, 183, 3, .16);
  color: #92400e;
}

.admin-chat-conversation-item-v62.status-closed {
  opacity: .72;
}

.admin-chat-conversation-item-v62.status-closed .chat-list-head-v83 em {
  background: rgba(220, 38, 38, .12);
  color: #991b1b;
}

.admin-chat-reply-v62 textarea:disabled {
  background: #eef2f7;
  cursor: not-allowed;
}

[data-theme="dark"] .admin-chat-status-buttons-v83 button {
  background: rgba(255,255,255,.08);
  color: #f8fafc;
  border-color: rgba(255,255,255,.12);
}

[data-theme="dark"] .admin-chat-room-actions-v83 {
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.08);
}


/* =========================================================
   V84: Admin konuşma kartı kapatma + doğru mesaj yönleri
   ========================================================= */

.admin-chat-status-buttons-v84,
.admin-chat-status-buttons-v83 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .45rem;
  margin-top: .55rem;
}

.admin-chat-status-buttons-v84 button,
.admin-chat-status-buttons-v83 button {
  border: 1px solid rgba(7, 91, 214, .16);
  border-radius: 14px;
  background: rgba(255, 255, 255, .88);
  color: #061a4a;
  font-size: .78rem;
  font-weight: 900;
  padding: .55rem .35rem;
  display: inline-grid;
  place-items: center;
  gap: .12rem;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.admin-chat-status-buttons-v84 button:hover,
.admin-chat-status-buttons-v83 button:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(7, 91, 214, .14);
}

.admin-chat-status-buttons-v84 button.active,
.admin-chat-status-buttons-v83 button.active {
  background: linear-gradient(145deg, #075bd6, #061a4a);
  color: #ffffff;
  border-color: rgba(255, 210, 77, .55);
}

.admin-chat-conversation-item-v62 {
  display: grid !important;
  gap: .45rem;
  padding: .65rem !important;
  border-radius: 18px !important;
}

.admin-chat-conversation-open-v84 {
  width: 100%;
  border: 0;
  background: transparent;
  text-align: left;
  padding: 0;
  color: inherit;
}

.admin-chat-conversation-open-v84 span,
.admin-chat-conversation-open-v84 small {
  display: block;
}

.admin-chat-card-close-v84 {
  width: 100%;
  border: 1px solid rgba(220, 38, 38, .22);
  background: rgba(220, 38, 38, .08);
  color: #991b1b;
  font-weight: 950;
  border-radius: 13px;
  padding: .42rem .55rem;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.admin-chat-card-close-v84:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(220, 38, 38, .16);
  background: rgba(220, 38, 38, .14);
}

.admin-chat-card-close-v84:disabled {
  cursor: not-allowed;
  opacity: .68;
}

/* Admin sağ, kullanıcı solda */
.admin-chat-message-row-v62.is-admin-v84 {
  justify-content: flex-end !important;
}

.admin-chat-message-row-v62.is-admin-v84 .admin-chat-message-v62 {
  background: #075bd6 !important;
  color: #ffffff !important;
  border-bottom-right-radius: 6px !important;
  border-bottom-left-radius: 20px !important;
}

.admin-chat-message-row-v62.is-visitor-v84 {
  justify-content: flex-start !important;
}

.admin-chat-message-row-v62.is-visitor-v84 .admin-chat-message-v62 {
  background: rgba(248, 250, 252, .98) !important;
  color: #061a4a !important;
  border: 1px solid rgba(7, 91, 214, .12) !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 20px !important;
}

.admin-chat-message-row-v62.is-bot-v84 {
  justify-content: flex-start !important;
}

.admin-chat-message-row-v62.is-bot-v84 .admin-chat-message-v62 {
  background: linear-gradient(145deg, #dc2626, #991b1b) !important;
  color: #ffffff !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 20px !important;
}

.admin-chat-message-row-v62.is-admin-v84 .admin-chat-message-v62 p,
.admin-chat-message-row-v62.is-admin-v84 .admin-chat-message-v62 strong,
.admin-chat-message-row-v62.is-admin-v84 .admin-chat-message-v62 small,
.admin-chat-message-row-v62.is-bot-v84 .admin-chat-message-v62 p,
.admin-chat-message-row-v62.is-bot-v84 .admin-chat-message-v62 strong,
.admin-chat-message-row-v62.is-bot-v84 .admin-chat-message-v62 small {
  color: #ffffff !important;
}

.admin-chat-message-row-v62.is-visitor-v84 .admin-chat-message-v62 p,
.admin-chat-message-row-v62.is-visitor-v84 .admin-chat-message-v62 strong,
.admin-chat-message-row-v62.is-visitor-v84 .admin-chat-message-v62 small {
  color: #061a4a !important;
}

[data-theme="dark"] .admin-chat-status-buttons-v84 button,
[data-theme="dark"] .admin-chat-status-buttons-v83 button,
[data-theme="dark"] .admin-chat-conversation-open-v84 {
  color: #f8fafc;
}

[data-theme="dark"] .admin-chat-card-close-v84 {
  color: #fecaca;
  background: rgba(220, 38, 38, .14);
  border-color: rgba(248, 113, 113, .22);
}

[data-theme="dark"] .admin-chat-message-row-v62.is-visitor-v84 .admin-chat-message-v62 {
  background: rgba(255,255,255,.08) !important;
  color: #f8fafc !important;
  border-color: rgba(255,255,255,.13) !important;
}

[data-theme="dark"] .admin-chat-message-row-v62.is-visitor-v84 .admin-chat-message-v62 p,
[data-theme="dark"] .admin-chat-message-row-v62.is-visitor-v84 .admin-chat-message-v62 strong,
[data-theme="dark"] .admin-chat-message-row-v62.is-visitor-v84 .admin-chat-message-v62 small {
  color: #f8fafc !important;
}


/* =========================================================
   V85: Gönderilen / Planlanan Mailler okunma + silme
   ========================================================= */

.sent-mail-view-buttons-v85 {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  padding: .7rem;
  border-radius: 18px;
  background: rgba(7, 91, 214, .055);
  border: 1px solid rgba(7, 91, 214, .10);
}

.sent-mail-view-buttons-v85 button {
  border: 1px solid rgba(7, 91, 214, .16);
  background: #ffffff;
  color: #061a4a;
  font-weight: 950;
  border-radius: 999px;
  padding: .55rem .85rem;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.sent-mail-view-buttons-v85 button:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(7, 91, 214, .14);
}

.sent-mail-view-buttons-v85 button.active {
  background: linear-gradient(145deg, #075bd6, #061a4a);
  color: #ffffff;
  border-color: rgba(255, 210, 77, .55);
}

.sent-mail-actions-v85 {
  display: grid !important;
  gap: .35rem !important;
  min-width: 160px;
}

.sent-mail-deleted-row-v85 {
  opacity: .72;
  background: rgba(220, 38, 38, .035);
}

.sent-mail-deleted-row-v85 td {
  border-color: rgba(220, 38, 38, .14) !important;
}

[data-theme="dark"] .sent-mail-view-buttons-v85 {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.10);
}

[data-theme="dark"] .sent-mail-view-buttons-v85 button {
  background: rgba(255,255,255,.08);
  color: #f8fafc;
  border-color: rgba(255,255,255,.12);
}

[data-theme="dark"] .sent-mail-deleted-row-v85 {
  background: rgba(220, 38, 38, .10);
}


/* =========================================================
   V86: Admin sağ alt popup/toast uyarıları
   ========================================================= */

.admin-toast-stack-v86 {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 2147483600;
  display: grid;
  gap: .75rem;
  width: min(420px, calc(100vw - 32px));
  pointer-events: none;
}

.admin-toast-v86 {
  pointer-events: auto;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: .75rem;
  align-items: flex-start;
  padding: .9rem .95rem;
  border-radius: 18px;
  color: #ffffff;
  box-shadow: 0 22px 55px rgba(2, 6, 23, .26);
  border: 1px solid rgba(255,255,255,.18);
  animation: adminToastInV86 .22s ease both;
}

.admin-toast-v86.hide {
  animation: adminToastOutV86 .22s ease both;
}

.admin-toast-v86.info {
  background: linear-gradient(145deg, #075bd6, #061a4a);
}

.admin-toast-v86.success {
  background: linear-gradient(145deg, #047857, #064e3b);
}

.admin-toast-v86.warning {
  background: linear-gradient(145deg, #f59e0b, #92400e);
}

.admin-toast-v86.danger {
  background: linear-gradient(145deg, #dc2626, #7f1d1d);
}

.admin-toast-v86.dark {
  background: linear-gradient(145deg, #334155, #020617);
}

.admin-toast-icon-v86 {
  font-size: 1.35rem;
  line-height: 1;
  padding-top: .12rem;
}

.admin-toast-content-v86 {
  display: grid;
  gap: .12rem;
}

.admin-toast-content-v86 strong {
  color: #ffffff;
  font-weight: 950;
}

.admin-toast-content-v86 span {
  color: rgba(255,255,255,.92);
  line-height: 1.35;
}

.admin-toast-close-v86 {
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
  color: #ffffff;
  display: inline-grid;
  place-items: center;
}

.admin-toast-actions-v86 {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-top: .55rem;
}

@keyframes adminToastInV86 {
  from { opacity: 0; transform: translate(18px, 12px) scale(.98); }
  to { opacity: 1; transform: translate(0, 0) scale(1); }
}

@keyframes adminToastOutV86 {
  from { opacity: 1; transform: translate(0, 0) scale(1); }
  to { opacity: 0; transform: translate(18px, 12px) scale(.98); }
}


/* =========================================================
   V87: Mail filtre aktif durum kesin görünürlük
   ========================================================= */
#sentMailViewButtonsV87 button.active,
.sent-mail-view-buttons-v85 button.active {
  outline: 3px solid rgba(255, 210, 77, .45);
  box-shadow: 0 14px 28px rgba(7, 91, 214, .22);
}


/* =========================================================
   V88: Silinen mailler toplu işlem ve sol sayaç animasyonu
   ========================================================= */

.sent-mail-deleted-bulk-actions-v88 {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  justify-content: flex-end;
  align-items: center;
  margin: -.35rem 0 .8rem;
  padding: .75rem;
  border-radius: 18px;
  background: rgba(220, 38, 38, .055);
  border: 1px dashed rgba(220, 38, 38, .22);
}

.sent-mail-deleted-bulk-actions-v88.d-none {
  display: none !important;
}

.admin-left-btn-v59.has-new-v59 {
  animation: leftNotifyPulseV88 1.2s ease-in-out infinite;
  box-shadow: 0 0 0 0 rgba(7, 91, 214, .24);
}

.admin-left-btn-v59.has-new-v59 .badge,
.admin-left-btn-v59.has-new-v59 [id$="CountV59"],
.admin-left-btn-v59.has-new-v59 #leftChatCountV62 {
  animation: leftBadgeBounceV88 .85s ease-in-out infinite;
}

.admin-left-btn-v59.is-static-v88,
.admin-left-btn-v59:not(.has-new-v59) {
  animation: none !important;
}

.admin-left-btn-v59.is-static-v88 .badge,
.admin-left-btn-v59:not(.has-new-v59) .badge,
.admin-left-btn-v59.is-static-v88 [id$="CountV59"],
.admin-left-btn-v59:not(.has-new-v59) [id$="CountV59"],
.admin-left-btn-v59.is-static-v88 #leftChatCountV62,
.admin-left-btn-v59:not(.has-new-v59) #leftChatCountV62 {
  animation: none !important;
}

@keyframes leftNotifyPulseV88 {
  0% { transform: translateX(0) scale(1); box-shadow: 0 0 0 0 rgba(7, 91, 214, .22); }
  45% { transform: translateX(2px) scale(1.018); box-shadow: 0 0 0 10px rgba(7, 91, 214, 0); }
  100% { transform: translateX(0) scale(1); box-shadow: 0 0 0 0 rgba(7, 91, 214, 0); }
}

@keyframes leftBadgeBounceV88 {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.16); }
}

[data-theme="dark"] .sent-mail-deleted-bulk-actions-v88 {
  background: rgba(220, 38, 38, .12);
  border-color: rgba(248, 113, 113, .28);
}


/* =========================================================
   V89: Mail modal pagination + seçili silinen mail işlemleri
   ========================================================= */

.sent-mail-select-col-v89 {
  width: 42px;
  text-align: center;
  vertical-align: middle;
}

.sent-mail-deleted-bulk-actions-v88 {
  justify-content: flex-start;
}

.sent-mail-deleted-bulk-actions-v88 .btn {
  border-radius: 999px;
}

.sent-mail-pagination-wrap-v89 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin-top: .8rem;
  padding: .75rem;
  border-radius: 18px;
  background: rgba(7, 91, 214, .055);
  border: 1px solid rgba(7, 91, 214, .10);
}

.sent-mail-pagination-info-v89 {
  font-weight: 950;
  color: #061a4a;
}

.sent-mail-page-size-v89 {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  font-weight: 900;
}

.sent-mail-page-size-v89 select {
  width: 86px;
}

.sent-mail-pagination-buttons-v89 {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
}

.sent-mail-pagination-buttons-v89 span {
  font-weight: 950;
  color: #075bd6;
  min-width: 58px;
  text-align: center;
}

[data-theme="dark"] .sent-mail-pagination-wrap-v89 {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.10);
}

[data-theme="dark"] .sent-mail-pagination-info-v89,
[data-theme="dark"] .sent-mail-page-size-v89,
[data-theme="dark"] .sent-mail-pagination-buttons-v89 span {
  color: #f8fafc;
}


/* =========================================================
   V90: Mail modal kontrollerini zorunlu görünür yap
   ========================================================= */

#sentMailsModalV57 #sentMailViewButtonsV87,
#sentMailsModalV57 .sent-mail-pagination-wrap-v89 {
  display: flex !important;
}

#sentMailsModalV57 #sentMailDeletedBulkActionsV88:not(.d-none) {
  display: flex !important;
}

#sentMailsModalV57 .sent-mail-pagination-wrap-v89.d-none {
  display: none !important;
}

#sentMailsModalV57 .sent-mail-select-col-v90,
#sentMailsModalV57 .sent-mail-select-col-v89 {
  width: 46px;
  text-align: center;
}


/* =========================================================
   V92: Kayıt Formu Yeniden Kurulum + Kesin Z-Index Fix
   ========================================================= */

body.aihexa-registration-modal-open-v92 {
  overflow: hidden !important;
}

body.aihexa-registration-modal-open-v92 .aihexa-live-chat-v62,
body.aihexa-registration-modal-open-v92 .chat-panel-v62,
body.aihexa-registration-modal-open-v92 .social-crescent-right,
body.aihexa-registration-modal-open-v92 .floating-application-whatsapp,
body.aihexa-registration-modal-open-v92 .mobile-floating-tools-toggle,
body.aihexa-registration-modal-open-v92 .universal-floating-tools-toggle,
body.aihexa-registration-modal-open-v92 .floating-left-metric-actions,
body.aihexa-registration-modal-open-v92 .floating-tools-master-v65,
body.aihexa-registration-modal-open-v92 .aihexa-robot-whatsapp-v66,
body.aihexa-registration-modal-open-v92 .social-close-v66,
body.aihexa-registration-modal-open-v92 .aihexa-assistant-launcher,
body.aihexa-registration-modal-open-v92 .aihexa-assistant-panel,
body.aihexa-registration-modal-open-v92 .floating-whatsapp,
body.aihexa-registration-modal-open-v92 .scroll-top-btn,
body.aihexa-registration-modal-open-v92 .top-progress {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

body.aihexa-registration-modal-open-v92 .modal-backdrop,
.modal-backdrop.registration-backdrop-v92 {
  z-index: 2147483000 !important;
  opacity: .72 !important;
}

#registrationModal.registration-modal-v92,
#registrationModal {
  z-index: 2147483100 !important;
  pointer-events: auto !important;
}

#registrationModal.show {
  display: block !important;
}

#registrationModal .modal-dialog,
#registrationModal .modal-content,
#registrationModal .modal-header,
#registrationModal .modal-body,
#registrationModal .modal-footer,
#registrationModal input,
#registrationModal select,
#registrationModal textarea,
#registrationModal button,
#registrationModal label {
  pointer-events: auto !important;
}

.registration-dialog-v92 {
  max-width: 980px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.registration-modal-content-v92 {
  position: relative;
  z-index: 2147483101 !important;
  border: 0 !important;
  border-radius: 30px !important;
  overflow: hidden;
  box-shadow: 0 38px 120px rgba(2, 6, 23, .45) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(13, 110, 253, .16), transparent 36%),
    #ffffff !important;
}

.registration-modal-header-v92 {
  border-bottom: 1px solid rgba(7, 91, 214, .12) !important;
  padding: 1.35rem 1.55rem !important;
  background: linear-gradient(135deg, rgba(7, 91, 214, .08), rgba(51, 161, 223, .08));
}

.registration-modal-subtitle-v92 {
  color: #64748b;
  font-weight: 700;
  font-size: .92rem;
  margin-top: .25rem;
}

.registration-modal-body-v92 {
  padding: 1.45rem 1.55rem !important;
  max-height: min(72vh, 760px);
  overflow-y: auto;
}

.registration-modal-footer-v92 {
  border-top: 1px solid rgba(7, 91, 214, .12) !important;
  padding: 1rem 1.55rem !important;
  background: rgba(248, 250, 252, .92);
}

.registration-form-v92 label {
  font-weight: 900;
  color: #061a4a;
}

.registration-form-v92 label span {
  color: #dc2626;
}

.registration-form-v92 .form-control,
.registration-form-v92 .form-select {
  border-radius: 15px !important;
  border: 1px solid rgba(7, 91, 214, .18) !important;
  box-shadow: none !important;
}

.registration-form-v92 .form-control:focus,
.registration-form-v92 .form-select:focus {
  border-color: #075bd6 !important;
  box-shadow: 0 0 0 .22rem rgba(7, 91, 214, .12) !important;
}

.registration-summary-box-v92 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .75rem;
}

.registration-summary-box-v92 div {
  padding: 1rem;
  border-radius: 18px;
  background: rgba(7, 91, 214, .07);
  border: 1px solid rgba(7, 91, 214, .12);
}

.registration-summary-box-v92 strong {
  display: block;
  color: #075bd6;
  font-weight: 950;
  font-size: 1.15rem;
}

.registration-summary-box-v92 span {
  color: #475569;
  font-weight: 750;
  font-size: .84rem;
}

.registration-consent-v92 {
  padding: .9rem 1rem .9rem 2.55rem;
  border-radius: 18px;
  background: rgba(255, 210, 77, .12);
  border: 1px solid rgba(255, 210, 77, .26);
}

.registration-close-v92 {
  opacity: 1 !important;
  background-color: rgba(255,255,255,.9) !important;
  border-radius: 999px !important;
  padding: .9rem !important;
}

.registration-feedback.show {
  display: block !important;
}

.registration-feedback.success {
  background: rgba(4, 120, 87, .10);
  border: 1px solid rgba(4, 120, 87, .18);
  color: #047857;
  padding: .9rem 1rem;
  border-radius: 16px;
  font-weight: 850;
}

.registration-feedback.error {
  background: rgba(220, 38, 38, .10);
  border: 1px solid rgba(220, 38, 38, .18);
  color: #b91c1c;
  padding: .9rem 1rem;
  border-radius: 16px;
  font-weight: 850;
}

.registration-feedback.info {
  background: rgba(7, 91, 214, .10);
  border: 1px solid rgba(7, 91, 214, .18);
  color: #075bd6;
  padding: .9rem 1rem;
  border-radius: 16px;
  font-weight: 850;
}

.registration-toast-v92 {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 2147483600;
  max-width: min(420px, calc(100vw - 32px));
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: .75rem;
  align-items: flex-start;
  padding: .95rem 1rem;
  border-radius: 18px;
  color: #ffffff;
  background: linear-gradient(145deg, #047857, #064e3b);
  box-shadow: 0 26px 70px rgba(2, 6, 23, .32);
  opacity: 0;
  transform: translateY(16px) scale(.98);
  transition: .22s ease;
}

.registration-toast-v92.show {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.registration-toast-v92.error {
  background: linear-gradient(145deg, #dc2626, #7f1d1d);
}

.registration-toast-v92.info {
  background: linear-gradient(145deg, #075bd6, #061a4a);
}

.registration-toast-v92 button {
  border: 0;
  background: rgba(255,255,255,.16);
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
}

@media (max-width: 768px) {
  .registration-dialog-v92 {
    max-width: calc(100vw - 18px);
    margin: .5rem auto !important;
  }

  .registration-modal-body-v92 {
    max-height: 70vh;
    padding: 1rem !important;
  }

  .registration-summary-box-v92 {
    grid-template-columns: 1fr;
  }

  .registration-modal-footer-v92 {
    flex-direction: column;
  }

  .registration-modal-footer-v92 .btn {
    width: 100%;
  }
}

[data-theme="dark"] .registration-modal-content-v92 {
  background:
    radial-gradient(circle at 100% 0%, rgba(13, 110, 253, .22), transparent 36%),
    #071324 !important;
  color: #f8fafc;
}

[data-theme="dark"] .registration-form-v92 label,
[data-theme="dark"] .registration-modal-content-v92 .modal-title {
  color: #f8fafc;
}

[data-theme="dark"] .registration-modal-subtitle-v92,
[data-theme="dark"] .registration-summary-box-v92 span {
  color: #cbd5e1;
}

[data-theme="dark"] .registration-modal-footer-v92 {
  background: rgba(15, 23, 42, .96);
  border-color: rgba(255,255,255,.10) !important;
}


/* =========================================================
   V93: Kayıt Formu Tıklanabilirlik / Overlay Kesin Fix
   ========================================================= */

.registration-manual-backdrop-v93 {
  position: fixed;
  inset: 0;
  display: none;
  background: rgba(2, 6, 23, .72);
  z-index: 2147483300 !important;
}

body.registration-manual-open-v93 .registration-manual-backdrop-v93 {
  display: block !important;
}

body.registration-manual-open-v93 .modal-backdrop {
  display: none !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

body.registration-manual-open-v93 #registrationModal {
  position: fixed !important;
  inset: 0 !important;
  display: block !important;
  opacity: 1 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  z-index: 2147483400 !important;
  pointer-events: auto !important;
  background: transparent !important;
}

body.registration-manual-open-v93 #registrationModal .modal-dialog {
  position: relative !important;
  z-index: 2147483500 !important;
  pointer-events: none !important;
}

body.registration-manual-open-v93 #registrationModal .modal-content {
  position: relative !important;
  z-index: 2147483600 !important;
  pointer-events: auto !important;
  transform: translateZ(0);
  isolation: isolate;
}

body.registration-manual-open-v93 #registrationModal .modal-header,
body.registration-manual-open-v93 #registrationModal .modal-body,
body.registration-manual-open-v93 #registrationModal .modal-footer,
body.registration-manual-open-v93 #registrationModal form,
body.registration-manual-open-v93 #registrationModal .row,
body.registration-manual-open-v93 #registrationModal .col-md-6,
body.registration-manual-open-v93 #registrationModal .col-12,
body.registration-manual-open-v93 #registrationModal .form-check {
  position: relative !important;
  z-index: 2147483601 !important;
  pointer-events: auto !important;
}

body.registration-manual-open-v93 #registrationModal input,
body.registration-manual-open-v93 #registrationModal select,
body.registration-manual-open-v93 #registrationModal textarea,
body.registration-manual-open-v93 #registrationModal button,
body.registration-manual-open-v93 #registrationModal label,
body.registration-manual-open-v93 #registrationModal .form-control,
body.registration-manual-open-v93 #registrationModal .form-select,
body.registration-manual-open-v93 #registrationModal .form-check-input,
body.registration-manual-open-v93 #registrationModal .form-check-label {
  position: relative !important;
  z-index: 2147483700 !important;
  pointer-events: auto !important;
  user-select: auto !important;
  -webkit-user-select: auto !important;
  touch-action: manipulation !important;
}

body.registration-manual-open-v93 #registrationModal input,
body.registration-manual-open-v93 #registrationModal select,
body.registration-manual-open-v93 #registrationModal textarea {
  background-color: #ffffff !important;
  color: #061a4a !important;
  cursor: text !important;
}

body.registration-manual-open-v93 #registrationModal select,
body.registration-manual-open-v93 #registrationModal button,
body.registration-manual-open-v93 #registrationModal .form-check-input {
  cursor: pointer !important;
}

/* Modal açıkken arkadaki tüm sabit/animasyonlu katmanlar tıklamayı kesemesin */
body.registration-manual-open-v93 .ai-navbar,
body.registration-manual-open-v93 .hero-section,
body.registration-manual-open-v93 main,
body.registration-manual-open-v93 footer,
body.registration-manual-open-v93 .aihexa-live-chat-v62,
body.registration-manual-open-v93 .chat-panel-v62,
body.registration-manual-open-v93 .social-crescent-right,
body.registration-manual-open-v93 .floating-application-whatsapp,
body.registration-manual-open-v93 .mobile-floating-tools-toggle,
body.registration-manual-open-v93 .universal-floating-tools-toggle,
body.registration-manual-open-v93 .floating-left-metric-actions,
body.registration-manual-open-v93 .floating-tools-master-v65,
body.registration-manual-open-v93 .aihexa-robot-whatsapp-v66,
body.registration-manual-open-v93 .social-close-v66,
body.registration-manual-open-v93 .floating-whatsapp,
body.registration-manual-open-v93 .scroll-top-btn,
body.registration-manual-open-v93 .top-progress {
  pointer-events: none !important;
}

body.registration-manual-open-v93 #registrationModal,
body.registration-manual-open-v93 #registrationModal * {
  visibility: visible !important;
}


/* =========================================================
   V94: WhatsApp sağ alt + WhatsApp modal input tıklama fix
   ========================================================= */

/* Sağdaki WhatsApp/başvuru butonlarını sağ alta sabitle */
.floating-whatsapp,
.floating-application-whatsapp,
.aihexa-robot-whatsapp-v66,
.whatsapp-floating,
.whatsapp-float,
a[href*="wa.me"].floating-whatsapp,
button[data-bs-target="#whatsappLeadModal"].floating-application-whatsapp {
  position: fixed !important;
  right: 18px !important;
  bottom: 18px !important;
  left: auto !important;
  top: auto !important;
  z-index: 2147481200 !important;
}

/* Eğer sosyal yarım ay içinde WhatsApp varsa form butonlarını ezmesin */
.social-crescent-right {
  right: 14px !important;
}

.whatsapp-manual-backdrop-v94 {
  position: fixed;
  inset: 0;
  display: none;
  background: rgba(2, 6, 23, .72);
  z-index: 2147483300 !important;
}

body.whatsapp-manual-open-v94 .whatsapp-manual-backdrop-v94 {
  display: block !important;
}

body.whatsapp-manual-open-v94 {
  overflow: hidden !important;
}

body.whatsapp-manual-open-v94 .modal-backdrop {
  display: none !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

body.whatsapp-manual-open-v94 #whatsappLeadModal {
  position: fixed !important;
  inset: 0 !important;
  display: block !important;
  opacity: 1 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  z-index: 2147483400 !important;
  pointer-events: auto !important;
  background: transparent !important;
}

body.whatsapp-manual-open-v94 #whatsappLeadModal .modal-dialog {
  position: relative !important;
  z-index: 2147483500 !important;
  pointer-events: none !important;
}

body.whatsapp-manual-open-v94 #whatsappLeadModal .modal-content {
  position: relative !important;
  z-index: 2147483600 !important;
  pointer-events: auto !important;
  transform: translateZ(0);
  isolation: isolate;
}

body.whatsapp-manual-open-v94 #whatsappLeadModal .modal-header,
body.whatsapp-manual-open-v94 #whatsappLeadModal .modal-body,
body.whatsapp-manual-open-v94 #whatsappLeadModal .modal-footer,
body.whatsapp-manual-open-v94 #whatsappLeadModal form,
body.whatsapp-manual-open-v94 #whatsappLeadModal .row,
body.whatsapp-manual-open-v94 #whatsappLeadModal .col-md-6,
body.whatsapp-manual-open-v94 #whatsappLeadModal .col-12,
body.whatsapp-manual-open-v94 #whatsappLeadModal .form-check {
  position: relative !important;
  z-index: 2147483601 !important;
  pointer-events: auto !important;
}

body.whatsapp-manual-open-v94 #whatsappLeadModal input,
body.whatsapp-manual-open-v94 #whatsappLeadModal select,
body.whatsapp-manual-open-v94 #whatsappLeadModal textarea,
body.whatsapp-manual-open-v94 #whatsappLeadModal button,
body.whatsapp-manual-open-v94 #whatsappLeadModal label,
body.whatsapp-manual-open-v94 #whatsappLeadModal .form-control,
body.whatsapp-manual-open-v94 #whatsappLeadModal .form-select,
body.whatsapp-manual-open-v94 #whatsappLeadModal .form-check-input,
body.whatsapp-manual-open-v94 #whatsappLeadModal .form-check-label {
  position: relative !important;
  z-index: 2147483700 !important;
  pointer-events: auto !important;
  user-select: auto !important;
  -webkit-user-select: auto !important;
  touch-action: manipulation !important;
}

body.whatsapp-manual-open-v94 #whatsappLeadModal input,
body.whatsapp-manual-open-v94 #whatsappLeadModal select,
body.whatsapp-manual-open-v94 #whatsappLeadModal textarea {
  background-color: #ffffff !important;
  color: #061a4a !important;
  cursor: text !important;
}

body.whatsapp-manual-open-v94 #whatsappLeadModal select,
body.whatsapp-manual-open-v94 #whatsappLeadModal button,
body.whatsapp-manual-open-v94 #whatsappLeadModal .form-check-input {
  cursor: pointer !important;
}

/* WhatsApp modal açıkken arka katmanlar form tıklamasını kesmesin */
body.whatsapp-manual-open-v94 .ai-navbar,
body.whatsapp-manual-open-v94 .hero-section,
body.whatsapp-manual-open-v94 main,
body.whatsapp-manual-open-v94 footer,
body.whatsapp-manual-open-v94 .aihexa-live-chat-v62,
body.whatsapp-manual-open-v94 .chat-panel-v62,
body.whatsapp-manual-open-v94 .social-crescent-right,
body.whatsapp-manual-open-v94 .floating-application-whatsapp,
body.whatsapp-manual-open-v94 .mobile-floating-tools-toggle,
body.whatsapp-manual-open-v94 .universal-floating-tools-toggle,
body.whatsapp-manual-open-v94 .floating-left-metric-actions,
body.whatsapp-manual-open-v94 .floating-tools-master-v65,
body.whatsapp-manual-open-v94 .aihexa-robot-whatsapp-v66,
body.whatsapp-manual-open-v94 .social-close-v66,
body.whatsapp-manual-open-v94 .floating-whatsapp,
body.whatsapp-manual-open-v94 .scroll-top-btn,
body.whatsapp-manual-open-v94 .top-progress {
  pointer-events: none !important;
}

body.whatsapp-manual-open-v94 #whatsappLeadModal,
body.whatsapp-manual-open-v94 #whatsappLeadModal * {
  visibility: visible !important;
}

/* Mobilde sağ alt boşluk */
@media (max-width: 768px) {
  .floating-whatsapp,
  .floating-application-whatsapp,
  .aihexa-robot-whatsapp-v66,
  .whatsapp-floating,
  .whatsapp-float,
  a[href*="wa.me"].floating-whatsapp,
  button[data-bs-target="#whatsappLeadModal"].floating-application-whatsapp {
    right: 14px !important;
    bottom: 14px !important;
  }
}


/* =========================================================
   V95: WhatsApp sağ alt 3 saniye sonra animasyonlu + sosyal medya hareketi
   ========================================================= */

/* WhatsApp butonu kesin sağ alt */
.floating-whatsapp,
.floating-application-whatsapp,
.aihexa-robot-whatsapp-v66,
.whatsapp-bottom-right-v94,
.whatsapp-bottom-right-v95,
.whatsapp-floating,
.whatsapp-float,
a[href*="wa.me"].floating-whatsapp,
button[data-aihexa-whatsapp-v94="true"],
button[data-bs-target="#whatsappLeadModal"],
#heroOfferBtn.whatsapp-bottom-right-v95,
#navOfferBtn.whatsapp-bottom-right-v95 {
  position: fixed !important;
  right: 18px !important;
  bottom: 18px !important;
  left: auto !important;
  top: auto !important;
  z-index: 2147481500 !important;
  transform-origin: center center;
}

/* Sayfa açılır açılmaz görünmesin; 3 saniye sonra JS class ekliyor */
body:not(.aihexa-floating-ready-v95) .floating-whatsapp,
body:not(.aihexa-floating-ready-v95) .floating-application-whatsapp,
body:not(.aihexa-floating-ready-v95) .aihexa-robot-whatsapp-v66,
body:not(.aihexa-floating-ready-v95) .whatsapp-bottom-right-v94,
body:not(.aihexa-floating-ready-v95) .whatsapp-bottom-right-v95,
body:not(.aihexa-floating-ready-v95) .whatsapp-floating,
body:not(.aihexa-floating-ready-v95) .whatsapp-float,
body:not(.aihexa-floating-ready-v95) button[data-aihexa-whatsapp-v94="true"],
body:not(.aihexa-floating-ready-v95) button[data-bs-target="#whatsappLeadModal"],
body:not(.aihexa-floating-ready-v95) .social-crescent-right,
body:not(.aihexa-floating-ready-v95) .social-floating-v95 {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(24px) scale(.86) !important;
}

/* WhatsApp görünme + sürekli oynama */
body.aihexa-floating-ready-v95 .floating-whatsapp,
body.aihexa-floating-ready-v95 .floating-application-whatsapp,
body.aihexa-floating-ready-v95 .aihexa-robot-whatsapp-v66,
body.aihexa-floating-ready-v95 .whatsapp-bottom-right-v94,
body.aihexa-floating-ready-v95 .whatsapp-bottom-right-v95,
body.aihexa-floating-ready-v95 .whatsapp-floating,
body.aihexa-floating-ready-v95 .whatsapp-float,
body.aihexa-floating-ready-v95 button[data-aihexa-whatsapp-v94="true"],
body.aihexa-floating-ready-v95 button[data-bs-target="#whatsappLeadModal"] {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  animation:
    whatsappEntranceV95 .75s cubic-bezier(.2,.9,.2,1.25) both,
    whatsappPlayV95 2.4s ease-in-out .85s infinite !important;
}

/* Sosyal medya alanı da animasyonlu oynasın */
.social-crescent-right,
.social-floating-v95 {
  transform-origin: center center;
  will-change: transform, filter, opacity;
}

body.aihexa-floating-ready-v95 .social-crescent-right,
body.aihexa-floating-ready-v95 .social-floating-v95 {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  animation:
    socialEntranceV95 .75s cubic-bezier(.2,.9,.2,1.18) both,
    socialPlayV95 3.1s ease-in-out .9s infinite !important;
}

/* Sosyal medya ikonları tek tek hafif oynasın */
body.aihexa-floating-ready-v95 .social-crescent-right a,
body.aihexa-floating-ready-v95 .social-crescent-right button,
body.aihexa-floating-ready-v95 .social-floating-v95 a,
body.aihexa-floating-ready-v95 .social-floating-v95 button {
  animation: socialIconPulseV95 2.6s ease-in-out infinite;
}

body.aihexa-floating-ready-v95 .social-crescent-right a:nth-child(2),
body.aihexa-floating-ready-v95 .social-floating-v95 a:nth-child(2) {
  animation-delay: .2s;
}

body.aihexa-floating-ready-v95 .social-crescent-right a:nth-child(3),
body.aihexa-floating-ready-v95 .social-floating-v95 a:nth-child(3) {
  animation-delay: .4s;
}

body.aihexa-floating-ready-v95 .social-crescent-right a:nth-child(4),
body.aihexa-floating-ready-v95 .social-floating-v95 a:nth-child(4) {
  animation-delay: .6s;
}

@keyframes whatsappEntranceV95 {
  0% {
    opacity: 0;
    transform: translateY(34px) scale(.72) rotate(-8deg);
    filter: blur(6px);
  }
  65% {
    opacity: 1;
    transform: translateY(-6px) scale(1.08) rotate(4deg);
    filter: blur(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1) rotate(0deg);
    filter: blur(0);
  }
}

@keyframes whatsappPlayV95 {
  0%, 100% {
    transform: translateY(0) scale(1) rotate(0deg);
    box-shadow: 0 16px 34px rgba(22, 163, 74, .24);
  }
  25% {
    transform: translateY(-5px) scale(1.035) rotate(-2deg);
    box-shadow: 0 20px 42px rgba(22, 163, 74, .32);
  }
  50% {
    transform: translateY(0) scale(1.01) rotate(2deg);
    box-shadow: 0 16px 34px rgba(22, 163, 74, .24);
  }
  75% {
    transform: translateY(-3px) scale(1.025) rotate(-1deg);
    box-shadow: 0 22px 46px rgba(22, 163, 74, .36);
  }
}

@keyframes socialEntranceV95 {
  0% {
    opacity: 0;
    transform: translateX(24px) scale(.82);
    filter: blur(5px);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
    filter: blur(0);
  }
}

@keyframes socialPlayV95 {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
    filter: drop-shadow(0 12px 20px rgba(7, 91, 214, .16));
  }
  35% {
    transform: translateY(-5px) rotate(1.5deg);
    filter: drop-shadow(0 18px 28px rgba(7, 91, 214, .24));
  }
  70% {
    transform: translateY(2px) rotate(-1.5deg);
    filter: drop-shadow(0 14px 22px rgba(7, 91, 214, .18));
  }
}

@keyframes socialIconPulseV95 {
  0%, 100% {
    transform: scale(1);
  }
  45% {
    transform: scale(1.08);
  }
}

/* Kullanıcı hareket azaltmayı seçtiyse animasyon kapansın */
@media (prefers-reduced-motion: reduce) {
  body.aihexa-floating-ready-v95 .floating-whatsapp,
  body.aihexa-floating-ready-v95 .floating-application-whatsapp,
  body.aihexa-floating-ready-v95 .aihexa-robot-whatsapp-v66,
  body.aihexa-floating-ready-v95 .whatsapp-bottom-right-v94,
  body.aihexa-floating-ready-v95 .whatsapp-bottom-right-v95,
  body.aihexa-floating-ready-v95 .whatsapp-floating,
  body.aihexa-floating-ready-v95 .whatsapp-float,
  body.aihexa-floating-ready-v95 .social-crescent-right,
  body.aihexa-floating-ready-v95 .social-floating-v95,
  body.aihexa-floating-ready-v95 .social-crescent-right a,
  body.aihexa-floating-ready-v95 .social-floating-v95 a {
    animation: none !important;
  }
}

@media (max-width: 768px) {
  .floating-whatsapp,
  .floating-application-whatsapp,
  .aihexa-robot-whatsapp-v66,
  .whatsapp-bottom-right-v94,
  .whatsapp-bottom-right-v95,
  .whatsapp-floating,
  .whatsapp-float,
  a[href*="wa.me"].floating-whatsapp,
  button[data-aihexa-whatsapp-v94="true"],
  button[data-bs-target="#whatsappLeadModal"] {
    right: 14px !important;
    bottom: 14px !important;
  }
}


/* =========================================================
   V96: Floating konumları, sol kapalı mavi, WhatsApp kartları
   ========================================================= */

:root {
  --aihexa-main-blue-v96: #0648c8;
  --aihexa-main-blue-dark-v96: #061a4a;
}

/* Başvuru / WhatsApp butonu: en sağ alt */
.floating-whatsapp,
.floating-application-whatsapp,
.aihexa-robot-whatsapp-v66,
.whatsapp-bottom-right-v94,
.whatsapp-bottom-right-v95,
.whatsapp-floating,
.whatsapp-float,
button[data-aihexa-whatsapp-v94="true"],
button[data-bs-target="#whatsappLeadModal"] {
  position: fixed !important;
  right: 18px !important;
  bottom: 18px !important;
  left: auto !important;
  top: auto !important;
  z-index: 2147481600 !important;
}

/* Sağ sosyal medya: en sağda ve ekran ortasında */
.social-crescent-right {
  position: fixed !important;
  right: 0 !important;
  left: auto !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  z-index: 2147481300 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: .55rem !important;
}

/* Sosyal kapatma butonu da sağ orta gruba yakın dursun */
.social-close-v66 {
  position: fixed !important;
  right: 8px !important;
  top: calc(50% - 205px) !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 2147481310 !important;
}

/* En soldaki mobil/hızlı araçlar kapalıyken AIHEXA mavisi */
body:not(.mobile-metric-open) .mobile-floating-tools-toggle,
body:not(.mobile-metric-open) .universal-floating-tools-toggle {
  background: linear-gradient(135deg, var(--aihexa-main-blue-dark-v96), var(--aihexa-main-blue-v96)) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 18px 48px rgba(6,72,200,.30) !important;
}

body:not(.mobile-metric-open) .mobile-floating-tools-toggle button,
body:not(.mobile-metric-open) .universal-floating-tools-toggle button,
body:not(.mobile-metric-open) .mobile-floating-tools-toggle span,
body:not(.mobile-metric-open) .universal-floating-tools-toggle span,
body:not(.mobile-metric-open) .mobile-floating-tools-toggle i,
body:not(.mobile-metric-open) .universal-floating-tools-toggle i,
body:not(.mobile-metric-open) .mobile-floating-tools-toggle em,
body:not(.mobile-metric-open) .universal-floating-tools-toggle em {
  background: transparent !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.22) !important;
}

body:not(.mobile-metric-open) .mobile-floating-tools-toggle button:hover,
body:not(.mobile-metric-open) .universal-floating-tools-toggle button:hover {
  background: rgba(255,255,255,.14) !important;
}

/* WhatsApp başvuru bilgileri üst özet kartları AIHEXA mavisi */
#whatsappLeadModal .registration-summary-box div,
#whatsappLeadModal .whatsapp-summary-box-v96 div {
  background: linear-gradient(135deg, var(--aihexa-main-blue-dark-v96), var(--aihexa-main-blue-v96)) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 34px rgba(6,72,200,.22) !important;
}

#whatsappLeadModal .registration-summary-box strong,
#whatsappLeadModal .registration-summary-box span,
#whatsappLeadModal .whatsapp-summary-box-v96 strong,
#whatsappLeadModal .whatsapp-summary-box-v96 span {
  color: #ffffff !important;
}

/* 3 saniye sonra animasyonlu görünme korunur */
body.aihexa-floating-ready-v95 .floating-whatsapp,
body.aihexa-floating-ready-v95 .floating-application-whatsapp,
body.aihexa-floating-ready-v95 .aihexa-robot-whatsapp-v66 {
  animation:
    whatsappEntranceV95 .75s cubic-bezier(.2,.9,.2,1.25) both,
    whatsappPlayV95 2.4s ease-in-out .85s infinite !important;
}

@media (max-width: 768px) {
  .social-crescent-right {
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) scale(.92) !important;
  }

  .floating-whatsapp,
  .floating-application-whatsapp,
  .aihexa-robot-whatsapp-v66,
  .whatsapp-bottom-right-v94,
  .whatsapp-bottom-right-v95,
  .whatsapp-floating,
  .whatsapp-float,
  button[data-aihexa-whatsapp-v94="true"],
  button[data-bs-target="#whatsappLeadModal"] {
    right: 14px !important;
    bottom: 14px !important;
  }
}


/* =========================================================
   V97: Başvuru butonu 3 saniye sonra sağ altta animasyonlu
   ========================================================= */

.floating-whatsapp,
.floating-application-whatsapp,
.aihexa-robot-whatsapp-v66,
.whatsapp-bottom-right-v94,
.whatsapp-bottom-right-v95,
.whatsapp-bottom-right-v97,
.whatsapp-floating,
.whatsapp-float,
button[data-aihexa-whatsapp-v94="true"],
button[data-bs-target="#whatsappLeadModal"] {
  position: fixed !important;
  right: 18px !important;
  bottom: 18px !important;
  left: auto !important;
  top: auto !important;
  z-index: 2147481800 !important;
  transform-origin: center center !important;
}

/* İlk 3 saniye gizli */
body:not(.aihexa-floating-ready-v95) .floating-whatsapp,
body:not(.aihexa-floating-ready-v95) .floating-application-whatsapp,
body:not(.aihexa-floating-ready-v95) .aihexa-robot-whatsapp-v66,
body:not(.aihexa-floating-ready-v95) .whatsapp-bottom-right-v94,
body:not(.aihexa-floating-ready-v95) .whatsapp-bottom-right-v95,
body:not(.aihexa-floating-ready-v95) .whatsapp-bottom-right-v97,
body:not(.aihexa-floating-ready-v95) .whatsapp-floating,
body:not(.aihexa-floating-ready-v95) .whatsapp-float,
body:not(.aihexa-floating-ready-v95) button[data-aihexa-whatsapp-v94="true"],
body:not(.aihexa-floating-ready-v95) button[data-bs-target="#whatsappLeadModal"] {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(28px) scale(.82) rotate(-5deg) !important;
}

/* 3 saniye sonrası animasyonlu görünür */
body.aihexa-floating-ready-v95 .floating-whatsapp,
body.aihexa-floating-ready-v95 .floating-application-whatsapp,
body.aihexa-floating-ready-v95 .aihexa-robot-whatsapp-v66,
body.aihexa-floating-ready-v95 .whatsapp-bottom-right-v94,
body.aihexa-floating-ready-v95 .whatsapp-bottom-right-v95,
body.aihexa-floating-ready-v95 .whatsapp-bottom-right-v97,
body.aihexa-floating-ready-v95 .whatsapp-floating,
body.aihexa-floating-ready-v95 .whatsapp-float,
body.aihexa-floating-ready-v95 button[data-aihexa-whatsapp-v94="true"],
body.aihexa-floating-ready-v95 button[data-bs-target="#whatsappLeadModal"] {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  animation:
    whatsappEntranceV95 .75s cubic-bezier(.2,.9,.2,1.25) both,
    whatsappPlayV95 2.4s ease-in-out .85s infinite !important;
}

@media (max-width: 768px) {
  .floating-whatsapp,
  .floating-application-whatsapp,
  .aihexa-robot-whatsapp-v66,
  .whatsapp-bottom-right-v94,
  .whatsapp-bottom-right-v95,
  .whatsapp-bottom-right-v97,
  .whatsapp-floating,
  .whatsapp-float,
  button[data-aihexa-whatsapp-v94="true"],
  button[data-bs-target="#whatsappLeadModal"] {
    right: 14px !important;
    bottom: 14px !important;
  }
}


/* =========================================================
   V98: Kayıt Ol modalı Başvuru modalı renkleriyle aynı
   ========================================================= */

#registrationModal .registration-modal-content-v92,
#registrationModal .registration-modal-content {
  border: 0 !important;
  border-radius: 30px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(51, 161, 223, .18), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  box-shadow: 0 38px 120px rgba(2, 6, 23, .42) !important;
  border: 1px solid rgba(6, 72, 200, .14) !important;
}

#registrationModal .registration-modal-header-v92,
#registrationModal .modal-header {
  background: linear-gradient(135deg, #061a4a 0%, #0648c8 58%, #33a1df 100%) !important;
  color: #ffffff !important;
  border-bottom: 0 !important;
  padding: 1.45rem 1.6rem !important;
}

#registrationModal .modal-mini-title {
  display: inline-flex !important;
  align-items: center !important;
  gap: .45rem !important;
  padding: .42rem .72rem !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.14) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
}

#registrationModal .modal-title {
  color: #ffffff !important;
  font-weight: 950 !important;
  margin-top: .5rem !important;
}

#registrationModal .registration-modal-subtitle-v92 {
  color: rgba(255,255,255,.86) !important;
  font-weight: 750 !important;
}

#registrationModal .registration-close-v92,
#registrationModal .btn-close {
  opacity: 1 !important;
  background-color: #ffffff !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 24px rgba(2, 6, 23, .18) !important;
}

#registrationModal .registration-summary-box-v92,
#registrationModal .registration-summary-box {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .75rem !important;
}

#registrationModal .registration-summary-box-v92 div,
#registrationModal .registration-summary-box div {
  background: linear-gradient(135deg, #061a4a 0%, #0648c8 100%) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 34px rgba(6, 72, 200, .24) !important;
  border-radius: 18px !important;
}

#registrationModal .registration-summary-box-v92 strong,
#registrationModal .registration-summary-box-v92 span,
#registrationModal .registration-summary-box strong,
#registrationModal .registration-summary-box span {
  color: #ffffff !important;
}

#registrationModal .registration-summary-box-v92 strong,
#registrationModal .registration-summary-box strong {
  font-size: 1.12rem !important;
  font-weight: 950 !important;
}

#registrationModal .registration-modal-body-v92,
#registrationModal .modal-body {
  background:
    radial-gradient(circle at 0% 100%, rgba(51, 161, 223, .10), transparent 36%),
    #ffffff !important;
}

#registrationModal .registration-form-v92 label,
#registrationModal label {
  color: #061a4a !important;
  font-weight: 900 !important;
}

#registrationModal .registration-form-v92 label span {
  color: #dc2626 !important;
}

#registrationModal .registration-form-v92 .form-control,
#registrationModal .registration-form-v92 .form-select,
#registrationModal .form-control,
#registrationModal .form-select {
  border-radius: 16px !important;
  border: 1px solid rgba(6, 72, 200, .18) !important;
  background: #ffffff !important;
  color: #061a4a !important;
  box-shadow: none !important;
}

#registrationModal .registration-form-v92 .form-control:focus,
#registrationModal .registration-form-v92 .form-select:focus,
#registrationModal .form-control:focus,
#registrationModal .form-select:focus {
  border-color: #0648c8 !important;
  box-shadow: 0 0 0 .22rem rgba(6, 72, 200, .13) !important;
}

#registrationModal .registration-consent-v92 {
  background: rgba(6, 72, 200, .08) !important;
  border: 1px solid rgba(6, 72, 200, .16) !important;
}

#registrationModal .registration-modal-footer-v92,
#registrationModal .modal-footer {
  background: linear-gradient(180deg, #f7fbff 0%, #eef6ff 100%) !important;
  border-top: 1px solid rgba(6, 72, 200, .12) !important;
}

#registrationModal .registration-modal-footer-v92 .btn-primary,
#registrationModal #registrationSubmitBtn {
  background: linear-gradient(135deg, #0648c8, #33a1df) !important;
  border: 0 !important;
  color: #ffffff !important;
  box-shadow: 0 16px 35px rgba(6, 72, 200, .28) !important;
}

#registrationModal .registration-modal-footer-v92 .btn-outline-secondary {
  border-color: rgba(6, 72, 200, .22) !important;
  color: #061a4a !important;
  background: #ffffff !important;
  font-weight: 900 !important;
}

#registrationModal .registration-feedback.success {
  background: rgba(4, 120, 87, .10) !important;
  border-color: rgba(4, 120, 87, .18) !important;
  color: #047857 !important;
}

#registrationModal .registration-feedback.error {
  background: rgba(220, 38, 38, .10) !important;
  border-color: rgba(220, 38, 38, .18) !important;
  color: #b91c1c !important;
}

[data-theme="dark"] #registrationModal .registration-modal-content-v92,
[data-theme="dark"] #registrationModal .registration-modal-content {
  background:
    radial-gradient(circle at 100% 0%, rgba(51, 161, 223, .18), transparent 38%),
    #071324 !important;
}

[data-theme="dark"] #registrationModal .registration-modal-body-v92,
[data-theme="dark"] #registrationModal .modal-body {
  background: #071324 !important;
}

[data-theme="dark"] #registrationModal label,
[data-theme="dark"] #registrationModal .registration-form-v92 label {
  color: #f8fafc !important;
}

[data-theme="dark"] #registrationModal .registration-modal-footer-v92,
[data-theme="dark"] #registrationModal .modal-footer {
  background: #0f172a !important;
  border-top-color: rgba(255,255,255,.10) !important;
}

@media (max-width: 768px) {
  #registrationModal .registration-summary-box-v92,
  #registrationModal .registration-summary-box {
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   V99: Kayıt Ol KVKK checkbox seçilememe fix
   ========================================================= */

#registrationModal .registration-consent-v92 {
  position: relative !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: .75rem !important;
  padding: .95rem 1rem !important;
  border-radius: 18px !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  z-index: 2147483800 !important;
}

#registrationModal #regConsent {
  position: relative !important;
  flex: 0 0 auto !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  min-width: 1.25rem !important;
  margin: .2rem 0 0 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  z-index: 2147483900 !important;
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  accent-color: #0648c8 !important;
}

#registrationModal label[for="regConsent"] {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  user-select: none !important;
  z-index: 2147483890 !important;
  color: #061a4a !important;
  line-height: 1.55 !important;
}

#registrationModal #regConsent:checked {
  background-color: #0648c8 !important;
  border-color: #0648c8 !important;
}


/* =========================================================
   V101: WhatsApp Başvuru KVKK checkbox seçilememe fix
   ========================================================= */

#whatsappLeadModal .form-check {
  position: relative !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: .75rem !important;
  padding: .95rem 1rem !important;
  border-radius: 18px !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  z-index: 2147483800 !important;
  background: rgba(6, 72, 200, .08) !important;
  border: 1px solid rgba(6, 72, 200, .16) !important;
}

#whatsappLeadModal #quickConsent {
  position: relative !important;
  flex: 0 0 auto !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  min-width: 1.25rem !important;
  margin: .2rem 0 0 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  z-index: 2147483900 !important;
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  accent-color: #0648c8 !important;
}

#whatsappLeadModal label[for="quickConsent"] {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  user-select: none !important;
  z-index: 2147483890 !important;
  color: #061a4a !important;
  line-height: 1.55 !important;
  font-weight: 850 !important;
}

#whatsappLeadModal #quickConsent:checked {
  background-color: #0648c8 !important;
  border-color: #0648c8 !important;
}


/* =========================================================
   V102: WhatsApp Başvuru KVKK yazısı light/dark görünürlük fix
   ========================================================= */

#whatsappLeadModal .form-check,
#whatsappLeadModal .form-check-label,
#whatsappLeadModal label[for="quickConsent"] {
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important;
  pointer-events: auto !important;
}

#whatsappLeadModal .form-check {
  align-items: flex-start !important;
  background: rgba(6, 72, 200, .08) !important;
  border: 1px solid rgba(6, 72, 200, .18) !important;
  box-shadow: 0 12px 28px rgba(6, 72, 200, .08) !important;
}

#whatsappLeadModal label[for="quickConsent"],
#whatsappLeadModal .form-check-label[for="quickConsent"] {
  flex: 1 1 auto !important;
  color: #061a4a !important;
  font-weight: 900 !important;
  line-height: 1.6 !important;
  text-shadow: none !important;
  z-index: 2147483910 !important;
}

#whatsappLeadModal #quickConsent {
  z-index: 2147483920 !important;
  accent-color: #0648c8 !important;
}

/* Dark mode */
[data-theme="dark"] #whatsappLeadModal .form-check,
html[data-theme="dark"] #whatsappLeadModal .form-check,
body[data-theme="dark"] #whatsappLeadModal .form-check {
  background: rgba(51, 161, 223, .14) !important;
  border-color: rgba(51, 161, 223, .32) !important;
  box-shadow: 0 12px 30px rgba(51, 161, 223, .12) !important;
}

[data-theme="dark"] #whatsappLeadModal label[for="quickConsent"],
[data-theme="dark"] #whatsappLeadModal .form-check-label[for="quickConsent"],
html[data-theme="dark"] #whatsappLeadModal label[for="quickConsent"],
body[data-theme="dark"] #whatsappLeadModal label[for="quickConsent"] {
  color: #f8fafc !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.25) !important;
}

/* Modal manual-open sırasında da yazı kaybolmasın */
body.whatsapp-manual-open-v94 #whatsappLeadModal label[for="quickConsent"],
body.whatsapp-manual-open-v94 #whatsappLeadModal .form-check-label[for="quickConsent"] {
  opacity: 1 !important;
  visibility: visible !important;
  color: #061a4a !important;
}

[data-theme="dark"] body.whatsapp-manual-open-v94 #whatsappLeadModal label[for="quickConsent"],
html[data-theme="dark"] body.whatsapp-manual-open-v94 #whatsappLeadModal label[for="quickConsent"],
body.whatsapp-manual-open-v94[data-theme="dark"] #whatsappLeadModal label[for="quickConsent"] {
  color: #f8fafc !important;
}

/* Sistem dark tema kullanan cihazlarda da okunabilir kalsın */
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) #whatsappLeadModal .form-check {
    background: rgba(51, 161, 223, .14) !important;
    border-color: rgba(51, 161, 223, .32) !important;
  }

  html:not([data-theme="light"]) #whatsappLeadModal label[for="quickConsent"],
  html:not([data-theme="light"]) #whatsappLeadModal .form-check-label[for="quickConsent"] {
    color: #f8fafc !important;
  }
}