/* Sitimax category / sector / city theme overrides */
:root {
  --ct-bg: #090b10;
  --ct-panel: rgba(255,255,255,.06);
  --ct-panel-strong: rgba(255,255,255,.1);
  --ct-line: rgba(255,255,255,.12);
  --ct-text: #f5f7fb;
  --ct-muted: rgba(245,247,251,.72);
  --ct-accent: #c8e600;
  --ct-shadow: 0 28px 90px rgba(0,0,0,.34);
}

html, body {
  background: var(--ct-bg) !important;
  color: var(--ct-text) !important;
}

body {
  background:
    radial-gradient(circle at 14% 12%, rgba(200,230,0,.08), transparent 26%),
    radial-gradient(circle at 86% 10%, rgba(255,184,107,.08), transparent 24%),
    linear-gradient(180deg, #0f1218 0%, #090b10 100%) !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size: 88px 88px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.35), transparent 72%);
  z-index: 0;
}

body > * {
  position: relative;
  z-index: 1;
}

.nav,
.bar,
.topbar {
  background: rgba(9,11,16,.82) !important;
  border-bottom-color: var(--ct-line) !important;
  backdrop-filter: blur(18px);
}

.nav-logo,
.brand,
.nav-link,
.nav-back,
.nav-cta-contact,
.nav-cta,
.nav-back,
.nav-cta-teklif {
  color: var(--ct-text) !important;
}

.nav-link:hover,
.nav-back:hover {
  background: rgba(255,255,255,.06) !important;
  color: #fff !important;
}

.nav-cta-contact,
.btn-secondary,
.btn-outline,
.cta-bottom-btn,
.btn-blue,
.btn-primary,
.back {
  border-color: transparent;
}

.nav-cta-teklif,
.btn-blue,
.btn-primary,
.cta-bottom-btn,
.back {
  background: var(--ct-accent) !important;
  color: #111318 !important;
}

.nav-cta-teklif:hover,
.btn-blue:hover,
.btn-primary:hover,
.cta-bottom-btn:hover,
.back:hover {
  background: #b6d600 !important;
}

.hero,
.cat-header {
  position: relative;
  overflow: hidden;
  border-bottom-color: rgba(255,255,255,.08) !important;
}

.hero::before,
.cat-header::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(8,10,14,.92), rgba(8,10,14,.65) 46%, rgba(8,10,14,.28)),
    url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=2200&q=85');
  background-size: cover;
  background-position: center;
  z-index: 0;
}

.hero::after,
.cat-header::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 76% 18%, rgba(255,184,107,.12), transparent 24%),
    radial-gradient(circle at 16% 16%, rgba(200,230,0,.1), transparent 30%);
  z-index: 0;
  pointer-events: none;
}

.hero > *,
.cat-header > * {
  position: relative;
  z-index: 1;
}

.hero h1,
.cat-title,
.templates-header h2,
.section-title,
.section-title,
.faq-title,
.faq-section-header h2,
.related h2,
.seo-content h2,
.cta-bottom h2,
.how-h2,
.gallery-h2 {
  color: #fff !important;
}

.hero-sub,
.cat-desc,
.templates-header p,
.section-sub,
.how-sub,
.gallery-sub,
.seo-content p,
.seo-content ul,
.faq-a-inner,
.faq-section-header p,
.related-link,
.cta-bottom p,
.references-note,
.references-title,
.references-kicker,
.stat-l {
  color: var(--ct-muted) !important;
}

.hero-badge,
.hero-eyebrow,
.hero-btns .btn-secondary,
.btn-secondary,
.btn-outline,
.filter,
.ftab,
.sector-card,
.feature-card,
.related-link,
.references-box,
.references-section,
.card,
.tpl-card,
.tpl-thumb,
.card-preview,
.card-info,
.mini-card,
.step,
.faq-item,
.faq-q,
.faq-a-inner,
.stats,
.stats-bar,
.footer-main,
.footer-grid,
.footer-col,
.footer-brand,
.cta-bottom,
.seo-content,
.faq-section,
.related,
.templates-section,
.sectors-section,
.features-section,
.gallery,
.how,
.cat-header,
.references-box,
.references-marquee,
.references-head,
.references-track {
  border-color: var(--ct-line) !important;
}

.hero-badge,
.hero-eyebrow,
.hero-dot,
.hero-btns .btn-secondary,
.btn-secondary,
.btn-outline,
.filter,
.ftab,
.sector-card,
.feature-card,
.related-link,
.card,
.tpl-card,
.tpl-thumb,
.card-preview,
.card-info,
.mini-card,
.step,
.faq-q,
.faq-a-inner,
.references-box,
.references-marquee,
.references-head,
.references-section,
.references-note,
.references-track,
.stats,
.stats-bar,
.footer-main,
.cta-bottom,
.seo-content,
.faq-section,
.related,
.templates-section,
.sectors-section,
.features-section,
.gallery,
.how {
  background-color: rgba(255,255,255,.04) !important;
  box-shadow: none;
}

.hero-btns .btn-secondary,
.btn-secondary,
.btn-outline,
.filter,
.ftab,
.related-link,
.sector-card,
.feature-card,
.card-caption,
.card-info,
.tpl-info,
.faq-q,
.footer-col a {
  color: rgba(255,255,255,.86) !important;
}

.hero-btns .btn-secondary:hover,
.btn-secondary:hover,
.btn-outline:hover,
.filter.active,
.ftab.active,
.sector-card:hover,
.related-link:hover {
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
  border-color: rgba(200,230,0,.34) !important;
}

.hero,
.cat-header,
.references-section,
.templates-section,
.sectors-section,
.features-section,
.seo-content,
.faq-section,
.related,
.cta-bottom,
.gallery,
.how {
  background-color: transparent !important;
}

.references-section {
  padding-top: 32px !important;
}

.references-box {
  background: rgba(255,255,255,.06) !important;
  border-radius: 8px !important;
  overflow: hidden;
  box-shadow: var(--ct-shadow);
}

.references-marquee {
  background: rgba(255,255,255,.04) !important;
}

.reference-logo,
.logo-box {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: none !important;
}

.reference-logo:hover,
.logo-box:hover {
  border-color: rgba(200,230,0,.4) !important;
  transform: translateY(-2px);
}

.reference-logo img {
  filter: saturate(.95) contrast(.95);
}

.card-preview,
.tpl-thumb,
.card-body {
  background: #fff !important;
}

.card-overlay,
.tpl-overlay {
  background: transparent !important;
}

.card-preview:hover .card-overlay,
.tpl-thumb:hover .tpl-overlay {
  background: rgba(0,0,0,.5) !important;
}

.stats,
.stats-bar {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.stat,
.filter,
.ftab,
.sector-card,
.feature-card,
.related-link,
.card,
.step,
.mini-card,
.faq-q,
.footer-col,
.footer-brand,
.cta-bottom,
.seo-content,
.faq-section,
.related,
.templates-section,
.sectors-section,
.features-section,
.gallery,
.how {
  background: rgba(255,255,255,.04) !important;
}

.stat-n,
.stat-l,
.section-title,
.templates-header h2,
.hero h1,
.cat-title,
.faq-title,
.related h2,
.seo-content h2,
.cta-bottom h2,
.how-h2,
.gallery-h2,
.card-caption strong,
.tpl-info strong,
.sector-card,
.feature-card h3,
.mini-card strong,
.step strong {
  color: #fff !important;
}

.footer-main {
  background: #07080c !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}

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

@media (max-width: 768px) {
  .hero::before,
  .cat-header::before {
    background-position: center top;
  }
}