/* ===================================
    Site footer'ı — tüm sayfalarda ana sayfadaki görünüm
    includes/footer.php bu dosyayı kendisi yükler; footer, bulunduğu sayfanın CSS setinden
    bağımsız olarak her yerde aynı görünür. Kurallar ana sayfada footer'a uygulanan
    demos/decor-store/decor-store.css kurallarıdır; değişkenler yalnız footer içinde tanımlıdır.
====================================== */
footer.footer-dark {
    --base-color: #683d13;
    --light-color: #b07f49;
    --dark-gray: #683d13;
    --medium-gray: #888e95;
    --alt-font: 'Plus Jakarta Sans', sans-serif;
    --primary-font: 'Plus Jakarta Sans', sans-serif;
    font-family: var(--primary-font);
    font-size: 15px;
    line-height: 26px;
    padding-top: 100px;
    padding-bottom: 100px;
}
footer.footer-dark .footer-logo img {
    max-height: 140px;
}
footer.footer-dark a:hover {
    color: var(--white);
}
footer.footer-dark ul li {
    margin-bottom: 2px;
}
footer.footer-dark ::-webkit-input-placeholder {
    color: #4F5864 !important;
    text-overflow: ellipsis;
}
footer.footer-dark ::-moz-placeholder {
    color: #4F5864 !important;
    text-overflow: ellipsis;
    opacity: 1;
}
/* Yazı boyutları: bazı sayfaların CSS'i (ör. biz-kimiz.css mobilde .biz-kimiz-page p ve .fs-14)
   footer yazılarını da küçültüyordu; footer içinde ana sayfadaki değerler korunur. */
footer.footer-dark p {
    font-size: 15px !important;
    line-height: 26px !important;
}
footer.footer-dark p.fs-14,
footer.footer-dark .fs-14 {
    font-size: 14px !important;
}
footer.footer-dark .btn.btn-small {
    font-size: 13px;
}
footer.footer-dark .btn.btn-switch-text.btn-small > span {
    padding: 8px 16px;
}
footer.footer-dark .newsletter-style-02 input {
    font-size: 14px;
    padding-right: 60px !important;
}

/* E-bülten formu */
footer.footer-dark .newsletter-form .input-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
footer.footer-dark .newsletter-form .form-control {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    padding: 14px 18px;
    color: #ffffff;
    font-size: 15px;
    transition: all 0.3s ease;
    width: 100%;
}
footer.footer-dark .newsletter-form .form-control::placeholder {
    color: rgba(255, 255, 255, 0.6);
}
footer.footer-dark .newsletter-form .form-control:focus {
    background-color: rgba(255, 255, 255, 0.15);
    border-color: var(--light-color);
    outline: none;
    box-shadow: 0 0 0 3px rgba(176, 127, 73, 0.2);
}
footer.footer-dark .newsletter-form .btn {
    width: 100%;
    background-color: var(--light-color);
    border-color: var(--light-color);
    color: #ffffff;
    font-weight: 600;
    padding: 14px 24px;
    border-radius: 8px;
    transition: all 0.3s ease;
}
footer.footer-dark .newsletter-form .btn:hover,
footer.footer-dark .newsletter-form .btn:focus-visible {
    color: #ffffff;
    background-color: var(--base-color);
    border-color: var(--base-color);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(176, 127, 73, 0.3);
}
@media (min-width: 768px) {
    footer.footer-dark .newsletter-form .input-group {
        flex-direction: row;
        gap: 0;
    }
    footer.footer-dark .newsletter-form .form-control {
        border-radius: 8px 0 0 8px;
        flex: 1;
    }
    footer.footer-dark .newsletter-form .btn {
        width: auto;
        border-radius: 0 8px 8px 0;
        white-space: nowrap;
    }
}
@media (max-width: 991px) {
    footer.footer-dark {
        padding-top: 75px;
        padding-bottom: 75px;
    }
}
@media (max-width: 767px) {
    footer.footer-dark {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}
/* Sütun boşlukları: bazı sayfaların CSS'i (ör. biz-kimiz.css → .biz-kimiz-page .md-mb-50px) bu
   sınıfları sayfa geneli için değiştiriyor; footer içinde temanın özgün değerleri korunur
   (css/responsive.css ile aynı kırılma noktaları). */
@media (max-width: 991px) {
    footer.footer-dark .md-mb-50px {
        margin-bottom: 50px !important;
    }
}
@media (max-width: 575px) {
    footer.footer-dark .xs-mb-30px {
        margin-bottom: 30px !important;
    }
    footer.footer-dark .xs-mb-0 {
        margin-bottom: 0 !important;
    }
}
@media (max-width: 479px) {
    footer.footer-dark .elements-social.social-icon-style-02 li {
        margin: 0 18px 0 0;
    }
}

/* ===== Mobil sabit alt menü (includes/footer.php → nav.mobil-alt-menu) =====
   Yalnız telefonda (<768px) görünür; ortada yukarı hafif çıkıntılı yuvarlak içinde koyu logo. */
.mobil-alt-menu {
    display: none;
}
@media (max-width: 767px) {
    .mobil-alt-menu {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1040;
        display: flex;
        align-items: stretch;
        height: calc(64px + env(safe-area-inset-bottom));
        padding: 0 6px env(safe-area-inset-bottom);
        /* yarı saydam buzlu cam (üst menüdeki gibi) */
        background: rgba(255, 255, 255, 0.90);
        -webkit-backdrop-filter: blur(18px) saturate(180%);
        backdrop-filter: blur(18px) saturate(180%);
        border-radius: 18px 18px 0 0;
        box-shadow: 0 -6px 24px rgba(22, 32, 44, 0.12);
        font-family: 'Plus Jakarta Sans', sans-serif;
    }
    .mobil-alt-menu > a {
        flex: 1 1 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        color: #16202c;
        font-size: 11px;
        font-weight: 600;
        line-height: 1;
        text-decoration: none;
        -webkit-tap-highlight-color: transparent;
        transition: color 0.25s ease;
    }
    .mobil-alt-menu > a i {
        font-size: 21px;
        line-height: 1;
    }
    .mobil-alt-menu > a.aktif,
    .mobil-alt-menu > a:active {
        color: #683d13;
    }
    .mobil-alt-menu > a.aktif span {
        text-decoration: underline;
        text-underline-offset: 4px;
    }

    /* Ortadaki logo: menü çubuğunun kendisi ortada yukarı doğru kabarır (ayrı bir daire değil,
       aynı beyaz yüzey ve aynı gölge); logo bu kabarmanın içinde durur. */
    .mobil-alt-menu::before {
        content: "";
        position: absolute;
        top: -18px;
        left: 50%;
        width: 84px;
        height: 84px;
        margin-left: -42px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.90);
        -webkit-backdrop-filter: blur(18px) saturate(180%);
        backdrop-filter: blur(18px) saturate(180%);
        box-shadow: 0 -6px 24px rgba(22, 32, 44, 0.12);
        /* yalnız çubuğun üstüne taşan kısım görünür (çubukla üst üste binip daha opak görünmesin) */
        clip-path: inset(-40px -40px 66px -40px);
        pointer-events: none;
    }
    .mobil-alt-menu > a {
        position: relative;
        z-index: 1;
    }
    .mobil-alt-menu > a.mobil-alt-menu-logo {
        flex: 0 0 84px;
    }
    .mobil-alt-menu-logo > span {
        position: absolute;
        top: -11px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform 0.25s ease;
    }
    .mobil-alt-menu-logo:active > span {
        transform: translateX(-50%) scale(0.94);
    }
    .mobil-alt-menu-logo img {
        width: 50px;
        height: auto;
    }

    /* Sayfanın son kısmı menünün arkasında kalmasın */
    body {
        padding-bottom: calc(64px + env(safe-area-inset-bottom));
    }
}