:root {
  --atlas-readable-title: #ffffff;
  --atlas-readable-body: #d8dbe8;
  --atlas-readable-muted: #c2c7d8;
  --atlas-readable-accent: #ff7548;
}

body,
button,
input,
textarea,
select,
.nav-links a,
.nav-dropdown-menu a,
.section-title,
.section-desc,
.service-card,
.news-page-card,
.legal-card,
.footer {
  font-family: "Outfit", "Segoe UI", Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

.section-title,
.section-title span:not(.gradient),
.service-card h3,
.news-page-card h3,
.news-card-title,
.legal-card h3,
.contact-item h4,
.service-modal-body h2,
.service-modal-body h3,
.news-detail-title {
  color: var(--atlas-readable-title) !important;
  opacity: 1 !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
}

.section-desc,
.section p,
.service-card p,
.news-page-card p,
.news-card-preview,
.news-detail-text,
.legal-card p,
.tracking-card p,
.contact-item p,
.service-modal-body p,
.vm-modal-body p {
  color: var(--atlas-readable-body) !important;
  opacity: 1 !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  letter-spacing: 0 !important;
}

.news-page-date,
.section-tag {
  color: var(--atlas-readable-accent) !important;
  opacity: 1 !important;
  font-weight: 800 !important;
}

.nav-links > a,
.nav-dropdown > a,
.nav-dropdown-menu a {
  color: #f7f8ff !important;
  opacity: 1 !important;
  font-family: "Outfit", "Segoe UI", Arial, sans-serif !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
}

/* Reference carousel: readable company names on the dark site theme. */
.refs-track {
  background: #111122 !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 8px !important;
}

.refs-track::before {
  background: linear-gradient(90deg, #111122 15%, rgba(17, 17, 34, 0)) !important;
}

.refs-track::after {
  background: linear-gradient(270deg, #111122 15%, rgba(17, 17, 34, 0)) !important;
}

.refs-slider {
  gap: 72px !important;
  animation: scroll-refs 42s linear infinite !important;
  -webkit-animation: scroll-refs 42s linear infinite !important;
}

.refs-text-logo {
  color: #f7f8ff !important;
  opacity: 1 !important;
  font-family: "Outfit", "Segoe UI", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .45) !important;
}

.refs-text-logo:hover {
  color: var(--atlas-readable-accent) !important;
  opacity: 1 !important;
}

.refs-nav-btn {
  color: #ffffff !important;
  background: #24243b !important;
  border-color: rgba(255, 255, 255, .22) !important;
  font-family: "Outfit", "Segoe UI", Arial, sans-serif !important;
  font-weight: 800 !important;
}

.refs-nav-btn:hover,
.refs-nav-btn:focus-visible {
  color: var(--atlas-readable-accent) !important;
  border-color: var(--atlas-readable-accent) !important;
}

@media (max-width: 700px) {
  .refs-track {
    padding: 28px 0 !important;
  }

  .refs-track::before,
  .refs-track::after {
    width: 34px !important;
  }

  .refs-slider {
    gap: 48px !important;
  }

  .refs-text-logo {
    font-size: 16px !important;
  }

  .refs-nav {
    display: none !important;
  }
}

/* Haber arşivi: aynı sayfada açılan, okunabilir geçmiş haber kartları. */
.news-history {
  width: 100%;
  margin-top: 44px;
}

.news-history-heading {
  margin: 0 0 20px;
  color: var(--atlas-readable-title) !important;
  font-family: "Outfit", "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(24px, 3vw, 34px) !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
}

.news-history-card {
  padding: 26px;
  margin-bottom: 18px;
  background: #17172b;
  border: 1px solid rgba(255, 117, 72, .16);
  border-radius: 8px;
}

.news-history-image {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 7;
  object-fit: cover;
  margin: 0 0 22px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 6px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .22);
}

.news-history-card h3 {
  margin: 8px 0 12px;
  color: var(--atlas-readable-title) !important;
  font-family: "Outfit", "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(20px, 2.2vw, 26px) !important;
  line-height: 1.35 !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
}

.news-history-card > p,
.news-inline-detail-body p {
  color: var(--atlas-readable-body) !important;
  font-family: "Outfit", "Segoe UI", Arial, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
  opacity: 1 !important;
}

/* General information cards use a light background. Keep their descriptions dark enough to read. */
.about-feature p,
.info-page-card p,
.info-page-card li {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  opacity: 1 !important;
  font-weight: 500 !important;
  text-shadow: none !important;
}

/* Hakkımızda white cards: orange headings and black descriptions. */
.about-feature h4,
.about-current-list strong {
  color: #ea580c !important;
  -webkit-text-fill-color: #ea580c !important;
  opacity: 1 !important;
}
.about-feature p,
.about-current-list p {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  opacity: 1 !important;
  font-weight: 500 !important;
  text-shadow: none !important;
}

.news-inline-detail {
  margin-top: 14px;
}

.news-inline-detail summary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--atlas-readable-accent) !important;
  font-family: "Outfit", "Segoe UI", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  cursor: pointer;
  list-style: none;
}

.news-inline-detail summary::-webkit-details-marker {
  display: none;
}

.news-inline-detail[open] summary {
  margin-bottom: 14px;
}

.news-inline-detail summary span {
  transition: transform 180ms ease;
}

.news-inline-detail[open] summary span {
  transform: rotate(90deg);
}

.news-inline-detail-body {
  padding: 18px 20px;
  background: #111122;
  border-left: 3px solid var(--atlas-readable-accent);
}

.news-inline-detail-body p {
  margin: 0 0 12px;
}

.news-inline-detail-body p:last-child {
  margin-bottom: 0;
}

@media (max-width: 700px) {
  .news-history {
    margin-top: 32px;
  }

  .news-history-card {
    padding: 20px;
  }

  .news-history-image {
    aspect-ratio: 16 / 9;
    margin-bottom: 18px;
  }

  .news-history-card > p,
  .news-inline-detail-body p {
    font-size: 16px !important;
  }
}

/* Keep primary page headings consistent and clearly visible across the site. */
.hero-title,
.hero-title .gradient,
.section-title,
.section-title .gradient,
.service-detail-title,
.service-detail-title .gradient,
.news-detail-title,
.news-detail-title .gradient {
  color: #f97316 !important;
  -webkit-text-fill-color: #f97316 !important;
  background: none !important;
  background-image: none !important;
}

/* Dark service detail pages: keep all SEO copy clearly readable. */
.seo-service-section h2,
.seo-service-section h3,
.seo-service-section p,
.seo-service-section li,
.seo-service-section .seo-service-highlight span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

.seo-service-section p,
.seo-service-section li {
  font-weight: 600 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .65) !important;
}
