/* =====================================================================
   Marka katmanı — logo renkleri (mor, magenta, turuncu) tüm siteye.
   _Layout'ta sayfa stillerinden SONRA yüklenir; tema ve sayfa CSS'lerini ezer.
   ===================================================================== */
:root {
    --brand-purple: #6f2dbd;
    --brand-purple-dark: #4a1a8c;
    --brand-plum: #2a0f4d;
    --brand-magenta: #e80566;
    --brand-orange: #ff7a18;
    --brand-gradient: linear-gradient(135deg, #6f2dbd 0%, #ff7a18 100%);
    --brand-gradient-text: linear-gradient(90deg, #6f2dbd 0%, #e80566 55%, #ff7a18 100%);
    --brand-shadow: 0 12px 26px -12px rgba(111, 45, 189, .65);
}

::selection { background: rgba(111, 45, 189, .2); }

/* Üst bilgi şeridi: mor → magenta → turuncu (beyaz yazı okunsun diye turuncu koyu tonda biter) */
.primary-bg { background: linear-gradient(90deg, #4a1a8c 0%, #6f2dbd 40%, #c41d6e 75%, #e8551f 100%) !important; }

/* Sayfa başlıkları (hero): logo geçişi; metin ortada, mor-magenta bölgede kalır */
.gradient-overlay:before {
    background-image: linear-gradient(120deg, rgb(42 15 77 / 95%) 0%, rgb(111 45 189 / 90%) 45%, rgb(196 29 110 / 88%) 75%, rgb(232 85 31 / 90%) 100%) !important;
}

/* Footer: koyu mor zemin, üstte logo geçişi şeridi, turuncu vurgular */
.footer-top.gradient-bg {
    position: relative;
    background: linear-gradient(160deg, #1e0b3a 0%, #2a0f4d 60%, #3d1670 100%) !important;
}
.footer-top.gradient-bg::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    background: linear-gradient(90deg, #6f2dbd 0%, #e80566 55%, #ff7a18 100%);
}
.footer-top .footer-nav-wrap h4 { position: relative; padding-bottom: 12px; }
.footer-top .footer-nav-wrap h4::after {
    content: "";
    position: absolute;
    left: 0; bottom: 0;
    width: 36px; height: 3px;
    border-radius: 3px;
    background: linear-gradient(90deg, #ff7a18, #e80566);
}
.footer-top .footer-nav-wrap ul li a:hover,
.footer-top .footer-nav-wrap h4 a:hover { color: #ff9a4d !important; opacity: 1; }
.footer-top .social-list li a:hover { color: #ff9a4d !important; }

/* Ana sayfa başlığı: vurgu metni logo geçişiyle */
.home-service-hero h1 span {
    background: var(--brand-gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.home-service-hero__badge,
.home-service-hero__solution > span { background: var(--brand-gradient); }
.home-service-hero__solution--three > span { background: #f1eafb; color: var(--brand-purple-dark); }
.home-service-hero__trust i { color: var(--brand-magenta); }

/* Birincil butonlar */
.btn-primary,
.home-service-hero__primary,
.cs-button--primary {
    color: #fff !important;
    border: 0 !important;
    background: var(--brand-gradient) !important;
    box-shadow: var(--brand-shadow) !important;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.btn-primary:hover,
.btn-primary:focus,
.home-service-hero__primary:hover,
.cs-button--primary:hover {
    color: #fff !important;
    transform: translateY(-2px);
    filter: brightness(1.05);
    box-shadow: 0 16px 30px -12px rgba(111, 45, 189, .75) !important;
}
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active { box-shadow: 0 0 0 .2rem rgba(111, 45, 189, .35) !important; }
.home-service-hero__secondary:hover,
.cs-button--secondary:hover { border-color: var(--brand-purple) !important; color: var(--brand-purple) !important; }

/* Araç sayfası butonları: mor → turuncu (koyu bant içindeki beyaz buton hariç) */
.qr-primary-btn,
.qr-download-btn { background: var(--brand-gradient); box-shadow: var(--brand-shadow); }
.technical-cta .qr-primary-btn { background: #fff; color: var(--brand-purple-dark); box-shadow: none; }

/* Hizmet kartı ikonları: logo geçişi */
.color-secondary.fa,
.color-secondary.fas,
.color-secondary[class*="fa-"] {
    background: var(--brand-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
}

/* Yukarı çık butonu */
.scroll-top { background: var(--brand-gradient); box-shadow: var(--brand-shadow); }

/* Hizmet sayfaları: etiketler, ikon kutuları, sayfa sonu çağrı bandı */
.badge-soft-brand,
.badge-soft-brand:hover { background: var(--brand-gradient) !important; color: #fff !important; }
.avatar-soft { background: var(--brand-gradient) !important; color: #fff !important; box-shadow: var(--brand-shadow); }
.call-to-action[style*="background-color"] {
    background: linear-gradient(120deg, #2a0f4d 0%, #6f2dbd 45%, #c41d6e 75%, #e8551f 100%) !important;
}

/* Üst menü: 8 bağlantı tek satıra sığsın (logo + menü container genişliğini aşmasın) */
@media (min-width: 992px) {
    /* inline-block öğeler arasındaki boşluk karakterleri satırı taşırıyordu */
    .navbar-nav.menu { display: flex !important; flex-wrap: nowrap; align-items: center; }
    .navbar-nav.menu > li > a { padding-left: 9px !important; padding-right: 9px !important; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .navbar-nav.menu > li > a { padding-left: 5px !important; padding-right: 5px !important; font-size: 13.5px !important; }
    .navbar-brand img { max-width: 180px; height: auto; }
}

/* Açılır menü: "Tüm hizmetler" */
.sub-menu .cs-menu-all { margin-top: 4px; border-top: 1px solid #eee9f6; }
.sub-menu .cs-menu-all a { font-weight: 700 !important; color: #6f2dbd !important; }
.sub-menu .cs-menu-all a i { margin-left: 4px; font-size: 11px; transition: transform .15s ease; }
.sub-menu .cs-menu-all a:hover i { transform: translateX(3px); }