/**
 * TEMA: Koyu · Modern · Sert kontrast
 * Fontlar header.php içinde async yükleniyor (hız için).
 */
:root {
  --t-bg: #0a0d12;
  --t-bg-card: #12171e;
  --t-bg-elevated: #1a2028;
  --t-border: rgba(255, 255, 255, 0.06);
  --t-text: #f1f5f9;
  --t-text-muted: #94a3b8;
  --t-accent: #22d3ee;
  --t-accent-hover: #67e8f9;
  --t-accent-dim: rgba(34, 211, 238, 0.15);
  --t-danger: #f43f5e;
  --t-success: #34d399;
  --t-font-head: "Outfit", sans-serif;
  --t-font-body: "DM Sans", sans-serif;
  --t-radius: 14px;
  --t-radius-sm: 8px;
  --t-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
  --t-shadow-hover: 0 12px 40px rgba(0, 0, 0, 0.5);
}

/* --- Tema değişkenlerini ana renklere bağla --- */
body {
  background: var(--t-bg) !important;
  color: var(--t-text-muted) !important;
  font-family: var(--t-font-body) !important;
}

.page-content.bg-white {
  background: var(--t-bg) !important;
}

/* --- Başlıklar --- */
h1,
h2,
h3,
h4,
h5,
h6,
.section-head .title,
.dlab-title,
.banner-content h1,
.dlab-bnr-inr-entry h1 {
  color: var(--t-text) !important;
  font-family: var(--t-font-head) !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
}

.section-head.style-1 .title::after,
.section-head h2.title::after {
  background: linear-gradient(90deg, var(--t-accent), var(--t-accent-hover)) !important;
  height: 4px;
  border-radius: 2px;
}

.section-head p,
p {
  color: var(--t-text-muted) !important;
}

/* --- Header / Navbar (kompakt, aşağı taşmayı önler) --- */
.site-header .main-bar,
.main-bar.wraper,
.sticky-header.main-bar-wraper {
  background: rgba(10, 13, 18, 0.92) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--t-border) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3) !important;
  padding: 0 !important;
  min-height: auto !important;
}

/* ============================================================
   CB-NAVBAR — Yeni flexbox layout sistemi
   Düzen: [LOGO] [Menü öğeleri] — (boşluk) — [Fiyat Teklifi]
   ============================================================ */
.cb-navbar {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  height: 90px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Logo alanı — sabit genişlik, solda */
.cb-logo {
  flex: 0 0 auto !important;
  width: 220px !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.cb-logo a {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  width: 100% !important;
}

.cb-logo img,
.site-header .cb-logo img,
.cb-logo .logo-header img {
  max-height: 75px !important;
  width: auto !important;
  max-width: 210px !important;
  object-fit: contain !important;
  object-position: left center !important;
  filter: brightness(1.1);
}

/* Mobile toggle: sağ tarafa it */
.cb-navbar > .navbar-toggler {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  float: none !important;
}

/* Collapsible bölge (masaüstü) */
@media (min-width: 992px) {
  .cb-nav-collapse {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    position: static !important;
    width: auto !important;
    left: auto !important;
    overflow: visible !important;
  }

  /* Menü listesi: soldan başlar, logoya yapışık */
  .cb-menu-list {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    float: none !important;
  }

  .cb-menu-list > li > a {
    display: flex !important;
    align-items: center !important;
    height: 90px !important;
    padding: 0 9px !important;
    color: var(--t-text) !important;
    font-family: var(--t-font-body) !important;
    font-weight: 500 !important;
    font-size: 13.5px !important;
    white-space: nowrap !important;
    transition: color 0.2s !important;
    text-transform: capitalize !important;
  }

  .cb-menu-list > li > a:hover,
  .cb-menu-list > li > a:focus {
    color: var(--t-accent) !important;
  }

  /* Fiyat teklifi butonu: en sağa yapışır */
  .cb-quote-btn {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    float: none !important;
  }

  /* Mobil logoyu masaüstünde gizle */
  .cb-mobile-logo {
    display: none !important;
  }
}

/* Mobil görünüm */
@media (max-width: 991px) {
  .cb-navbar {
    flex-wrap: wrap !important;
    height: auto !important;
    padding: 12px 16px !important;
  }

  .cb-logo {
    height: 60px !important;
    width: 170px !important;
  }

  .cb-logo img {
    max-height: 55px !important;
  }

  .cb-nav-collapse {
    width: 100% !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    background: rgba(10,13,18,0.98) !important;
    padding: 16px !important;
    border-top: 1px solid var(--t-border);
  }

  .cb-menu-list {
    flex-direction: column !important;
    width: 100% !important;
  }

  .cb-menu-list > li {
    width: 100% !important;
    border-bottom: 1px solid var(--t-border);
  }

  .cb-menu-list > li > a {
    display: block !important;
    padding: 10px 0 !important;
    height: auto !important;
  }

  .cb-quote-btn {
    margin-top: 16px !important;
    width: 100% !important;
  }

  .cb-quote-btn .btn {
    width: 100% !important;
    text-align: center !important;
  }

  .cb-mobile-logo {
    display: none !important;
  }
}

/* Artık kullanılmayan eski logo-header img kurallarını geçersiz kıl */
.site-header .logo-header img,
.header-nav .logo-header img,
.logo-header img {
  max-height: 75px !important;
  width: auto !important;
  object-fit: contain !important;
  object-position: left center !important;
  filter: brightness(1.1);
}

.site-header .main-bar .container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.site-header .navbar-nav .nav-link,
.site-header .navbar-nav a,
.header-nav .navbar-nav li a {
  color: var(--t-text) !important;
  font-family: var(--t-font-body) !important;
  font-weight: 500 !important;
  padding: 0.6rem 0.5rem !important;
  font-size: 0.9rem !important;
}

@media (min-width: 992px) {
  .site-header .main-bar .container-fluid {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    height: 100px !important;
  }

  .site-header .logo-header,
  .site-header .extra-nav {
    float: none !important;
    margin: 0 !important;
    height: 100% !important;
  }

  .site-header .logo-header {
    flex: 0 0 auto !important;
    width: 250px !important;
  }

  .site-header .header-nav {
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
  }

  .site-header .extra-nav {
    flex: 0 0 auto !important;
    margin-left: 20px !important;
  }

  .site-header .navbar-nav>li>a,
  .header-nav .navbar-nav>li>a {
    height: 100px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 0.6rem !important;
  }
}

.site-header .logo-header img,
.header-nav .logo-header img {
  max-height: 85px !important;
  width: auto !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.site-header .extra-nav .btn {
  padding: 0.6rem 1.2rem !important;
  font-size: 0.85rem !important;
}

.site-header .navbar-nav a:hover,
.header-nav .navbar-nav li a:hover {
  color: var(--t-accent) !important;
}

.site-header .btn-primary {
  background: var(--t-accent) !important;
  color: var(--t-bg) !important;
  border: none !important;
}

.site-header .btn-primary:hover {
  background: var(--t-accent-hover) !important;
  color: var(--t-bg) !important;
}

.logo-header img {
  filter: brightness(1.1);
  max-height: 85px !important;
}

/* --- Banner / Hero --- */
.banner-one {
  background-color: var(--t-bg-card) !important;
  background-blend-mode: overlay !important;
  position: relative;
  padding: 80px 0 100px !important;
  min-height: 420px;
  display: flex;
  align-items: center;
}

.banner-one .banner-inner {
  width: 100%;
}

/* İncele butonu tam görünsün: paragraf alt boşluğu azaltıldı, buton yukarı taşındı */
.banner-content {
  padding-bottom: 2rem;
}

.banner-content p.m-b30 {
  margin-bottom: 1rem !important;
}

.banner-content .btn-primary {
  margin-top: 0.25rem;
  margin-bottom: 0;
}

.banner-one::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, var(--t-bg) 0%, transparent 50%, rgba(34, 211, 238, 0.03) 100%);
  pointer-events: none;
}

/* Banner sağ üst köşede hafif cyan ışık lekesi */
.banner-one::after {
  content: "";
  position: absolute;
  top: -20%;
  right: -10%;
  width: 50%;
  height: 80%;
  background: radial-gradient(ellipse, rgba(34, 211, 238, 0.08) 0%, transparent 70%);
  pointer-events: none;
}

.banner-content .sub-title {
  color: var(--t-accent) !important;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.banner-content h1 {
  color: var(--t-text) !important;
}

.banner-content p {
  color: var(--t-text-muted) !important;
}

/* Hero CTA: glow + hafif animasyon */
.banner-one .btn-primary {
  background: linear-gradient(135deg, var(--t-accent), #06b6d4) !important;
  color: var(--t-bg) !important;
  border: none !important;
  font-weight: 600;
  border-radius: var(--t-radius-sm);
  box-shadow: 0 4px 24px rgba(34, 211, 238, 0.4), 0 0 40px rgba(34, 211, 238, 0.15);
  position: relative;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.banner-one .btn-primary::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 0%, rgba(255, 255, 255, 0.12) 50%, transparent 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.banner-one .btn-primary:hover {
  background: linear-gradient(135deg, var(--t-accent-hover), var(--t-accent)) !important;
  color: var(--t-bg) !important;
  transform: translateY(-3px);
  box-shadow: 0 8px 32px rgba(34, 211, 238, 0.5), 0 0 60px rgba(34, 211, 238, 0.2);
}

.banner-one .btn-primary:hover::before {
  opacity: 1;
}

/* --- Bölüm arka planları --- */
section,
.content-inner,
.content-inner-2,
.content-inner-1 {
  background: var(--t-bg) !important;
  background-image: none !important;
}

section:nth-of-type(even) {
  background: var(--t-bg-card) !important;
}

.counter-wraper.bg-white,
.counter-wraper.half-bg {
  background: var(--t-bg-elevated) !important;
  border-top: 1px solid var(--t-border);
  border-bottom: 1px solid var(--t-border);
}

/* --- Hizmet kartları --- */
.icon-bx-wraper.style-1.box-hover {
  background: var(--t-bg-card) !important;
  border: 1px solid var(--t-border) !important;
  border-radius: var(--t-radius) !important;
  box-shadow: var(--t-shadow) !important;
}

.icon-bx-wraper.style-1.box-hover:hover {
  border-color: rgba(34, 211, 238, 0.3) !important;
  box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.2), var(--t-shadow-hover) !important;
}

.icon-bx-wraper.style-1 .icon-bx-md.radius,
.icon-bx-wraper.style-1 .icon-bx-md {
  background: var(--t-accent-dim) !important;
  color: var(--t-accent) !important;
  border: 1px solid rgba(34, 211, 238, 0.25);
}

.icon-bx-wraper.style-1 .icon-cell i {
  color: var(--t-accent) !important;
}

.icon-bx-wraper.style-1 .dlab-title {
  color: var(--t-text) !important;
}

.icon-bx-wraper.style-1 p {
  color: var(--t-text-muted) !important;
}

/* bg-primary, bg-green vb. ikon kutuları --- accent tonunda --- */
.icon-bx-wraper .icon-bx-sm.radius.bg-green,
.icon-bx-wraper .icon-bx-sm.radius.bg-primary,
.icon-bx-wraper .icon-bx-sm.radius.bg-blue,
.icon-bx-wraper .icon-bx-sm.radius.bg-yellow,
.icon-bx-wraper .icon-bx-sm.radius.bg-red {
  background: var(--t-accent-dim) !important;
  color: var(--t-accent) !important;
}

.icon-bx-wraper.style-4 {
  background: var(--t-bg-card) !important;
  border: 1px solid var(--t-border) !important;
  border-radius: var(--t-radius) !important;
}

.icon-bx-wraper.style-4 .title,
.icon-bx-wraper.style-4 .counter-title {
  color: var(--t-text) !important;
}

/* --- Butonlar --- */
.btn-primary,
.btn.btn-primary {
  background: var(--t-accent) !important;
  color: var(--t-bg) !important;
  border: none !important;
  font-weight: 600;
  border-radius: var(--t-radius-sm);
  box-shadow: 0 4px 16px rgba(34, 211, 238, 0.35);
}

.btn-primary:hover,
.btn.btn-primary:hover {
  background: var(--t-accent-hover) !important;
  color: var(--t-bg) !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(34, 211, 238, 0.45);
}

.btn.btn-lg.shadow.gradient.btn-primary {
  background: linear-gradient(135deg, var(--t-accent), #06b6d4) !important;
  color: var(--t-bg) !important;
}

/* --- Blog kartları --- */
.dlab-blog.m-b50,
.dlab-blog.style-1.bg-white,
.blog-carousel1 .dlab-blog {
  background: var(--t-bg-card) !important;
  border: 1px solid var(--t-border) !important;
  border-radius: var(--t-radius) !important;
  box-shadow: var(--t-shadow) !important;
}

.dlab-blog.m-b50:hover,
.dlab-blog.style-1.bg-white:hover,
.blog-carousel1 .dlab-blog:hover {
  border-color: rgba(34, 211, 238, 0.25) !important;
  box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.15), var(--t-shadow-hover) !important;
}

.dlab-blog .dlab-title a,
.dlab-blog .dlab-title {
  color: var(--t-text) !important;
}

.dlab-blog .dlab-title a:hover {
  color: var(--t-accent) !important;
}

.dlab-blog .dlab-meta,
.dlab-blog p {
  color: var(--t-text-muted) !important;
}

.dlab-blog .dlab-media.rounded {
  border-radius: var(--t-radius) var(--t-radius) 0 0 !important;
}

/* --- Proje / portfolio kartları --- */
.dlab-box.dlab-overlay-box.style-1 {
  background: var(--t-bg-card) !important;
  border: 1px solid var(--t-border) !important;
  border-radius: var(--t-radius) !important;
}

.dlab-box.dlab-overlay-box.style-1 .dlab-info .title,
.dlab-box.dlab-overlay-box.style-1 .tags-list li {
  color: var(--t-text) !important;
}

.dlab-box.dlab-overlay-box .dlab-img-overlay1.primary span:hover {
  background: rgba(34, 211, 238, 0.9) !important;
}

/* --- Fiyat tabloları --- */
.pricingtable-wrapper.style-1 .pricingtable-inner {
  background: var(--t-bg-card) !important;
  border: 1px solid var(--t-border) !important;
  border-radius: var(--t-radius) !important;
  box-shadow: var(--t-shadow) !important;
}

.pricingtable-wrapper .pricingtable-title .title,
.pricingtable-wrapper .pricingtable-bx {
  color: var(--t-text) !important;
}

.pricingtable-wrapper .pricingtable-features li {
  color: var(--t-text-muted) !important;
}

.pricingtable-footer .btn-primary {
  background: var(--t-accent) !important;
  color: var(--t-bg) !important;
}

/* --- Ekip kartları --- */
.dlab-team.style-1 {
  background: var(--t-bg-card) !important;
  border: 1px solid var(--t-border) !important;
  border-radius: var(--t-radius) !important;
  box-shadow: var(--t-shadow) !important;
}

.dlab-team .dlab-name {
  color: var(--t-text) !important;
}

.dlab-team .dlab-position {
  color: var(--t-text-muted) !important;
}

/* --- Sayfa içi banner (blog, hakkımızda vb.) --- */
.dlab-bnr-inr {
  background-color: var(--t-bg-card) !important;
  background-blend-mode: overlay !important;
  border-bottom: 1px solid var(--t-border);
}

.dlab-bnr-inr-entry h1 {
  color: var(--t-text) !important;
}

.breadcrumb-row .breadcrumb-item a {
  color: var(--t-text-muted) !important;
}

.breadcrumb-row .breadcrumb-item a:hover {
  color: var(--t-accent) !important;
}

.breadcrumb-row .breadcrumb-item.active {
  color: var(--t-text) !important;
}

/* --- Footer --- */
.site-footer.style-2,
.site-footer {
  background: var(--t-bg-card) !important;
  border-top: 1px solid var(--t-border);
}

.site-footer.style-2 .footer-bottom {
  background: var(--t-bg) !important;
  border-top: 1px solid var(--t-border);
}

.footer-title,
.site-footer h5 {
  color: var(--t-text) !important;
  font-family: var(--t-font-head) !important;
}

.site-footer p,
.site-footer li,
.site-footer .icon-content p {
  color: var(--t-text-muted) !important;
}

.site-footer a:hover {
  color: var(--t-accent) !important;
}

/* --- Bize Ulaşın: telefon, mail, adres renkleri --- */
.icon-bx-wraper.style-9 .icon-content .dlab-title {
  color: var(--t-text) !important;
}

.icon-bx-wraper.style-9 .icon-content p,
.icon-bx-wraper.style-9 .icon-content p a {
  color: var(--t-text-muted) !important;
}

.icon-bx-wraper.style-9 .icon-content p a:hover {
  color: var(--t-accent) !important;
}

.icon-bx-wraper.style-9 .icon-bx-sm.radius.bg-primary {
  background: var(--t-accent-dim) !important;
  color: var(--t-accent) !important;
}

.icon-bx-wraper.style-9 .icon-cell i {
  color: var(--t-accent) !important;
}

.copyright-text {
  color: var(--t-text-muted) !important;
}

/* --- Widget / sidebar --- */
.widget .widget-title,
.side-bar .widget-title {
  color: var(--t-text) !important;
  font-family: var(--t-font-head) !important;
}

.widget-post .title a {
  color: var(--t-text) !important;
}

.widget-post .title a:hover {
  color: var(--t-accent) !important;
}

.widget-post .post-date {
  color: var(--t-text-muted) !important;
}

/* --- Newsletter / e-bülten kutusu --- */
.content-inner-3.bg-primary {
  background: linear-gradient(135deg, var(--t-bg-elevated) 0%, var(--t-bg-card) 100%) !important;
  border: 1px solid var(--t-border);
  border-radius: var(--t-radius);
}

.content-inner-3 .section-head .sub-title,
.content-inner-3 .section-head .title,
.content-inner-3 .section-head p {
  color: var(--t-text) !important;
}

.content-inner-3 .section-head p {
  color: var(--t-text-muted) !important;
}

.content-inner-3 .btn-primary {
  background: var(--t-accent) !important;
  color: var(--t-bg) !important;
}

.content-inner-3 .form-control {
  background: var(--t-bg) !important;
  border: 1px solid var(--t-border) !important;
  color: var(--t-text) !important;
}

.content-inner-3 .form-control::placeholder {
  color: var(--t-text-muted);
}

/* --- Formlar (iletişim, fiyat teklifi) --- */
.dlab-form .form-control,
.input-group-text {
  background: var(--t-bg-card) !important;
  border: 1px solid var(--t-border) !important;
  color: var(--t-text) !important;
}

.dlab-form .form-control::placeholder {
  color: var(--t-text-muted);
}

/* --- Scroll to top butonu --- */
.scroltop.icon-up {
  background: var(--t-accent) !important;
  color: var(--t-bg) !important;
  border: none;
}

.scroltop.icon-up:hover {
  background: var(--t-accent-hover) !important;
  color: var(--t-bg) !important;
}

/* --- Genel linkler --- */
a {
  color: var(--t-accent);
}

a:hover {
  color: var(--t-accent-hover) !important;
}

/* --- Filtre butonları (projeler) --- */
.site-filters.style-1 .filters li a,
.site-filters .filters .btn a {
  color: var(--t-text-muted) !important;
}

.site-filters .filters li.active a,
.site-filters .filters .btn.active a {
  color: var(--t-accent) !important;
}

/* --- Loading alanı --- */
#loading-area.loading-01 {
  background: var(--t-bg) !important;
}

.page-wraper {
  background: var(--t-bg) !important;
}

/* --- Primary renk sınıfları tema ile uyumlu --- */
.text-primary {
  color: var(--t-accent) !important;
}

.bg-primary {
  background: var(--t-accent-dim) !important;
}

.bgl-primary {
  background: var(--t-bg-card) !important;
}

/* --- Owl carousel / slider --- */
.owl-carousel .owl-nav button,
.owl-theme .owl-dots .owl-dot span {
  background: var(--t-border) !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--t-accent) !important;
}

.owl-carousel .owl-nav button:hover {
  background: var(--t-accent-dim) !important;
  color: var(--t-accent) !important;
}

/* --- Lightgallery --- */
.lightimg i,
.la-plus {
  color: var(--t-text) !important;
}

.dlab-img-overlay1.primary span {
  background: rgba(0, 0, 0, 0.5) !important;
}

.dlab-img-overlay1.primary span:hover {
  background: rgba(34, 211, 238, 0.85) !important;
}

/* --- Input group (fiyat teklifi vb.) --- */
.input-group-text {
  background: var(--t-bg-elevated) !important;
  border-color: var(--t-border) !important;
  color: var(--t-text-muted) !important;
}

/* ========== EKSTRA TEMA DOKUNUŞLARI ========== */

/* Bölüm başlığı altı çizgi: hafif parlama */
@keyframes t-line-glow {

  0%,
  100% {
    opacity: 1;
    box-shadow: 0 0 8px rgba(34, 211, 238, 0.3);
  }

  50% {
    opacity: 0.85;
    box-shadow: 0 0 16px rgba(34, 211, 238, 0.5);
  }
}

.section-head.style-1.text-center .title::after,
.section-head h2.title::after {
  animation: t-line-glow 3s ease-in-out infinite;
}

/* Kartlarda hover: ince cyan kenar ışığı */
.icon-bx-wraper.style-1.box-hover:hover,
.dlab-blog.m-b50:hover,
.dlab-box.dlab-overlay-box.style-1:hover,
.pricingtable-wrapper.style-1 .pricingtable-inner:hover,
.dlab-team.style-1:hover {
  box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.25), var(--t-shadow-hover) !important;
}

/* İlk bölüm (Hizmetler) arka planda hafif grid */
.content-inner-2:first-of-type {
  position: relative;
}

.content-inner-2:first-of-type::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(34, 211, 238, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(34, 211, 238, 0.03) 1px, transparent 1px);
  background-size: 48px 48px;
  pointer-events: none;
}

/* Scroll-to-top: hafif nefes alan glow */
@keyframes t-scroll-glow {

  0%,
  100% {
    box-shadow: 0 4px 20px rgba(34, 211, 238, 0.4);
  }

  50% {
    box-shadow: 0 4px 28px rgba(34, 211, 238, 0.6);
  }
}

.scroltop.icon-up {
  animation: t-scroll-glow 2.5s ease-in-out infinite;
}

/* Butonlarda focus: cyan halka */
.btn-primary:focus,
a.btn-primary:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--t-bg), 0 0 0 5px rgba(34, 211, 238, 0.5) !important;
}

/* Footer üst çizgi: gradient */
.site-footer.style-2 {
  border-top: 1px solid var(--t-border);
  box-shadow: 0 -1px 0 0 rgba(34, 211, 238, 0.06);
}

/* Sayaç ikonları: hover’da hafif parıltı */
.icon-bx-wraper.style-4 .icon-bx-sm.radius:hover {
  box-shadow: 0 0 20px rgba(34, 211, 238, 0.25);
}

/* Banner CTA ok ikonu: hover’da kayma */
.banner-one .btn-primary .fa,
.banner-one .btn-primary .fa-angle-right {
  display: inline-block;
  transition: transform 0.25s ease;
}

.banner-one .btn-primary:hover .fa-angle-right {
  transform: translateX(4px);
}