/* ============================================================
   Dealti - Footer (components/footer.blade.php)
   Onceden footer.blade.php icinde inline <style> idi; 1 Eyl 2026 tasindi.
   .footer-8 scope'lu. Header'da <link> ile yuklenir.
   ============================================================ */

            /* Footer Yesil Mod dugmesi - dil secici ile ayni dil */
            .footer-8 .footer-theme-btn {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                padding: 8px 14px;
                margin-right: 10px;
                border-radius: 999px;
                background: rgba(255, 255, 255, 0.06);
                border: 1px solid rgba(255, 255, 255, 0.18);
                color: #fff;
                font-size: 14px;
                font-weight: 500;
                line-height: 1;
                cursor: pointer;
                vertical-align: middle;
                transition: background-color .2s ease, border-color .2s ease, color .2s ease;
            }
            .footer-8 .footer-theme-btn:hover {
                background: rgba(255, 255, 255, 0.12);
                border-color: rgba(255, 255, 255, 0.32);
            }
            .footer-8 .footer-theme-btn i {
                font-size: 15px;
                line-height: 0;
                color: #9fd486;
            }
            .footer-8 .footer-theme-btn.is-dark {
                background: rgba(131, 191, 104, 0.16);
                border-color: rgba(131, 191, 104, 0.4);
                color: #9fd486;
            }
            @media (max-width: 991.98px) {
                .footer-8 .footer-theme-btn { margin: 0 5px 10px; }
            }

            /* Footer language switcher - modern, minimal, footer'in koyu zeminine uyumlu */
            .footer-8 .footer-lang-switcher {
                position: relative;
                display: inline-block;
                vertical-align: middle;
            }
            .footer-8 .footer-lang-btn {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                padding: 8px 14px;
                border-radius: 999px;
                background: rgba(255, 255, 255, 0.06);
                border: 1px solid rgba(255, 255, 255, 0.18);
                color: #fff;
                font-size: 14px;
                font-weight: 500;
                line-height: 1;
                cursor: pointer;
                backdrop-filter: blur(6px);
                -webkit-backdrop-filter: blur(6px);
                transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .15s ease;
            }
            .footer-8 .footer-lang-btn:hover,
            .footer-8 .footer-lang-switcher.is-open .footer-lang-btn {
                background: rgba(129, 191, 104, 0.18);
                border-color: rgba(129, 191, 104, 0.55);
                color: #fff;
            }
            .footer-8 .footer-lang-btn:focus-visible {
                outline: 2px solid rgba(129, 191, 104, 0.55);
                outline-offset: 2px;
            }
            .footer-8 .footer-lang-globe { width: 16px; height: 16px; flex: 0 0 16px; opacity: .9; }
            .footer-8 .footer-lang-caret {
                width: 10px; height: 7px;
                margin-left: 2px;
                opacity: .8;
                transform: rotate(180deg);
                transition: transform .2s ease;
            }
            .footer-8 .footer-lang-switcher.is-open .footer-lang-caret { transform: rotate(0deg); }
            .footer-8 .footer-lang-menu {
                position: absolute;
                bottom: calc(100% + 10px);
                right: 0;
                min-width: 180px;
                margin: 0;
                padding: 6px;
                list-style: none;
                background: rgba(20, 28, 24, 0.92);
                border: 1px solid rgba(255, 255, 255, 0.12);
                border-radius: 12px;
                box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
                backdrop-filter: blur(10px);
                -webkit-backdrop-filter: blur(10px);
                opacity: 0;
                visibility: hidden;
                transform: translateY(6px);
                transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
                z-index: 50;
            }
            .footer-8 .footer-lang-switcher.is-open .footer-lang-menu {
                opacity: 1;
                visibility: visible;
                transform: translateY(0);
            }
            .footer-8 .footer-lang-item {
                display: flex;
                align-items: center;
                gap: 10px;
                padding: 9px 12px;
                border-radius: 8px;
                color: rgba(255, 255, 255, 0.85);
                text-decoration: none;
                font-size: 14px;
                font-weight: 500;
                line-height: 1;
                transition: background-color .15s ease, color .15s ease;
            }
            .footer-8 .footer-lang-item:hover {
                background: rgba(129, 191, 104, 0.18);
                color: #fff;
            }
            .footer-8 .footer-lang-item.is-active {
                color: #fff;
                background: rgba(129, 191, 104, 0.14);
            }
            .footer-8 .footer-lang-code {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-width: 28px;
                height: 22px;
                padding: 0 6px;
                border-radius: 6px;
                background: rgba(255, 255, 255, 0.08);
                font-size: 11px;
                font-weight: 700;
                letter-spacing: .5px;
                color: rgba(255, 255, 255, 0.9);
            }
            .footer-8 .footer-lang-item.is-active .footer-lang-code {
                background: #83bf68;
                color: #0d1f12;
            }
            .footer-8 .footer-lang-name { flex: 1; text-align: left; }
            .footer-8 .footer-lang-check {
                width: 14px; height: 14px;
                color: #83bf68;
                flex: 0 0 14px;
            }
            @media (max-width: 991.98px) {
                .footer-8 .footer-lang-menu {
                    right: 50%;
                    transform: translate(50%, 6px);
                }
                .footer-8 .footer-lang-switcher.is-open .footer-lang-menu {
                    transform: translate(50%, 0);
                }
            }
            /* Remove small icons from contact lines and reset padding */
            .footer-8 .address-footer,
            .footer-8 .time-footer,
            .footer-8 .call-footer {
                background: none !important;
                padding-left: 0 !important;
            }
            /* Social icons - bigger, no hover effect */
            .footer-8 .icon-socials {
                background-size: 18px 18px !important;
            }
            .footer-8 .icon-socials:hover {
                transform: none !important;
                background-color: transparent !important;
            }
            /* Main office typography */
            .footer-8 .main-office-title {
                display: block;
                font-size: 20px;
                font-weight: 800;
                margin-bottom: 8px;
            }
            .footer-8 .main-office-desc,
            .footer-8 .main-office-desc a {
                font-weight: 400 !important;
                font-size: 15px !important;
                color: rgba(255,255,255,.85) !important;
            }
            /* X (Twitter) and WeChat icons - same style/size as other icons */
            .icon-socials.icon-x {
                background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23ffffff"><path d="M3 3h4.2l5.1 7.3L17.3 3H21l-7.3 9.6L21 21h-4.2l-5.4-7.6L6.7 21H3l7.5-9.9L3 3z"/></svg>') no-repeat center;
                transition-duration: .2s;
                background-size: 18px 18px;
            }
            .icon-socials.icon-x:hover {
                background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23ffffff"><path d="M3 3h4.2l5.1 7.3L17.3 3H21l-7.3 9.6L21 21h-4.2l-5.4-7.6L6.7 21H3l7.5-9.9L3 3z"/></svg>') no-repeat center;
                background-color: rgba(255,255,255,.2);
                transition-duration: .2s;
                background-size: 18px 18px;
            }
            .icon-socials.icon-wechat {
                background: url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22%23ffffff%22><path d=%22M5.5 9C5.5 6.2 8.4 4 12 4s6.5 2.2 6.5 5-2.9 5-6.5 5c-.7 0-1.4-.1-2-.2L7 15l.9-1.7C6.5 12.6 5.5 10.9 5.5 9zm3.2-.9c-.6 0-1 .4-1 1s.4 1 1 1 1-.4 1-1-.4-1-1-1zm4.6 0c-.6 0-1 .4-1 1s.4 1 1 1 1-.4 1-1-.4-1-1-1z%22/><path d=%22M18.5 13.5c2.2 0 4 1.5 4 3.4s-1.8 3.4-4 3.4c-.4 0-.8 0-1.1-.1L15 21l.7-1.3c-1.1-.5-1.7-1.4-1.7-2.5 0-1.9 1.8-3.7 4.5-3.7z%22/></svg>') no-repeat center;
                transition-duration: .2s;
                background-size: 22px 22px !important;
            }
            .icon-socials.icon-wechat:hover {
                background: url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22%23ffffff%22><path d=%22M5.5 9C5.5 6.2 8.4 4 12 4s6.5 2.2 6.5 5-2.9 5-6.5 5c-.7 0-1.4-.1-2-.2L7 15l.9-1.7C6.5 12.6 5.5 10.9 5.5 9zm3.2-.9c-.6 0-1 .4-1 1s.4 1 1 1 1-.4 1-1-.4-1-1-1zm4.6 0c-.6 0-1 .4-1 1s.4 1 1 1 1-.4 1-1-.4-1-1-1z%22/><path d=%22M18.5 13.5c2.2 0 4 1.5 4 3.4s-1.8 3.4-4 3.4c-.4 0-.8 0-1.1-.1L15 21l.7-1.3c-1.1-.5-1.7-1.4-1.7-2.5 0-1.9 1.8-3.7 4.5-3.7z%22/></svg>') no-repeat center;
                background-color: rgba(255,255,255,.2);
                transition-duration: .2s;
                background-size: 22px 22px !important;
            }
            .wechat-modal {
                position: fixed;
                inset: 0;
                z-index: 10001;
                display: none;
                align-items: center;
                justify-content: center;
                background: rgba(0, 0, 0, 0.7);
                padding: 16px;
            }
            .wechat-modal.show {
                display: flex;
            }
            .wechat-modal-content {
                position: relative;
                width: min(420px, 100%);
                background: #fff;
                border-radius: 12px;
                padding: 24px;
                text-align: center;
            }
            .wechat-modal-content img {
                max-width: 100%;
                height: auto;
                border-radius: 8px;
            }
            .wechat-modal-close {
                position: absolute;
                right: 10px;
                top: 10px;
                border: 0;
                background: transparent;
                font-size: 24px;
                line-height: 1;
                cursor: pointer;
                color: #111827;
            }

/* ============================================================
   4 kolon duzen + kolon basliklari + tagline (1 Eyl 2026)
   ============================================================ */

.footer-8 .footer-col-title {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 18px;
}

.footer-8 .footer-col {
    margin-bottom: 30px;
}

.footer-8 .menu-footer .footer-see-all a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 6px;
    font-weight: 500;
    color: #9fd486;
}

.footer-8 .menu-footer .footer-see-all a:hover {
    color: #fff;
}

/* WeChat sosyal ikonu artik <button> - reset */
.footer-8 button.icon-socials {
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    background-color: transparent;
    cursor: pointer;
}