/* ===== Kapıda Ödeme İkonları - Journal3 Teması ===== */

/* Temel ikon stilleri */
.payment-icon {
    font-family: FontAwesome !important;
    font-weight: normal !important;
    font-style: normal !important;
    text-decoration: inherit !important;
    display: inline-block;
    width: 20px;
    text-align: center;
    margin-right: 8px;
    font-size: 16px;
}

/* CSS ile eklenen ikonlar - öncelik CSS'te */
.section-payment .section-body > div:nth-child(3)::before {
    content: "\f0d6";
    font-family: FontAwesome;
    color: #28a745;
    margin-right: 8px;
    font-size: 16px;
    display: inline-block;
    width: 20px;
    text-align: center;
    position: relative;
}

.section-payment .section-body > div:nth-child(4)::before {
    content: "\f09d";
    font-family: FontAwesome;
    color: #007bff;
    margin-right: 8px;
    font-size: 16px;
    display: inline-block;
    width: 20px;
    text-align: center;
    position: relative;
}

/* Metin bazlı yedek çözüm */
.section-payment .section-body .radio label span:contains("Kapıda Ödeme - Nakit")::before {
    content: "\f0d6";
    font-family: FontAwesome;
    color: #28a745;
    margin-right: 8px;
    font-size: 16px;
    display: inline-block;
    width: 20px;
    text-align: center;
}

.section-payment .section-body .radio label span:contains("Kapıda Ödeme - Kart")::before {
    content: "\f09d";
    font-family: FontAwesome;
    color: #007bff;
    margin-right: 8px;
    font-size: 16px;
    display: inline-block;
    width: 20px;
    text-align: center;
}

/* Genel FontAwesome stil düzeltmesi */
.section-payment [class^="fa-"]:before,
.section-payment [class*=" fa-"]:before {
    font-family: FontAwesome !important;
    font-style: normal !important;
    font-weight: normal !important;
    text-decoration: inherit !important;
}

/* Label düzeni */
.section-payment .radio label {
    display: flex;
    align-items: center;
}

.section-payment .radio label span {
    display: flex;
    align-items: center;
}