/* Anasayfa dışındaki sayfalar: profil kartı sade bir şerit olur.
   Üstte ortada logo, altında kutunun yarısı genişliğinde ayraç çizgisi, onun altında ortalı bağlantılar.
   Hizmet kartları ve özet yalnızca anasayfada gösterilir. Bağlantılar anasayfadaki kartla aynı yerden gelir. */

.content-area.is-compact {
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: 24px;
}

.content-area.is-compact .well-box.hi-content {
    padding: 32px 32px 28px;
}

.content-area.is-compact .wpath-tr::before {
    display: none;
}

.content-area.is-compact .well-box.hi-content .top {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.content-area.is-compact .well-box.hi-content .top .image {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 100%;
}

.content-area.is-compact .well-box.hi-content .top .image::after {
    content: "";
    width: 50%;
    height: 1px;
    background-color: var(--line-color);
}

.content-area.is-compact .well-box.hi-content .top .image img {
    display: block;
    width: auto;
    max-width: 200px;
    height: 52px;
    object-fit: contain;
}

.content-area.is-compact .well-box.hi-content .socials {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: 0;
}

.content-area.is-compact .well-box.hi-content .socials .soci {
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
}

.content-area.is-compact .well-box.hi-content .socials .soci .icon {
    font-size: 18px;
    line-height: 1;
}

.content-area.is-compact .well-box.hi-content .socials .soci .text {
    font-size: 11px;
    line-height: 1;
}

/* Tablet: bağlantılar yalnızca simge */
@media (max-width: 1199px) {
    .content-area.is-compact .well-box.hi-content .socials .soci {
        padding: 10px;
    }

    .content-area.is-compact .well-box.hi-content .socials .soci .text {
        display: none;
    }
}

/* Telefon */
@media (max-width: 575px) {
    .content-area.is-compact .well-box.hi-content {
        padding: 24px 16px 20px;
    }

    .content-area.is-compact .well-box.hi-content .top,
    .content-area.is-compact .well-box.hi-content .top .image {
        gap: 18px;
    }

    .content-area.is-compact .well-box.hi-content .top .image::after {
        width: 70%;
    }

    .content-area.is-compact .well-box.hi-content .top .image img {
        height: 44px;
    }

    .content-area.is-compact .well-box.hi-content .socials {
        gap: 8px;
    }
}