/*
|--------------------------------------------------------------------------
| Oluşturulma Tarihi : 29.06.2026
| Değişiklik Tarihi  : 29.06.2026
| Versiyon           : v0.5.5
| Yaratan            : Özgür Elibol
| Dokümanın Amacı    : Site genelinde daha okunabilir font kullanımını,
|                      footer sosyal ikonlarını ve slider Google yorum CTA
|                      butonunu yönetir.
|--------------------------------------------------------------------------
*/

body,
button,
input,
select,
textarea {
    font-family: "Inter", "Segoe UI", Arial, sans-serif !important;
    font-weight: 500;
}

h1,
h2,
h3,
h4,
.logo-text,
.section-subtitle {
    font-family: "Inter", "Segoe UI", Arial, sans-serif !important;
}

p,
li,
a,
span {
    font-weight: 500;
}

.hero-content h1,
.about-heritage-content h2,
.section-title h2 {
    font-weight: 850 !important;
}

.hero-content p,
.about-heritage-content p,
.section-title p {
    font-weight: 550 !important;
}

/*
|--------------------------------------------------------------------------
| Slider Google Maps Yorum Butonu
|--------------------------------------------------------------------------
*/

.btn-primary-review {
    background: rgba(255, 255, 255, 0.16) !important;
    border: 1px solid rgba(255, 255, 255, 0.76) !important;
    color: #ffffff !important;
}

.btn-primary-review:hover {
    background: #ffffff !important;
    color: #111111 !important;
}

/*
|--------------------------------------------------------------------------
| Footer CTA Bandı
|--------------------------------------------------------------------------
*/

.site-footer-pro {
    background: #111111;
    color: #ffffff;
}

.footer-cta-band {
    background:
        linear-gradient(90deg, rgba(17, 17, 17, 0.98), rgba(38, 31, 20, 0.96)),
        radial-gradient(circle at top right, rgba(183, 154, 84, 0.36), transparent 32%);
    border-top: 1px solid rgba(183, 154, 84, 0.35);
    border-bottom: 1px solid rgba(183, 154, 84, 0.22);
    padding: 42px 0;
}

.footer-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.footer-cta-inner span {
    display: block;
    color: #d6bd7a;
    font-size: 12px;
    letter-spacing: 3px;
    font-weight: 850;
    margin-bottom: 8px;
}

.footer-cta-inner h2 {
    color: #ffffff;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.16;
    margin-bottom: 8px;
}

.footer-cta-inner p {
    color: rgba(255, 255, 255, 0.74);
    font-size: 16px;
    line-height: 1.6;
    max-width: 720px;
}

.footer-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 170px;
    padding: 15px 24px;
    background: #b79a54;
    color: #ffffff;
    font-weight: 850;
    border: 1px solid #b79a54;
    transition: all 0.25s ease;
}

.footer-cta-button:hover {
    background: #ffffff;
    color: #111111;
    border-color: #ffffff;
}

/*
|--------------------------------------------------------------------------
| Footer Ana Grid
|--------------------------------------------------------------------------
*/

.footer-grid-pro {
    padding-top: 52px;
    padding-bottom: 42px;
}

.footer-grid-pro h3 {
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 0.7px;
    margin-bottom: 18px;
}

.footer-grid-pro p,
.footer-grid-pro li,
.footer-grid-pro a {
    color: rgba(255, 255, 255, 0.72);
    font-size: 15px;
    line-height: 1.7;
}

.footer-grid-pro a:hover {
    color: #d6bd7a;
}

.footer-brand-block p {
    max-width: 370px;
}

/*
|--------------------------------------------------------------------------
| Footer Sosyal İkonlar
|--------------------------------------------------------------------------
*/

.footer-social-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.footer-social-icon {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 12px;
    border: 1px solid rgba(183, 154, 84, 0.55);
    color: #d6bd7a !important;
    font-weight: 800;
    transition: all 0.25s ease;
}

.footer-social-icon span {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #b79a54;
    color: #111111;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0;
}

.footer-social-icon strong {
    color: inherit;
    font-size: 13px;
    font-weight: 850;
}

.footer-social-icon:hover {
    background: #b79a54;
    color: #ffffff !important;
}

.footer-social-icon:hover span {
    background: #ffffff;
    color: #111111;
}

.footer-bottom-pro {
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    background: #0b0b0b;
}

.footer-bottom-pro p,
.footer-bottom-pro a {
    color: rgba(255, 255, 255, 0.66);
}

.footer-bottom-pro a:hover {
    color: #d6bd7a;
}

/*
|--------------------------------------------------------------------------
| Mobil Uyum
|--------------------------------------------------------------------------
*/

@media only screen and (max-width: 820px) {
    .footer-cta-inner {
        display: block;
        text-align: center;
    }

    .footer-cta-button {
        margin-top: 22px;
        width: 100%;
    }

    .footer-grid-pro {
        text-align: center;
    }

    .footer-brand-block p {
        margin-left: auto;
        margin-right: auto;
    }

    .footer-social-icons {
        justify-content: center;
    }
}

@media only screen and (max-width: 560px) {
    .footer-social-icon {
        width: 100%;
        justify-content: center;
    }
}