/* Garajify marka renkleri – style.css'i override eder */
:root {
  /* Ana mavi (logodaki ikon mavisi) */
  --theme-color1: #3d8fc8;
  --theme-color1-rgb: 61, 143, 200;

  /* Koyu navy (arka plan ve ikincil renk) */
  --theme-color2: #1a2d45;
  --theme-color2-rgb: 26, 45, 69;

  /* Vurgu / gradient partner */
  --theme-color7: #265d91;
  --theme-color8: #10203a;

  /* Açık arka plan tonu */
  --theme-color3: #f0f6fb;
  --theme-color5: #1a2d45;

  /* Gradient tanımları */
  --gradient-1: linear-gradient(99deg, #3d8fc8 0%, #265d91 93.92%);
  --gradient-2: linear-gradient(to left, rgba(26, 45, 69, 1) 0%, rgba(26, 45, 69, 0.7) 100%);
  --gradient-3: linear-gradient(-135deg, rgba(23, 23, 23, 0) 50%, #1a2d45 100%);

  /* bg / border alias */
  --bg-theme-color1: #3d8fc8;
  --bg-theme-color2: #1a2d45;
  --border-theme-color1: #3d8fc8;
  --border-theme-color2: #1a2d45;

  /* Metin renkleri */
  --theme-color1-text-color: #ffffff;
  --theme-color2-text-color: #ffffff;

  /* Başlık ve link renkleri */
  --headings-color: #1a2d45;
  --link-color: #1a2d45;
  --link-hover-color: #3d8fc8;

  /* Açık arka plan */
  --theme-light-background: #f0f6fb;
}

/* ── CTA section (tüm sayfalarda) ── */
.contact-section {
  background: linear-gradient(135deg, #1a2d45 0%, #26487a 100%) !important;
}
.contact-section h2,
.contact-section h3,
.contact-section h4 {
  color: #ffffff !important;
}
.contact-section p {
  color: rgba(255, 255, 255, 0.78) !important;
}
.contact-section .contact-info-box {
  background: transparent !important;
  box-shadow: none !important;
}

/* ── Buton metin rengi ── */
.theme-btn.btn-style-one,
.theme-btn.btn-style-one:visited {
  color: #ffffff !important;
}

/* ── Features overview section (koyu arka plan, beyaz metin) ── */
.service-section {
  background-image: none !important;
  background-color: #1a2d45;
}
.service-section .ellipse-bg {
  opacity: 0.08;
}
.service-section .service-box-items {
  border-color: rgba(255,255,255,0.1);
}
.service-section .service-box-items h3,
.service-section .service-box-items h4 {
  color: #ffffff !important;
}
.service-section .service-box-items p {
  color: rgba(255,255,255,0.72) !important;
}
.service-section .service-box-items .icon,
.service-section .service-box-items .icon i {
  color: #3d8fc8 !important;
}
.service-section .sub-title {
  color: #3d8fc8 !important;
}
.service-section .triangle {
  border-color: #3d8fc8 !important;
  border-left-color: #3d8fc8 !important;
}

/* ── Pricing: price + hr bölümü hizalama ── */
.pricing-box-items .price {
  padding-left: 60px;
  padding-right: 60px;
  padding-bottom: 20px;
}
.pricing-box-items hr {
  margin-left: 60px;
  margin-right: 60px;
  margin-top: 0;
  margin-bottom: 25px;
}
@media (max-width: 1399.98px) {
  .pricing-box-items .price { padding-left: 50px; padding-right: 50px; }
  .pricing-box-items hr   { margin-left: 50px; margin-right: 50px; }
}
@media (max-width: 575.98px) {
  .pricing-box-items .price { padding-left: 30px; padding-right: 30px; }
  .pricing-box-items hr   { margin-left: 30px; margin-right: 30px; }
}

/* ── Pricing active card ── */
.pricing-box-items.active {
  background: #1a2d45 !important;
}
.pricing-box-items.active .price h2,
.pricing-box-items.active h2:not(.accordion-header) {
  color: #ffffff !important;
}
.pricing-box-items.active .price p,
.pricing-box-items.active .price small {
  color: rgba(255,255,255,0.65) !important;
}
.pricing-box-items.active .price p strong,
.pricing-box-items.active .price p b {
  color: #ffffff !important;
}
.pricing-box-items.active .gt-price-tag {
  background-color: #3d8fc8 !important;
  color: #ffffff !important;
}

/* ── Why-choose / section-bg beyaz kart metin ── */
.why-choose-us-section .service-box-items h3 {
  color: var(--headings-color) !important;
}
.why-choose-us-section .service-box-items p {
  color: var(--text-color) !important;
}

/* ── İletişim kartları hover: link rengi beyaz ── */
.contact-details-block:hover .text a {
  color: #ffffff !important;
}

/* ── Dinamik içerik sayfaları (Gizlilik, Koşullar vb.) ── */
.content-page-body {
  font-size: 16px;
  line-height: 1.85;
  color: #4a5568;
}
.content-page-body h1,
.content-page-body h2,
.content-page-body h3 {
  color: #1a2d45;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
  font-weight: 600;
}
.content-page-body p { margin-bottom: 1rem; }
.content-page-body ul,
.content-page-body ol {
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}
.content-page-body li { margin-bottom: 0.4rem; }
.content-page-body a { color: #3d8fc8; }
.content-page-body a:hover { color: #265d91; }
.content-page-body blockquote {
  border-left: 4px solid #3d8fc8;
  padding: 0.75rem 1.25rem;
  background: #f0f6fb;
  border-radius: 0 6px 6px 0;
  margin: 1.5rem 0;
  color: #1a2d45;
}