/*
|--------------------------------------------------------------------------
| Anında Yol Yardım — Koyu Kurumsal Tema
|--------------------------------------------------------------------------
|
| Ana zemin:       #080B11
| Kart yüzeyi:     #121823
| Açık yüzey:      #182130
| Turuncu vurgu:   #F5A623
| Hover:           #D98C0A
| WhatsApp:        #25D366
| Ana metin:       #F8FAFC
| İkincil metin:   #94A3B8
| Kenarlık:        #273244
|
*/

:root {
    color-scheme: dark;

    /*
    |--------------------------------------------------------------------------
    | Eski koyu renk paletini zorunlu olarak uygula
    |--------------------------------------------------------------------------
    */

    --site-primary: #f5a623 !important;
    --site-primary-hover: #d98c0a !important;
    --site-whatsapp: #25d366 !important;
    --site-background: #080b11 !important;
    --site-surface: #121823 !important;
    --site-text: #f8fafc !important;
    --site-muted: #94a3b8 !important;
    --site-border: #273244 !important;

    --dark-background: #080b11;
    --dark-background-soft: #0d121b;
    --dark-section: #0e141e;
    --dark-surface: #121823;
    --dark-surface-light: #182130;
    --dark-surface-hover: #1d2838;

    --dark-primary: #f5a623;
    --dark-primary-hover: #d98c0a;
    --dark-primary-soft: rgba(245, 166, 35, 0.12);
    --dark-primary-border: rgba(245, 166, 35, 0.3);

    --dark-whatsapp: #25d366;
    --dark-whatsapp-hover: #1ebc59;

    --dark-text: #f8fafc;
    --dark-muted: #94a3b8;
    --dark-muted-soft: #64748b;
    --dark-border: #273244;

    --dark-star: #fbbf24;

    --dark-shadow-small:
        0 10px 30px rgba(0, 0, 0, 0.18);

    --dark-shadow-medium:
        0 18px 46px rgba(0, 0, 0, 0.26);

    --dark-shadow-large:
        0 30px 80px rgba(0, 0, 0, 0.36);
}

/*
|--------------------------------------------------------------------------
| Genel sayfa
|--------------------------------------------------------------------------
*/

html,
body,
.site-shell,
.site-main,
main {
    color: var(--dark-text) !important;
    background: var(--dark-background) !important;
}

body {
    accent-color: var(--dark-primary);
}

.site-main {
    min-height: 60vh;
}

.site-main h1,
.site-main h2,
.site-main h3,
.site-main h4,
.site-main h5,
.site-main h6 {
    color: var(--dark-text);
}

.site-main p,
.site-main li {
    color: var(--dark-muted);
}

.site-main a:not(.button) {
    transition:
        color 160ms ease,
        border-color 160ms ease,
        background-color 160ms ease;
}

.site-main a:not(.button):hover {
    color: var(--dark-primary);
}

::selection {
    color: #080b11;
    background: var(--dark-primary);
}

/*
|--------------------------------------------------------------------------
| Header
|--------------------------------------------------------------------------
*/

.site-header {
    border-bottom:
        1px solid
        var(--dark-border) !important;

    color:
        var(--dark-text) !important;

    background:
        rgba(8, 11, 17, 0.96) !important;

    box-shadow:
        0 12px 35px
        rgba(0, 0, 0, 0.28) !important;
}

.site-header__inner {
    background: transparent !important;
}

.site-header__brand,
.site-header__brand-copy strong {
    color: var(--dark-text) !important;
}

.site-header__brand-copy small {
    color: var(--dark-muted) !important;
}

.site-header__fallback-icon,
.site-logo-symbol {
    color: #080b11 !important;
    background: var(--dark-primary) !important;

    box-shadow:
        0 10px 25px
        rgba(245, 166, 35, 0.2) !important;
}

.site-header__desktop-nav a,
.desktop-navigation a {
    color: var(--dark-muted) !important;
}

.site-header__desktop-nav a:hover,
.site-header__desktop-nav a.is-active,
.desktop-navigation a:hover,
.desktop-navigation a.is-active {
    color: var(--dark-text) !important;
    background: var(--dark-primary-soft) !important;
}

.site-header__desktop-nav a::after,
.desktop-navigation a::after {
    background: var(--dark-primary) !important;
}

.site-header__phone {
    color: #080b11 !important;
    background: var(--dark-primary) !important;
}

.site-header__phone:hover {
    color: #080b11 !important;
    background: var(--dark-primary-hover) !important;
}

.site-header__whatsapp {
    color: #ffffff !important;
    background: var(--dark-whatsapp) !important;
}

.site-header__whatsapp:hover {
    background: var(--dark-whatsapp-hover) !important;
}

.site-header__menu-toggle {
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
    background: var(--dark-surface) !important;
}

/*
|--------------------------------------------------------------------------
| Mobil menü
|--------------------------------------------------------------------------
*/

.site-mobile-menu,
.mobile-menu,
.mobile-navigation {
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;

    background:
        rgba(8, 11, 17, 0.98) !important;
}

.site-mobile-menu__nav a,
.mobile-navigation a {
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
    background: var(--dark-surface) !important;
}

.site-mobile-menu__nav a:hover,
.site-mobile-menu__nav a.is-active,
.mobile-navigation a:hover {
    border-color: var(--dark-primary-border) !important;
    color: var(--dark-primary) !important;
    background: var(--dark-primary-soft) !important;
}

.site-mobile-menu__nav b {
    color: var(--dark-primary) !important;
}

.site-mobile-menu__button--phone {
    color: #080b11 !important;
    background: var(--dark-primary) !important;
}

.site-mobile-menu__button--whatsapp {
    color: #ffffff !important;
    background: var(--dark-whatsapp) !important;
}

/*
|--------------------------------------------------------------------------
| Ana hero
|--------------------------------------------------------------------------
*/

.home-hero {
    color: #ffffff !important;
    background: #05080d !important;
}

.home-hero-title,
.home-hero-title-second-line,
.home-hero-content h1 {
    color: #ffffff !important;
}

.home-hero-title > span {
    color: var(--dark-primary) !important;
}

.home-hero-description,
.home-hero-meta,
.hero-meta-item {
    color: #d4dbe5 !important;
}

.home-hero-badge {
    border-color:
        rgba(245, 166, 35, 0.42) !important;

    color:
        var(--dark-primary) !important;

    background:
        rgba(245, 166, 35, 0.13) !important;
}

.home-hero-shade {
    background:
        linear-gradient(
            90deg,
            rgba(2, 5, 10, 0.94) 0%,
            rgba(2, 5, 10, 0.78) 32%,
            rgba(2, 5, 10, 0.5) 58%,
            rgba(2, 5, 10, 0.16) 85%,
            rgba(2, 5, 10, 0.08) 100%
        ),
        linear-gradient(
            180deg,
            rgba(2, 5, 10, 0.03) 0%,
            rgba(2, 5, 10, 0.1) 65%,
            rgba(2, 5, 10, 0.58) 100%
        ) !important;
}

.home-hero-strip {
    color: #080b11 !important;
    background: var(--dark-primary) !important;
}

.home-hero-strip-group,
.home-hero-strip-group > span {
    color: #080b11 !important;
}

.home-hero-strip-group > span {
    border-color:
        rgba(8, 11, 17, 0.14) !important;
}

/*
|--------------------------------------------------------------------------
| Hero yönlendirme kutusu
|--------------------------------------------------------------------------
*/

.home-hero-floating-box {
    border:
        1px solid
        var(--dark-border) !important;

    color:
        var(--dark-text) !important;

    background:
        var(--dark-surface) !important;

    box-shadow:
        var(--dark-shadow-large) !important;
}

.home-hero-floating-box h2,
.home-hero-floating-box h3 {
    color: var(--dark-text) !important;
}

.home-hero-problem-pill {
    border-color: var(--dark-border) !important;
    color: var(--dark-muted) !important;
    background: var(--dark-surface-light) !important;
}

.home-hero-problem-pill:hover {
    border-color: var(--dark-primary) !important;
    color: #080b11 !important;
    background: var(--dark-primary) !important;
}

/*
|--------------------------------------------------------------------------
| Bölüm zeminleri
|--------------------------------------------------------------------------
*/

.services-section,
.why-us-section,
.blog-section,
.home-contact-section {
    color: var(--dark-text) !important;
    background: var(--dark-background) !important;
}

.districts-section,
.reviews-section,
.faq-section {
    color: var(--dark-text) !important;
    background: var(--dark-section) !important;
}

.section-header h1,
.section-header h2,
.section-header h3,
.section-title {
    color: var(--dark-text) !important;
}

.section-header p,
.section-description {
    color: var(--dark-muted) !important;
}

.eyebrow,
.section-eyebrow,
.card-eyebrow {
    border-color: var(--dark-primary-border) !important;
    color: var(--dark-primary) !important;
    background: var(--dark-primary-soft) !important;
}

/*
|--------------------------------------------------------------------------
| Genel kartlar
|--------------------------------------------------------------------------
*/

.service-card,
.district-card,
.why-us-card,
.review-card,
.post-card,
.blog-card {
    border:
        1px solid
        var(--dark-border) !important;

    color:
        var(--dark-text) !important;

    background:
        var(--dark-surface) !important;

    box-shadow:
        var(--dark-shadow-small) !important;
}

.service-card:hover,
.district-card:hover,
.why-us-card:hover,
.review-card:hover,
.post-card:hover,
.blog-card:hover {
    border-color: var(--dark-primary-border) !important;
    background: var(--dark-surface-light) !important;
    box-shadow: var(--dark-shadow-medium) !important;
}

.service-card h2,
.service-card h3,
.district-card h2,
.district-card h3,
.district-card strong,
.why-us-card h2,
.why-us-card h3,
.review-card h3,
.review-author strong,
.post-card h2,
.post-card h3,
.blog-card h2,
.blog-card h3 {
    color: var(--dark-text) !important;
}

.service-card p,
.district-card p,
.district-card small,
.why-us-card p,
.review-card p,
.review-author small,
.post-card p,
.blog-card p {
    color: var(--dark-muted) !important;
}

.service-card-icon,
.district-card-icon,
.why-us-card-icon,
.info-card-icon {
    border-color: var(--dark-primary-border) !important;
    color: var(--dark-primary) !important;
    background: var(--dark-primary-soft) !important;
}

.service-card a,
.district-card a,
.why-us-card a,
.post-card a,
.blog-card a,
.section-header > a {
    color: var(--dark-primary) !important;
}

/*
|--------------------------------------------------------------------------
| Hizmet bölgeleri
|--------------------------------------------------------------------------
*/

.district-card {
    background: var(--dark-surface) !important;
}

.district-card:hover {
    border-color: var(--dark-primary-border) !important;
    color: var(--dark-primary) !important;
    background: var(--dark-surface-light) !important;
}

/*
|--------------------------------------------------------------------------
| Yorumlar
|--------------------------------------------------------------------------
*/

.review-stars,
.review-rating,
.star-rating,
.review-card .stars {
    color: var(--dark-star) !important;
}

.review-card {
    background: var(--dark-surface) !important;
}

/*
|--------------------------------------------------------------------------
| Sıkça Sorulan Sorular
|--------------------------------------------------------------------------
*/

.faq-section {
    background: var(--dark-section) !important;
}

.faq-list,
.faq-accordion {
    background: transparent !important;
}

.faq-item,
details.faq-item {
    overflow: hidden;

    border:
        1px solid
        var(--dark-border) !important;

    border-radius: 12px !important;

    color:
        var(--dark-text) !important;

    background:
        var(--dark-surface) !important;

    box-shadow:
        var(--dark-shadow-small) !important;
}

.faq-question,
details.faq-item summary {
    border: 0 !important;
    color: var(--dark-text) !important;
    background: var(--dark-surface) !important;
}

.faq-question:hover,
details.faq-item summary:hover {
    color: var(--dark-primary) !important;
    background: var(--dark-surface-light) !important;
}

.faq-answer,
.faq-answer p,
details.faq-item[open] > div {
    border-top:
        1px solid
        var(--dark-border) !important;

    color:
        var(--dark-muted) !important;

    background:
        var(--dark-surface) !important;
}

.faq-toggle,
.faq-icon,
.faq-question span:last-child {
    color: var(--dark-primary) !important;
}

/*
|--------------------------------------------------------------------------
| İletişim alanı
|--------------------------------------------------------------------------
*/

.home-contact-section {
    background: var(--dark-background) !important;
}

.home-contact-card,
.home-contact-wrapper,
.home-contact-inner {
    border:
        1px solid
        var(--dark-border) !important;

    color:
        var(--dark-text) !important;

    background:
        var(--dark-surface) !important;

    box-shadow:
        var(--dark-shadow-medium) !important;
}

.home-contact-copy,
.home-contact-copy h2,
.home-contact-copy h3 {
    color: var(--dark-text) !important;
}

.home-contact-copy p {
    color: var(--dark-muted) !important;
}

.home-contact-form,
.home-contact-form-card,
.contact-form,
.contact-form-card,
.home-contact-card form {
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;

}

.home-contact-form h2,
.home-contact-form h3,
.contact-form h2,
.contact-form h3 {
    color: var(--dark-text) !important;
}

.home-contact-form p,
.contact-form p {
    color: var(--dark-muted) !important;
}

/*
|--------------------------------------------------------------------------
| Form alanları
|--------------------------------------------------------------------------
*/

.site-main input,
.site-main textarea,
.site-main select,
.contact-form input,
.contact-form textarea,
.contact-form select,
.home-contact-form input,
.home-contact-form textarea,
.home-contact-form select {
    border:
        1px solid
        var(--dark-border) !important;

    color:
        var(--dark-text) !important;

    background:
        var(--dark-surface) !important;
}

.site-main input::placeholder,
.site-main textarea::placeholder,
.contact-form input::placeholder,
.contact-form textarea::placeholder,
.home-contact-form input::placeholder,
.home-contact-form textarea::placeholder {
    color: var(--dark-muted-soft) !important;
}

.site-main input:focus,
.site-main textarea:focus,
.site-main select:focus,
.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus,
.home-contact-form input:focus,
.home-contact-form textarea:focus,
.home-contact-form select:focus {
    border-color: var(--dark-primary) !important;
    outline: none !important;

    box-shadow:
        0 0 0 3px
        rgba(245, 166, 35, 0.13) !important;
}

.site-main label,
.contact-form label,
.home-contact-form label {
    color: var(--dark-text) !important;
}

/*
|--------------------------------------------------------------------------
| Butonlar
|--------------------------------------------------------------------------
*/

.button-primary,
.hero-call-button,
.phone-button,
.call-button,
.contact-submit-button,
.home-contact-form button[type="submit"],
.contact-form button[type="submit"] {
    border-color: var(--dark-primary) !important;
    color: #080b11 !important;
    background: var(--dark-primary) !important;
}

.button-primary:hover,
.hero-call-button:hover,
.phone-button:hover,
.call-button:hover,
.contact-submit-button:hover,
.home-contact-form button[type="submit"]:hover,
.contact-form button[type="submit"]:hover {
    border-color: var(--dark-primary-hover) !important;
    color: #080b11 !important;
    background: var(--dark-primary-hover) !important;
}

.button-whatsapp,
.whatsapp-button {
    border-color: var(--dark-whatsapp) !important;
    color: #ffffff !important;
    background: var(--dark-whatsapp) !important;
}

.button-whatsapp:hover,
.whatsapp-button:hover {
    border-color: var(--dark-whatsapp-hover) !important;
    background: var(--dark-whatsapp-hover) !important;
}

.button-secondary,
.button-outline {
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
    background: var(--dark-surface) !important;
}

.button-secondary:hover,
.button-outline:hover {
    border-color: var(--dark-primary-border) !important;
    color: var(--dark-primary) !important;
    background: var(--dark-surface-light) !important;
}

/*
|--------------------------------------------------------------------------
| İçerik ve kurumsal sayfalar
|--------------------------------------------------------------------------
*/

.content-page-hero {
    border-bottom:
        1px solid
        var(--dark-border) !important;

    color:
        var(--dark-text) !important;

    background:
        radial-gradient(
            circle at 82% 18%,
            rgba(245, 166, 35, 0.12),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            var(--dark-surface),
            var(--dark-background)
        ) !important;
}

.content-page-main,
.about-overview-section,
.contact-details-section,
.content-page-cta {
    color: var(--dark-text) !important;
    background: var(--dark-background) !important;
}

.content-page-hero-copy h1,
.content-page-hero-info strong,
.content-page-phone,
.content-page-article h2,
.content-page-article h3,
.content-page-article h4 {
    color: var(--dark-text) !important;
}

.content-page-hero-copy p,
.content-page-hero-info p,
.content-page-breadcrumb,
.content-page-breadcrumb span,
.content-page-article {
    color: var(--dark-muted) !important;
}

.content-page-breadcrumb a,
.content-page-eyebrow,
.content-page-article a {
    color: var(--dark-primary) !important;
}

.content-page-hero-info,
.content-page-sidebar,
.content-page-contact-form,
.about-feature-card,
.contact-detail-card,
.content-page-cta-inner {
    border:
        1px solid
        var(--dark-border) !important;

    color:
        var(--dark-text) !important;

    background:
        var(--dark-surface) !important;

    box-shadow:
        var(--dark-shadow-small) !important;
}

/*
|--------------------------------------------------------------------------
| Footer
|--------------------------------------------------------------------------
*/

.site-footer-v2 {
    border-top:
        1px solid
        var(--dark-border) !important;

    color:
        var(--dark-text) !important;

    background:
        #06090e !important;
}

.footer-v2__cta-wrap {
    background:
        var(--dark-background) !important;
}

.footer-v2__cta {
    border:
        1px solid
        var(--dark-border) !important;

    color:
        var(--dark-text) !important;

    background:
        linear-gradient(
            110deg,
            var(--dark-surface) 0%,
            var(--dark-surface) 62%,
            #2a2114 100%
        ) !important;

    box-shadow:
        var(--dark-shadow-large) !important;
}

.footer-v2__cta h2 {
    color: var(--dark-text) !important;
}

.footer-v2__cta p {
    color: var(--dark-muted) !important;
}

.footer-v2__eyebrow {
    color: var(--dark-primary) !important;
}

.footer-v2__main {
    background: #06090e !important;
}

.footer-v2__brand-icon {
    color: #080b11 !important;
    background: var(--dark-primary) !important;
}

.footer-v2__brand,
.footer-v2__brand-copy strong,
.footer-v2__column h2,
.footer-v2__contact-column h2,
.footer-v2__status strong,
.footer-v2__contact-item strong {
    color: var(--dark-text) !important;
}

.footer-v2__description,
.footer-v2__column nav a,
.footer-v2__contact-item small,
.footer-v2__status small {
    color: var(--dark-muted) !important;
}

.footer-v2__status,
.footer-v2__socials a {
    border-color: var(--dark-border) !important;
    color: var(--dark-muted) !important;
    background: var(--dark-surface) !important;
}

.footer-v2__socials a:hover,
.footer-v2__column nav a:hover {
    border-color: var(--dark-primary-border) !important;
    color: var(--dark-primary) !important;
}

.footer-v2__contact-icon {
    color: var(--dark-primary) !important;
    background: var(--dark-primary-soft) !important;
}

.footer-v2__cta-button--phone {
    color: #080b11 !important;
    background: var(--dark-primary) !important;
}

.footer-v2__cta-button--phone:hover {
    background: var(--dark-primary-hover) !important;
}

.footer-v2__cta-button--whatsapp {
    color: #ffffff !important;
    background: var(--dark-whatsapp) !important;
}

.footer-v2__cta-button--whatsapp:hover {
    background: var(--dark-whatsapp-hover) !important;
}

.footer-v2__bottom {
    border-top:
        1px solid
        var(--dark-border) !important;

    background:
        #05080c !important;
}

.footer-v2__bottom p,
.footer-v2__bottom a,
.footer-v2__bottom button {
    color: var(--dark-muted) !important;
}

.footer-v2__bottom a:hover,
.footer-v2__bottom button:hover {
    color: var(--dark-primary) !important;
}

.footer-v2__scroll-top {
    color: #080b11 !important;
    background: var(--dark-primary) !important;
}

/*
|--------------------------------------------------------------------------
| Mobil sabit iletişim çubuğu
|--------------------------------------------------------------------------
*/

@media (max-width: 760px) {
    .mobile-action-bar {
        border-top:
            1px solid
            var(--dark-border) !important;

        background:
            rgba(8, 11, 17, 0.97) !important;

        box-shadow:
            0 -12px 34px
            rgba(0, 0, 0, 0.3) !important;
    }

    .mobile-action-button-phone {
        color: #080b11 !important;
        background: var(--dark-primary) !important;
    }

    .mobile-action-button-whatsapp {
        color: #ffffff !important;
        background: var(--dark-whatsapp) !important;
    }
}

/*
|--------------------------------------------------------------------------
| Çerez bildirimi
|--------------------------------------------------------------------------
*/

.cookie-consent-inner,
.cookie-preferences-panel {
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
    background: var(--dark-surface) !important;
    box-shadow: var(--dark-shadow-large) !important;
}

.cookie-consent-copy h2,
.cookie-setting-item strong {
    color: var(--dark-text) !important;
}

.cookie-consent-copy p,
.cookie-setting-item span {
    color: var(--dark-muted) !important;
}

.cookie-consent-icon,
.cookie-consent-links a {
    color: var(--dark-primary) !important;
}

.cookie-consent-icon {
    background: var(--dark-primary-soft) !important;
}

.cookie-setting-item {
    border-color: var(--dark-border) !important;
    background: var(--dark-background-soft) !important;
}

.cookie-switch input:checked + span {
    background: var(--dark-primary) !important;
}

.cookie-button-primary {
    border-color: var(--dark-primary) !important;
    color: #080b11 !important;
    background: var(--dark-primary) !important;
}

.cookie-button-secondary,
.cookie-preferences-button {
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
    background: var(--dark-surface-light) !important;
}

/*
|--------------------------------------------------------------------------
| Erişilebilirlik
|--------------------------------------------------------------------------
*/

:focus-visible {
    outline:
        2px solid
        var(--dark-primary) !important;

    outline-offset: 3px;
}