/* =========================================================================
   QALENTIS BRAND OVERRIDE STYLESHEET
   Yeni kurumsal kimlik: #ff1700 + DM Serif Display
   Bu dosya en son yuklenir ve Aleric sablonunun renklerini override eder.
   ========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  --qa-red: #ff1700;
  --qa-red-dark: #d11200;
  --qa-red-soft: #ff5040;
  --qa-red-tint: #fff1ef;
  --qa-ink: #0a0a0a;
  --qa-ink-2: #1a1a1a;
  --qa-muted: #6b6b6b;
  --qa-line: #e8e8e8;
  --qa-bg: #ffffff;
  --qa-bg-soft: #fafafa;
  --qa-bg-cream: #f7f4f0;
  --qa-display: 'DM Serif Display', 'Playfair Display', Georgia, serif;
  --qa-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ============== TIPOGRAFI ============== */
html, body {
  font-family: var(--qa-body) !important;
  color: var(--qa-ink) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background: var(--qa-bg) !important;
}

h1, h2, h3, h4, h5, h6,
.al-hero-seo-title,
.al-section-title,
.al-step-title-sm,
.al-service-seo-title,
.al-faq-form-title,
.al-price-title,
.al-footer-seo-widget-title,
.tp-section-title,
.tp-text-revel-anim {
  font-family: var(--qa-display) !important;
  color: var(--qa-ink) !important;
  font-weight: 400 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.05 !important;
}

.al-hero-seo-title {
  font-size: clamp(34px, 4.6vw, 64px) !important;
  letter-spacing: -0.025em !important;
  line-height: 1.08 !important;
  max-width: 920px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.al-section-title {
  font-size: clamp(28px, 3.2vw, 46px) !important;
  line-height: 1.1 !important;
}

/* Section subtitle - kucuk uppercase badge */
.al-section-subtitle {
  font-family: var(--qa-body) !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--qa-red) !important;
  background: var(--qa-red-tint) !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  display: inline-block !important;
}

.al-section-subtitle.sky-bg {
  background: var(--qa-red-tint) !important;
  color: var(--qa-red) !important;
}

/* Body & paragraph */
p, .al-step-desc, .al-service-seo-desc, .al-faq-desc {
  font-family: var(--qa-body) !important;
  color: var(--qa-muted) !important;
  line-height: 1.65 !important;
  font-size: 16px !important;
}

/* ============== RENK OVERRIDE'LARI ============== */
/* Tum portakal #f96501 -> qalentis red */
[style*="#f96501"],
[style*="rgb(249, 101, 1)"] {
  color: var(--qa-red) !important;
}

/* Linkler */
a {
  color: var(--qa-ink) !important;
  transition: color 0.25s ease !important;
}
a:hover {
  color: var(--qa-red) !important;
}

/* Underline animations */
.underline-black::after,
.underline-black::before {
  background-color: var(--qa-ink) !important;
}
a.underline-black:hover,
.al-service-seo-title a:hover {
  color: var(--qa-red) !important;
}

/* ============== HEADER ============== */
header,
.tp-header-area,
.tp-header-it-bg,
.tp-header-seo-bg,
header #header-sticky {
  background: var(--qa-bg) !important;
  border-bottom: 1px solid var(--qa-line) !important;
  box-shadow: 0 1px 0 rgba(0,0,0,0.02) !important;
  /* Negatif marginlari neutralize et */
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 80px !important;
}
/* Sticky davranis JS'in koydugu .header-sticky class'ina baglidir */
#header-sticky.header-sticky,
header.header-sticky {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 999 !important;
  background: rgba(255,255,255,0.96) !important;
  backdrop-filter: saturate(180%) blur(16px) !important;
  -webkit-backdrop-filter: saturate(180%) blur(16px) !important;
}

/* (duplicate sticky styling kaldirildi - yukarida tanimli) */

/* Header icindeki tum kapsayicilarin negatif marginlerini sifirla */
.tp-header-area .container,
.tp-header-area .container-fluid,
.tp-header-area .container-fluid.container-1524,
.tp-header-area .row,
.tp-header-area .row.align-items-center,
.tp-header-area .row > div,
.tp-header-it-bg,
.tp-header-seo-bg,
.tp-header-it-bg.tp-header-seo-bg,
.tp-header-logo,
.tp-header-logo a,
.tp-header-right,
.tp-main-menu,
.tp-main-menu-it,
.tp-main-menu nav,
.tp-main-menu nav ul,
.tp-main-menu nav ul li,
.tp-main-menu nav ul li a {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.tp-header-area .container-fluid,
.tp-header-area .container-fluid.container-1524 {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.tp-header-it-bg,
.tp-header-seo-bg {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.tp-header-area .row.align-items-center {
  min-height: 60px !important;
  align-items: center !important;
}

.tp-main-menu nav > ul {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
.tp-main-menu nav > ul > li {
  margin: 0 18px !important;
}
.tp-main-menu nav > ul > li > a {
  font-family: var(--qa-body) !important;
  font-weight: 500 !important;
  color: var(--qa-ink) !important;
  font-size: 14px !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  padding: 10px 0 !important;
  display: inline-block !important;
}
.tp-main-menu nav > ul > li > a:hover {
  color: var(--qa-red) !important;
}

.tp-header-logo {
  display: flex !important;
  align-items: center !important;
  height: 60px !important;
}
.tp-header-logo a {
  display: inline-flex !important;
  align-items: center !important;
  height: 60px !important;
}
.tp-header-logo img {
  max-height: 38px !important;
  height: 38px !important;
  width: auto !important;
}

.tp-header-right {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  height: 60px !important;
  padding-right: 0 !important;
}

/* Header CTA - kompakt, viewport disina tasmasin */
.tp-header-btn { flex-shrink: 0 !important; }
.tp-header-btn .tp-btn-lg,
.tp-header-btn .tp-header-it-btn {
  padding: 10px 18px !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}

/* ============== BUTONLAR ============== */
.tp-btn,
.tp-btn-2,
.tp-btn-3,
.al-btn,
.al-btn-seo,
.al-btn-blue,
.al-btn-orange,
.al-btn-yellow,
.al-btn-purple,
.al-btn-red,
.tp-btn-orange,
.tp-btn-yellow,
.tp-btn-blue,
.tp-btn-purple,
.tp-btn-lg,
.tp-header-it-btn,
.tp-bg-common-black-1,
button[type="submit"],
.btn-primary {
  background: var(--qa-red) !important;
  color: #ffffff !important;
  border: 1px solid var(--qa-red) !important;
  border-radius: 999px !important;
  padding: 14px 30px !important;
  font-family: var(--qa-body) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 4px 14px rgba(255, 23, 0, 0.25) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.tp-btn:hover,
.tp-btn-2:hover,
.tp-btn-3:hover,
.al-btn:hover,
.al-btn-seo:hover,
.al-btn-blue:hover,
.al-btn-orange:hover,
.al-btn-yellow:hover,
.al-btn-purple:hover,
.al-btn-red:hover,
.tp-btn-orange:hover,
.tp-btn-yellow:hover,
.tp-btn-lg:hover,
.tp-header-it-btn:hover,
.tp-bg-common-black-1:hover,
button[type="submit"]:hover,
.btn-primary:hover {
  background: var(--qa-red-dark) !important;
  border-color: var(--qa-red-dark) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 22px rgba(255, 23, 0, 0.35) !important;
}

/* Ghost button (icin .tp-btn-outline gibi) */
.tp-btn-border,
.tp-btn-white,
.tp-btn-outline {
  background: transparent !important;
  color: var(--qa-ink) !important;
  border: 1px solid var(--qa-ink) !important;
  border-radius: 999px !important;
  padding: 14px 30px !important;
  box-shadow: none !important;
}
.tp-btn-border:hover,
.tp-btn-outline:hover {
  background: var(--qa-ink) !important;
  color: #fff !important;
}

/* ============== HERO ============== */
.al-hero-seo-area {
  background: var(--qa-bg) !important;
  background-image:
    radial-gradient(ellipse at 80% -10%, rgba(255, 23, 0, 0.10) 0%, transparent 55%),
    radial-gradient(ellipse at 0% 80%, rgba(255, 23, 0, 0.06) 0%, transparent 50%) !important;
  position: relative !important;
  overflow: hidden !important;
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
@media (max-width: 768px) {
  .al-hero-seo-area {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

.al-hero-seo-area::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(10,10,10,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(10,10,10,0.04) 1px, transparent 1px) !important;
  background-size: 60px 60px !important;
  pointer-events: none !important;
  mask-image: radial-gradient(circle at center, black 0%, transparent 70%) !important;
  -webkit-mask-image: radial-gradient(circle at center, black 0%, transparent 70%) !important;
}

.al-hero-seo-title-box {
  position: relative !important;
  z-index: 2 !important;
}

/* Hero title icindeki vurgu kelimesi - kirmizi yap */
.al-hero-seo-title em,
.al-hero-seo-title i,
.al-hero-seo-title span,
.al-hero-seo-title .accent,
.al-section-title em,
.al-section-title i,
.al-section-title span {
  color: var(--qa-red) !important;
  font-style: italic !important;
  font-family: var(--qa-display) !important;
}

/* ============== KARTLAR (Steps / Services / Capabilities) ============== */
.al-step-item,
.al-service-seo-item,
.al-capability-item {
  background: var(--qa-bg) !important;
  border: 1px solid var(--qa-line) !important;
  border-radius: 18px !important;
  padding: 32px 28px !important;
  transition: all 0.3s ease !important;
  box-shadow: none !important;
}

.al-step-item:hover,
.al-service-seo-item:hover {
  border-color: var(--qa-red) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 18px 50px rgba(255, 23, 0, 0.08), 0 4px 12px rgba(0,0,0,0.04) !important;
}

.al-step-icon,
.al-service-seo-icon,
.al-capability-icon {
  color: var(--qa-red) !important;
  background: var(--qa-red-tint) !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 20px !important;
}

.al-step-icon svg,
.al-step-icon img,
.al-step-icon i,
.al-service-seo-icon svg,
.al-service-seo-icon img,
.al-service-seo-icon i {
  fill: var(--qa-red) !important;
  color: var(--qa-red) !important;
  font-size: 24px !important;
}

/* Step numarasi (1, 2, 3) */
.al-step-number {
  font-family: var(--qa-display) !important;
  color: var(--qa-red) !important;
  font-size: 64px !important;
  line-height: 1 !important;
  opacity: 0.18 !important;
}

/* ============== HOW IT WORKS (koyu zemin) ============== */
.al-howitworks-area,
[data-bg-color="#10302a"],
.al-step-area + section[class*="dark"] {
  background: var(--qa-ink) !important;
  color: #ffffff !important;
}

.al-howitworks-area h1,
.al-howitworks-area h2,
.al-howitworks-area h3,
.al-howitworks-area h4,
.al-howitworks-area .al-section-title {
  color: #ffffff !important;
}

.al-howitworks-area .al-section-subtitle {
  background: rgba(255, 23, 0, 0.15) !important;
  color: var(--qa-red-soft) !important;
}

/* ============== PRICING ============== */
.al-price-area {
  background: var(--qa-bg-soft) !important;
}

[data-bg-color="#eff1f2"] {
  background-color: var(--qa-bg-soft) !important;
}

.al-price-item {
  background: var(--qa-bg) !important;
  border: 1px solid var(--qa-line) !important;
  border-radius: 22px !important;
  padding: 36px 28px !important;
  transition: all 0.3s ease !important;
}

.al-price-item.active {
  background: var(--qa-ink) !important;
  border-color: var(--qa-ink) !important;
  color: #ffffff !important;
  transform: scale(1.03) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,0.15) !important;
}

.al-price-item.active h1,
.al-price-item.active h2,
.al-price-item.active h3,
.al-price-item.active h4,
.al-price-item.active .al-price-head h4,
.al-price-item.active .al-price-amount {
  color: #ffffff !important;
}

.al-price-item.active .al-price-head p,
.al-price-item.active p {
  color: rgba(255, 255, 255, 0.75) !important;
}

.al-price-item.active .tp-btn,
.al-price-item.active .al-btn {
  background: var(--qa-red) !important;
  border-color: var(--qa-red) !important;
  color: #fff !important;
}

.al-price-amount,
.al-price-currency {
  font-family: var(--qa-display) !important;
  color: var(--qa-ink) !important;
}

.al-price-item.active .al-price-amount,
.al-price-item.active .al-price-currency {
  color: #ffffff !important;
}

/* Pricing list check ikonlari */
.al-price-list li i,
.al-price-list li::before {
  color: var(--qa-red) !important;
}

/* ============== FAQ ACCORDION ============== */
.al-faq-area {
  background: var(--qa-bg) !important;
}

.accordion-item {
  background: var(--qa-bg) !important;
  border: 1px solid var(--qa-line) !important;
  border-radius: 14px !important;
  margin-bottom: 12px !important;
  overflow: hidden !important;
}

.accordion-button {
  background: var(--qa-bg) !important;
  color: var(--qa-ink) !important;
  font-family: var(--qa-body) !important;
  font-weight: 600 !important;
  font-size: 17px !important;
  padding: 22px 28px !important;
  border: none !important;
  box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
  background: var(--qa-bg) !important;
  color: var(--qa-red) !important;
  border-bottom: 1px solid var(--qa-line) !important;
}

.accordion-button::after {
  background-image: none !important;
  content: "+" !important;
  font-size: 24px !important;
  font-weight: 300 !important;
  color: var(--qa-red) !important;
  width: 30px !important;
  height: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.3s ease !important;
}

.accordion-button:not(.collapsed)::after {
  content: "–" !important;
  transform: rotate(0deg) !important;
}

.accordion-body {
  padding: 22px 28px !important;
  color: var(--qa-muted) !important;
}

/* FAQ formu */
.al-faq-form,
.al-faq-form-wrap {
  background: var(--qa-ink) !important;
  border-radius: 22px !important;
  padding: 36px !important;
  color: #ffffff !important;
}

.al-faq-form-title {
  color: #ffffff !important;
}

.al-faq-form input,
.al-faq-form textarea {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
}

.al-faq-form input::placeholder,
.al-faq-form textarea::placeholder {
  color: rgba(255,255,255,0.5) !important;
}

/* ============== REFERENCES ============== */
.al-references-area {
  background: var(--qa-bg-soft) !important;
}

.al-references-area img,
.brands-area img,
.al-brands-area img {
  filter: grayscale(100%) opacity(0.55) !important;
  transition: filter 0.3s ease !important;
}

.al-references-area img:hover,
.brands-area img:hover {
  filter: grayscale(0%) opacity(1) !important;
}

/* ============== FOOTER ============== */
.al-footer-seo-area,
.al-footer-seo-black-bg,
.black-bg-4 {
  background: var(--qa-ink) !important;
  color: #ffffff !important;
}

.al-footer-seo-widget-title {
  color: #ffffff !important;
  font-family: var(--qa-display) !important;
  font-size: clamp(32px, 4vw, 64px) !important;
  letter-spacing: -0.025em !important;
}

.al-footer-seo-area a,
.al-footer-seo-area p,
.al-footer-seo-area li {
  color: rgba(255,255,255,0.7) !important;
}

.al-footer-seo-area a:hover {
  color: var(--qa-red-soft) !important;
}

.al-copyright-seo-area {
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.5) !important;
}

.al-copyright-seo-area a:hover {
  color: var(--qa-red-soft) !important;
}

/* ============== SCROLLBAR ============== */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--qa-bg-soft); }
::-webkit-scrollbar-thumb { background: var(--qa-red); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: var(--qa-red-dark); }

/* ============== SELECTION ============== */
::selection {
  background: var(--qa-red);
  color: #ffffff;
}

/* ============== BACK TO TOP ============== */
.back-to-top,
.backtop,
#back-top,
.scrollToTop,
.scrollToTop .arrowUp,
.scrollToTop a {
  background: var(--qa-red) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 18px rgba(255, 23, 0, 0.35) !important;
}
.scrollToTop .arrowUp {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 2 !important;
}
.scrollToTop .arrowUp i { color: #ffffff !important; }
.scrollToTop .water,
.scrollToTop .water_wave path { fill: var(--qa-red-dark) !important; opacity: 0.6 !important; }
.scrollToTop {
  border-radius: 50% !important;
  overflow: hidden !important;
}

/* ============== MISC TWEAKS ============== */
hr {
  border-color: var(--qa-line) !important;
}

input, textarea, select {
  font-family: var(--qa-body) !important;
}

input:focus, textarea:focus, select:focus {
  border-color: var(--qa-red) !important;
  outline: 2px solid rgba(255, 23, 0, 0.15) !important;
  outline-offset: 2px !important;
}

/* Sablonun parlak/portakal arka planlarini soft yap */
[data-bg-color="#f96501"],
[data-bg="#f96501"] {
  background-color: var(--qa-red) !important;
}

[data-bg-color="#b4e717"] {
  background-color: var(--qa-red-tint) !important;
}

/* Old logo color references */
.tp-text-orange,
.text-orange,
.al-orange-text {
  color: var(--qa-red) !important;
}

/* Numara renkleri */
.tp-number,
.al-counter-number,
.purecounter {
  font-family: var(--qa-display) !important;
  color: var(--qa-ink) !important;
}

/* Animasyon revel - highlight kelimeler kirmizi */
.tp-text-revel-anim em,
.tp-text-revel-anim i {
  color: var(--qa-red) !important;
  font-style: italic !important;
}

/* Mobile menu */
.tp-mobile-menu li a {
  color: var(--qa-ink) !important;
}
.tp-mobile-menu li a:hover {
  color: var(--qa-red) !important;
}

/* Pricing toggle */
.al-price-toggle,
.al-billing-toggle {
  background: var(--qa-bg-soft) !important;
  border: 1px solid var(--qa-line) !important;
}
.al-price-toggle .active,
.al-billing-toggle .active {
  background: var(--qa-red) !important;
  color: #fff !important;
}

/* Tab/nav indicators */
.nav-pills .nav-link.active,
.nav-tabs .nav-link.active {
  background: var(--qa-red) !important;
  color: #fff !important;
}

/* Form labels */
label {
  font-family: var(--qa-body) !important;
  font-weight: 500 !important;
  color: var(--qa-ink) !important;
}

/* Tooltip / popover */
.tooltip-inner {
  background: var(--qa-ink) !important;
}

/* Switch animation buttons (FAQ form, vs.) */
.tp-btn-switch,
.tp-btn-switch-2,
.tp-btn-switch-2-animation,
.tp-btn-switch-animation {
  background: var(--qa-red) !important;
  color: #ffffff !important;
  border: 1px solid var(--qa-red) !important;
  border-radius: 999px !important;
  padding: 14px 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-family: var(--qa-body) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.tp-btn-switch:hover,
.tp-btn-switch-2:hover,
.tp-btn-switch-2-animation:hover,
.tp-btn-switch-animation:hover {
  background: var(--qa-red-dark) !important;
  border-color: var(--qa-red-dark) !important;
  color: #ffffff !important;
}
.tp-btn-switch-2 .btn-text,
.tp-btn-switch-2-animation .btn-text,
.tp-btn-switch .btn-text,
.tp-btn-switch-animation .btn-text {
  color: #ffffff !important;
}
.tp-btn-switch-2 .btn-icon svg,
.tp-btn-switch-2-animation .btn-icon svg,
.tp-btn-switch .btn-icon svg,
.tp-btn-switch-animation .btn-icon svg {
  fill: #ffffff !important;
}

/* FAQ form CTA wrappers */
.al-faq-form .tp-btn-switch-2,
.al-faq-form-wrap .tp-btn-switch-2 {
  background: var(--qa-red) !important;
}

/* Generic blue/purple gradient overrides */
[class*="purple-bg"],
[class*="blue-bg"],
.tp-bg-purple,
.tp-bg-blue {
  background: var(--qa-red) !important;
}

/* Header CTA - "Request a Demo" - kompakt, asla viewport disina tasmaz */
.tp-header-it-btn.tp-bg-common-black-1,
.tp-header-btn .tp-header-it-btn {
  background: var(--qa-red) !important;
  color: #ffffff !important;
  border: 1px solid var(--qa-red) !important;
  border-radius: 999px !important;
  padding: 10px 18px !important;
  font-size: 13px !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 14px rgba(255, 23, 0, 0.25) !important;
  line-height: 1 !important;
}
.tp-header-it-btn.tp-bg-common-black-1:hover {
  background: var(--qa-red-dark) !important;
  border-color: var(--qa-red-dark) !important;
  color: #ffffff !important;
}
.tp-text-grey-5 {
  color: #ffffff !important;
}

/* GSAP ScrollSmoother fix: header static, wrapper fixed -> wrapper header'i orterdi.
   Sadece desktop/fine pointer'da SmoothSmoother aktif oldugu icin wrapper'i orada offsetle. */
#smooth-wrapper {
  overflow: visible !important;
}
@media (min-width: 1200px) and (hover: hover) and (pointer: fine) {
  #smooth-wrapper {
    top: 80px !important;
    height: calc(100vh - 80px) !important;
  }
}
@media (max-width: 1199px), (hover: none), (pointer: coarse) {
  #smooth-wrapper {
    top: auto !important;
    height: auto !important;
    min-height: 0 !important;
  }
}
header { z-index: 1000 !important; position: relative !important; }

/* Body taşma onleme - hicbir element viewport'tan disari cikmasin */
html, body {
  max-width: 100vw !important;
  overflow-x: hidden !important;
}
main, header, footer {
  max-width: 100vw !important;
  overflow-x: clip !important;
}

/* Slide / Steps slider arrow buttons */
.al-step-slider-nav,
.al-step-arrow-prev,
.al-step-arrow-next,
.swiper-button-prev,
.swiper-button-next {
  color: var(--qa-red) !important;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  color: var(--qa-red) !important;
}

/* Bullet pagination */
.swiper-pagination-bullet-active {
  background: var(--qa-red) !important;
}

/* Step area arka plan */
.al-step-area {
  background: var(--qa-ink) !important;
  color: #ffffff !important;
}
.al-step-area h1,
.al-step-area h2,
.al-step-area h3,
.al-step-area h4,
.al-step-area .al-section-title {
  color: #ffffff !important;
}
.al-step-area .al-section-subtitle {
  background: rgba(255, 23, 0, 0.15) !important;
  color: var(--qa-red-soft) !important;
}
.al-step-area .al-step-item {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  color: #ffffff !important;
}
.al-step-area .al-step-title-sm {
  color: #ffffff !important;
}
.al-step-area .al-step-desc {
  color: rgba(255,255,255,0.7) !important;
}

/* Loader: beyaz perde, brand kirmizi yazi */
.loader-wrap { background: #ffffff !important; }
.loader-wrap > svg { fill: #ffffff !important; }
.loader-wrap path { fill: #ffffff !important; }
.load-text span {
  color: var(--qa-red) !important;
  font-family: var(--qa-display) !important;
  font-weight: 400 !important;
}

/* ====================================================================
   AUDIT FIXES — Tek seferde tum bug'lari kapatan blok
   ==================================================================== */

/* 1. FOOTER TITLE: green linear-gradient background-clip yerine duz beyaz */
.al-footer-seo-widget-title,
.al-footer-seo-widget-bigtext .al-footer-seo-widget-title,
.al-footer-seo-area .al-footer-seo-widget-title {
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: #ffffff !important;
  color: #ffffff !important;
}

/* 2. BACK-TO-TOP: lime su dalga animasyonunu brand kirmiziya cevir */
.scrollToTop .water {
  background: var(--qa-red-dark) !important;
  background-color: var(--qa-red-dark) !important;
}
.scrollToTop .water_wave path,
.scrollToTop .water_wave_front,
.scrollToTop .water_wave_back,
.scrollToTop svg path {
  fill: var(--qa-red) !important;
}
.scrollToTop {
  background: var(--qa-red) !important;
}

/* 3. CAPABILITIES — sablondaki nth-child renkleri (mint/seftali/sari/lavanta/pembe)
   hepsini brand kirmizi tintine zorla */
.al-service-seo-area .al-service-seo-icon,
.al-service-seo-icon,
.al-service-seo-area [class*="al-bg-"],
.al-service-seo-area .al-service-seo-item:nth-child(1) .al-service-seo-icon,
.al-service-seo-area .al-service-seo-item:nth-child(2) .al-service-seo-icon,
.al-service-seo-area .al-service-seo-item:nth-child(3) .al-service-seo-icon,
.al-service-seo-area .al-service-seo-item:nth-child(4) .al-service-seo-icon,
.al-service-seo-area .al-service-seo-item:nth-child(5) .al-service-seo-icon,
.al-service-seo-area .al-service-seo-item:nth-child(6) .al-service-seo-icon,
.al-service-seo-area .al-service-seo-item:nth-child(7) .al-service-seo-icon,
.al-service-seo-area .al-service-seo-item:nth-child(8) .al-service-seo-icon,
.al-service-seo-area .al-service-seo-item:nth-child(9) .al-service-seo-icon,
.al-service-seo-area .al-service-seo-item:nth-child(10) .al-service-seo-icon,
.al-service-seo-area .al-service-seo-item:nth-child(11) .al-service-seo-icon,
.al-service-seo-area .al-service-seo-item:nth-child(12) .al-service-seo-icon,
.col-xl-3 .al-service-seo-icon,
.col-xl-4 .al-service-seo-icon {
  background: var(--qa-red-tint) !important;
  background-color: var(--qa-red-tint) !important;
  color: var(--qa-red) !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.al-service-seo-icon svg,
.al-service-seo-icon svg path,
.al-service-seo-icon img,
.al-service-seo-icon i {
  fill: none !important;
  stroke: var(--qa-red) !important;
  color: var(--qa-red) !important;
}

/* Icindeki span'a (template JS data-bg-color ile inline arka plan veriyor) brand tonu zorla */
.al-service-seo-icon span,
.al-service-seo-icon > span,
.al-service-seo-icon span[data-bg-color],
.al-service-seo-icon span[style*="background"] {
  background: var(--qa-red-tint) !important;
  background-color: var(--qa-red-tint) !important;
  color: var(--qa-red) !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.al-service-seo-icon span svg {
  width: 22px !important;
  height: 22px !important;
  stroke: var(--qa-red) !important;
}
.al-service-seo-icon span svg path {
  stroke: var(--qa-red) !important;
  fill: none !important;
}

/* data-bg-color ile inline style alan tum span'larin renkleri override */
[data-bg-color="#b8e6d0"],
[data-bg-color="#a3dcc6"],
[data-bg-color="#efd49d"],
[data-bg-color="#f5c2a0"],
[data-bg-color="#fde2c5"],
[data-bg-color="#b8d4ef"],
[data-bg-color="#d4c5ef"],
[data-bg-color="#f5b8c8"],
[data-bg-color="#c5e8c5"],
[data-bg-color="#FFB21D"],
[data-bg-color="#b4e717"] {
  background-color: var(--qa-red-tint) !important;
  background: var(--qa-red-tint) !important;
}

/* 4. STEPS section: ikon yapisini brand'e gore yeniden cizdir */
.al-step-area .al-step-icon {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 88px !important;
  height: 88px !important;
  border-radius: 50% !important;
  background: var(--qa-red) !important;
  background-image: linear-gradient(135deg, var(--qa-red) 0%, var(--qa-red-dark) 100%) !important;
  box-shadow: 0 8px 24px rgba(255, 23, 0, 0.35) !important;
  margin-bottom: 26px !important;
  filter: none !important;
}
.al-step-area .al-step-icon::before,
.al-step-area .al-step-icon::after {
  display: none !important;
}
.al-step-area .al-step-icon img {
  display: none !important;
}
.al-step-area .al-step-icon .al-step-number {
  position: static !important;
  font-family: var(--qa-display) !important;
  font-style: normal !important;
  font-size: 32px !important;
  color: #ffffff !important;
  opacity: 1 !important;
  line-height: 1 !important;
  font-weight: 400 !important;
}
/* Step icon icindeki check span'ini kucucuk rozet yap */
.al-step-area .al-step-icon > span {
  position: absolute !important;
  bottom: -6px !important;
  right: -6px !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: var(--qa-red) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
  z-index: 2 !important;
}
.al-step-area .al-step-icon > span i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.al-step-area .al-step-icon > span svg {
  width: 14px !important;
  height: 10px !important;
  fill: none !important;
  color: var(--qa-red) !important;
}
.al-step-area .al-step-icon > span svg path {
  stroke: var(--qa-red) !important;
}

/* Aktif adim icin saglam dolu kart */
.al-step-area .al-step-item.active {
  border-color: var(--qa-red) !important;
  background: rgba(255,23,0,0.08) !important;
}

/* Steps section dekoratif resimleri (eski mor/yesil sekiller) - tamamen gizle */
.al-step-area .al-step-shape-wrap,
.al-step-area .al-step-shape-1,
.al-step-area .al-step-shape-2,
.al-step-area .al-step-shape-3,
.al-step-area .al-step-shape {
  display: none !important;
}

/* Arrow between step cards */
.al-step-area .al-step-item .al-step-arrow,
.al-step-area svg[class*="arrow"] {
  color: var(--qa-red) !important;
  fill: var(--qa-red) !important;
}

/* 5. HOW IT WORKS — koyu zeminde gizlenen baslik */
[class*="howitworks"],
.al-howitworks-area,
.al-how-it-works-area,
[id*="how-it-works"] {
  color: #ffffff !important;
}
[class*="howitworks"] .al-section-title,
[class*="howitworks"] h1,
[class*="howitworks"] h2,
[class*="howitworks"] h3,
[class*="howitworks"] h4,
.al-howitworks-area .al-section-title,
.al-howitworks-area h1,
.al-howitworks-area h2,
.al-howitworks-area h3,
.al-howitworks-area h4,
[id*="how-it-works"] .al-section-title,
[id*="how-it-works"] h1,
[id*="how-it-works"] h2,
[id*="how-it-works"] h3,
[id*="how-it-works"] h4 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* tp-text-revel-anim koyu zemin baslik fix */
.al-step-area .tp-text-revel-anim,
[data-bg-color="#10302a"] .tp-text-revel-anim,
[data-bg-color="#0f1f1c"] .tp-text-revel-anim,
.al-howitworks-area .tp-text-revel-anim,
[id*="how-it-works"] .tp-text-revel-anim {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* 6. REFERENCES — logolari biraz daha gorunur yap */
.al-references-area img,
#references img {
  filter: grayscale(100%) opacity(0.7) !important;
  max-height: 80px !important;
  width: auto !important;
}
.al-references-area img:hover,
#references img:hover {
  filter: grayscale(0%) opacity(1) !important;
}

/* 7. FOOTER — tek tonlu koyu zemin (eski 2 renk paneli kaldirildi) */
footer,
.al-footer-seo-area,
.al-footer-seo-bg,
.al-footer-seo-area.al-footer-seo-black-bg {
  background: var(--qa-ink) !important;
  background-color: var(--qa-ink) !important;
  background-image: none !important;
}
/* Sablonun sol %38'i farkli renge boyayan ::after pseudo-element'ini gizle */
.al-footer-seo-bg::after,
.al-footer-seo-bg::before,
footer::after,
footer::before {
  display: none !important;
  content: none !important;
  background: transparent !important;
}
.al-footer-seo-area .al-footer-seo-widget,
.al-footer-seo-area .col-xl-4,
.al-footer-seo-area .col-xl-8,
.al-footer-seo-area .col-lg-5,
.al-footer-seo-area .col-lg-7,
.al-footer-seo-area .col-md-5,
.al-footer-seo-area .col-md-7 {
  background: transparent !important;
}
/* Footer aldigi GSAP fade animasyonunu degisiklik yapmadan birak ama gozukur olsun */
.al-footer-seo-area .tp_fade_anim {
  opacity: 1 !important;
  transform: none !important;
}

/* Footer sosyal medya ikonlari */
.al-footer-seo-widget-social a {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.85) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 8px !important;
  transition: all 0.25s ease !important;
}
.al-footer-seo-widget-social a:hover {
  background: var(--qa-red) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}
.al-footer-seo-widget-social a svg path { fill: currentColor !important; }

/* Footer brand baslik / logo dogru goster */
.tp-footer-logo img {
  max-width: 200px !important;
  width: auto !important;
  height: auto !important;
}

/* Copyright satiri */
.al-copyright-seo-area,
.al-copyright-seo-border {
  background: var(--qa-ink) !important;
  color: rgba(255,255,255,0.5) !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
}
.al-copyright-seo-area a {
  color: rgba(255,255,255,0.75) !important;
}
.al-copyright-seo-area a:hover {
  color: var(--qa-red-soft) !important;
}

/* 8. FAQ accordion - acik item baslik rengi (mavi/mor -> kirmizi)
   Aleric "accordion-buttons" (plural) class kullaniyor, "accordion-button" degil */
.accordion-button:not(.collapsed),
.accordion-buttons:not(.collapsed),
.accordion-item.active .accordion-button,
.al-faq-accordion .accordion-button:not(.collapsed),
.al-faq-wrapper .accordion-header .accordion-buttons:not(.collapsed),
.al-faq-wrapper .accordion-buttons:not(.collapsed) {
  color: var(--qa-red) !important;
  -webkit-text-fill-color: var(--qa-red) !important;
  background: var(--qa-bg) !important;
  background-image: none !important;
}

.al-faq-wrapper .accordion-header .accordion-buttons:not(.collapsed) .accordion-icon::after,
.al-faq-wrapper .accordion-buttons:not(.collapsed) .accordion-icon::after,
.al-faq-wrapper .accordion-buttons:not(.collapsed) .accordion-icon::before {
  background-color: var(--qa-red) !important;
  background: var(--qa-red) !important;
}

.al-faq-wrapper .accordion-buttons {
  font-family: var(--qa-body) !important;
  font-weight: 600 !important;
  color: var(--qa-ink) !important;
}
.al-faq-wrapper .accordion-buttons:hover {
  color: var(--qa-red) !important;
}

/* 9. Sablonun her yerdeki yesil/lime accent renklerini brand kirmizi yap */
[style*="b4e717"],
[style*="rgb(180, 231, 23)"] {
  background-color: var(--qa-red) !important;
  color: var(--qa-red) !important;
}

/* Yesil/lime linear gradient'leri override et */
[style*="linear-gradient"][style*="d4fc79"],
[style*="linear-gradient"][style*="96e6a1"] {
  background: var(--qa-red) !important;
}

/* TURETILMIS DEKORATIF SEKILLER - sablonun eski parlak renklerinde,
   yeni brand kimligine uymuyor. Hepsini gizle. */
.al-hero-seo-shape-1,
.al-hero-seo-shape-2,
.al-step-shape,
.al-step-shape-1,
.al-step-shape-2,
.al-howitworks-shape,
.al-faq-shape,
.al-faq-shape-1,
.al-faq-shape-2,
.al-faq-shape-wrap,
img[src*="step-1.png"],
img[src*="step-2.png"],
img[src*="step-3.png"],
img[src*="Goz.svg"] {
  display: none !important;
}

/* Diger sablon ikonu yuvarlaklari (success, info, vs.) */
.tp-section-circle,
.al-section-circle,
.al-feature-icon,
.al-feature-icon-box {
  background: var(--qa-red-tint) !important;
  color: var(--qa-red) !important;
}
.tp-section-circle svg,
.tp-section-circle img,
.al-feature-icon svg,
.al-feature-icon img {
  fill: var(--qa-red) !important;
  color: var(--qa-red) !important;
}

/* tpshake / hover animasyonlu kartlar tekrar override */
.tpshake .al-service-seo-icon,
.tpshake-wrap .al-service-seo-icon {
  background: var(--qa-red-tint) !important;
}

/* Pricing aktif kart icindeki check listelerinin rengi */
.al-price-item .al-price-list i,
.al-price-item .al-price-list svg,
.al-price-item li i,
.al-price-item li::before {
  color: var(--qa-red) !important;
  fill: var(--qa-red) !important;
}
.al-price-item.active .al-price-list i,
.al-price-item.active .al-price-list svg,
.al-price-item.active li i,
.al-price-item.active li::before {
  color: var(--qa-red-soft) !important;
  fill: var(--qa-red-soft) !important;
}

/* References (logo grid) section title */
#references .tp-text-revel-anim,
.al-references-area .tp-text-revel-anim {
  color: var(--qa-ink) !important;
  -webkit-text-fill-color: var(--qa-ink) !important;
}

/* Capabilities + Pricing arasindaki devasa bosluk azaltildi */
.al-service-seo-area.pt-120 { padding-top: 96px !important; }
.al-service-seo-area.pb-70 { padding-bottom: 40px !important; }
.al-service-seo-area .al-service-seo-item.mb-70 { margin-bottom: 28px !important; }
.al-price-area.pt-110 { padding-top: 90px !important; }
.al-price-area.pb-90 { padding-bottom: 90px !important; }
.al-faq-area.pt-130 { padding-top: 100px !important; }
.al-faq-area.pb-140 { padding-bottom: 100px !important; }
.al-references-area.pt-120 { padding-top: 90px !important; }
.al-references-area.pb-100 { padding-bottom: 80px !important; }
.al-step-area.pt-90 { padding-top: 96px !important; }
.al-step-area.pb-80 { padding-bottom: 90px !important; }

/* tp_fade_anim guvenligi: GSAP failure'da elementler asla gizli kalmasin
   (gsap.from animasyonu yine calisir, ama hata olursa elementler gozukur) */
.tp_fade_anim:not(.tp-anim-skip) {
  opacity: 1 !important;
}
/* Mevcut fade-in animasyonunu bozmamak icin once boylece set ediyoruz.
   GSAP gsap.from() override eder bu CSS'i runtime'da. */

/* HEADER ICINDEKI INLINE SVG LOGO - yukseklik dogru olsun */
.tp-header-logo .qa-logo {
  display: block !important;
  height: 44px !important;
  width: auto !important;
}
.tp-footer-logo .qa-logo {
  display: block !important;
  height: auto !important;
  max-width: 220px !important;
  width: 220px !important;
}
.cm-search-logo .qa-logo {
  display: block !important;
  height: 48px !important;
  width: auto !important;
}

/* Contact page icons (mail / phone circles) */
.tp-contact-icon,
.tp-contact-info-icon,
.al-contact-icon {
  background: var(--qa-red-tint) !important;
  color: var(--qa-red) !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.tp-contact-icon svg,
.tp-contact-icon svg path,
.tp-contact-info-icon svg,
.tp-contact-info-icon svg path,
.al-contact-icon svg,
.al-contact-icon svg path {
  fill: var(--qa-red) !important;
}

/* Contact page section title */
.tp-contact-area .al-section-title,
.tp-contact-area h2,
.tp-contact-area h1 {
  color: var(--qa-ink) !important;
}

/* Contact form inputs */
.tp-postbox-details-input input,
.tp-postbox-details-input textarea,
.tp-postbox-details-form-wrapper input,
.tp-postbox-details-form-wrapper textarea {
  background: #ffffff !important;
  border: 1px solid var(--qa-line) !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  color: var(--qa-ink) !important;
}
.tp-postbox-details-input input:focus,
.tp-postbox-details-input textarea:focus {
  border-color: var(--qa-red) !important;
  box-shadow: 0 0 0 4px rgba(255,23,0,0.10) !important;
}

/* Contact form area background */
.tp-postbox-details-form-wrapper {
  background: var(--qa-bg-soft) !important;
  border-radius: 24px !important;
  padding: 40px !important;
}

/* Footer contact link */
.tp-contact-email,
a.tp-contact-email {
  color: var(--qa-ink) !important;
  font-weight: 500 !important;
}
.tp-contact-email:hover {
  color: var(--qa-red) !important;
}

/* Yellow / lime backgrounds in template -> brand tint */
[class*="bg-yellow"],
[class*="bg-lime"],
[class*="bg-green"],
.tp-bg-color-yellow,
.tp-bg-color-lime,
.tp-bg-color-orange-2 {
  background-color: var(--qa-red-tint) !important;
}