/* Theme Studio — İletişim Bilgileri stilleri */

.tf-contact-info {
    --tf-contact-text: var(--tf-color-text, inherit);
    color: var(--tf-contact-text, inherit);
}

.tf-contact-info__placeholder {
    margin: 0;
    opacity: 0.65;
    font-style: italic;
    color: inherit;
}

.tf-contact-info__head {
    margin-bottom: 32px;
}

@media (min-width: 1200px) {
    .tf-contact-info__head {
        margin-bottom: 40px;
    }
}

/* Style 2 — Merkez ızgara */
.tf-contact-info--2 .tf-contact-info__head .sect-heading-v2,
.tf-contact-info--2 .sect-heading-v2 {
    align-items: center;
    text-align: center;
}

.tf-contact-info__grid {
    display: grid;
    gap: 20px;
}

.tf-contact-info__icon {
    color: inherit;
    font-size: 1em;
}

.tf-contact-info .tf-contact-info__label {
    color: var(--tf-info-label-color, inherit) !important;
    font-family: var(--tf-info-label-font-family, var(--tf-typography-headingFontFamily, "Instrument Serif", serif)) !important;
    font-size: var(--tf-info-label-font-size, clamp(18px, 2.2vw, 24px)) !important;
    font-weight: var(--tf-info-label-font-weight, 300) !important;
}

.tf-contact-info__detail {
    color: var(--tf-info-detail-color, inherit);
    font-family: var(--tf-info-detail-font-family, inherit);
    font-size: var(--tf-info-detail-font-size, inherit);
    font-weight: var(--tf-info-detail-font-weight, inherit);
}

.tf-contact-info__grid--center {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 992px) {
    .tf-contact-info__grid--center {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 24px;
    }
}

.tf-contact-info__grid--center .box-infor {
    text-align: center;
    align-items: center;
}

.tf-contact-info__grid--center .box-infor .ic-wrap {
    margin-inline: auto;
}

/* Style 4 — Kart ızgara */
.tf-contact-info__grid--cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

@media (min-width: 1200px) {
    .tf-contact-info__grid--cards {
        gap: 24px;
    }
}

.tf-contact-info__grid--cards .box-infor {
    padding: 24px;
    border: 1px solid var(--tf-color-border, rgba(24, 24, 27, 0.12));
    border-radius: 12px;
    background: var(--tf-color-surface, #fff);
}

@media (max-width: 767px) {
    .tf-contact-info__grid--center,
    .tf-contact-info__grid--cards {
        grid-template-columns: 1fr;
    }
}