/* Fiyatbak Sohbet - temiz final düzeltme */

body {
    background: #f1f1f1 !important;
}

/* Üst alanı tekrar normal ölçüye çek */
body.home header,
body.front-page header,
.fb-hero {
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
    padding-bottom: 60px !important;
    background-image: url("../images/background_top_purple.jpg") !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: cover !important;
}

/* Önceki bozucu boşlukları sıfırla */
.fb-left,
.left-column,
.fb-left ul,
.left-column ul {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Geveze benzeri kolon düzeni */
@media (min-width: 993px) {
    header .middle,
    .fb-middle {
        margin-top: 40px !important;
    }

    header .middle .row,
    .fb-middle .row {
        display: flex !important;
        align-items: flex-start !important;
    }

    .left-column,
    .fb-left {
        width: 33.333333% !important;
        max-width: 390px !important;
    }

    .chat-form,
    .fb-chat-form {
        width: 330px !important;
        max-width: 330px !important;
        margin: 0 auto !important;
    }

    .right-column,
    .fb-right {
        width: 33.333333% !important;
        max-width: 390px !important;
    }
}

/* Sol yazılar */
.left-column h2,
.fb-left h2,
.fb-left h1 {
    font-family: "PT Sans", Arial, sans-serif !important;
    font-size: 36px !important;
    line-height: 1.08 !important;
    color: #fff !important;
    font-weight: 700 !important;
    text-shadow: 0 3px 0 rgba(0,0,0,.35) !important;
    margin: 0 0 15px 0 !important;
}

.left-column p,
.fb-left p {
    font-size: 20px !important;
    line-height: 1.45 !important;
    color: #fff !important;
}

.left-column ul,
.fb-left ul {
    list-style: none !important;
    margin-left: 18px !important;
    padding: 0 !important;
}

.left-column li,
.fb-left li {
    color: #fff !important;
    font-size: 20px !important;
    line-height: 1.42 !important;
    padding: 10px 0 !important;
    border-bottom: 1px dotted rgba(255,255,255,.65) !important;
}

/* Sağ kutular sıkışmasın */
.right-column .box,
.fb-box,
.box.mobile-chat,
.box.add-chat,
.box.faq {
    width: 360px !important;
    max-width: 360px !important;
    box-sizing: border-box !important;
    background: rgba(0,0,0,.50) !important;
    border-radius: 20px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
    overflow: hidden !important;
}

.right-column .box h3,
.fb-box h3 {
    color: #fff !important;
    font-size: 24px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    margin: 0 0 15px 0 !important;
    text-shadow: 0 3px 0 rgba(0,0,0,.35) !important;
}

.right-column .box .box-content,
.fb-box .box-content {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
}

.right-column .box .box-content-details,
.fb-box .box-content-details {
    width: auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    float: none !important;
    padding-left: 0 !important;
}

.right-column .box .box-content-details p,
.fb-box .box-content-details p {
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    margin: 0 !important;
}

/* Sprite sistemi */
.sprite,
.box-icon,
.mirc-logo,
.android-link {
    background-image: url("../images/geveze_sprite.png") !important;
    background-repeat: no-repeat !important;
}

/* Telefon görseli */
.box.mobile-chat .box-icon,
.fb-mobile .box-icon {
    flex: 0 0 90px !important;
    width: 90px !important;
    height: 120px !important;
    background-position: -23px -106px !important;
    background-size: auto !important;
    font-size: 0 !important;
    color: transparent !important;
    overflow: hidden !important;
}

/* Sitene sohbet ekle artı görseli */
.box.add-chat .box-icon,
.fb-add .box-icon {
    flex: 0 0 90px !important;
    width: 90px !important;
    height: 82px !important;
    background-position: -21px -246px !important;
    background-size: auto !important;
    font-size: 0 !important;
    color: transparent !important;
    overflow: hidden !important;
}

/* SSS tek satır */
.box.faq,
.fb-faq {
    min-height: 66px !important;
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
}

.box.faq h3,
.box.faq a,
.fb-faq,
.fb-faq span {
    color: #fff !important;
    font-size: 24px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
}

/* Form altı mIRC */
.mirc-logo,
.fb-mirc {
    width: 70px !important;
    height: 70px !important;
    background-position: -22px -340px !important;
    font-size: 0 !important;
    color: transparent !important;
}

.android-link {
    display: block !important;
    width: 126px !important;
    height: 33px !important;
    background-position: -20px -432px !important;
    font-size: 0 !important;
    color: transparent !important;
}

/* Beyaz içerik kutusu */
aside .content,
.fb-content,
.fb-content-card,
.fb-main-content,
.fb-home-content,
.fb-seo-content,
.home-content,
.page-content-box {
    margin-top: -40px !important;
    position: relative !important;
    z-index: 20 !important;
}

/* Footer Geveze gibi */
footer {
    background-image: url("../images/background_bottom_purple.jpg") !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: cover !important;
    min-height: 190px !important;
    padding: 25px 0 20px !important;
    overflow: hidden !important;
}

footer .social-network-item a,
footer a {
    transition: color .25s ease, opacity .25s ease !important;
}

footer .social-network-item a:hover,
footer a:hover {
    color: #fff !important;
    opacity: 1 !important;
}

/* Mobilde Geveze mantığı: sol/sağ kutular gizlenir, form kalır */
@media (max-width: 767px) {
    body.home header,
    body.front-page header,
    .fb-hero {
        padding: 25px 0 35px !important;
        background-size: cover !important;
        background-position: center top !important;
    }

    .left-column,
    .right-column,
    .fb-left,
    .fb-right {
        display: none !important;
    }

    header .middle,
    .fb-middle {
        margin-top: 20px !important;
    }

    .chat-form,
    .fb-chat-form {
        width: calc(100% - 30px) !important;
        max-width: 360px !important;
        margin: 0 auto !important;
    }

    aside .content,
    .fb-content,
    .fb-content-card,
    .fb-main-content,
    .fb-home-content,
    .fb-seo-content,
    .home-content,
    .page-content-box {
        margin-top: 0 !important;
        border-radius: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-shadow: none !important;
    }

    footer {
        min-height: 150px !important;
        height: auto !important;
        padding: 22px 15px !important;
        background-size: cover !important;
        background-position: center center !important;
    }

    footer .container,
    footer .row {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    footer .logo,
    .fb-footer-logo {
        float: none !important;
        margin: 0 auto 10px auto !important;
        text-align: center !important;
    }

    footer .footer-menu,
    footer .footer-menu ul {
        float: none !important;
        text-align: center !important;
        padding: 0 !important;
        margin: 8px auto 0 auto !important;
    }

    footer .footer-menu ul li {
        float: none !important;
        display: inline-block !important;
        margin: 0 7px 6px !important;
    }
}