/*
 * Bileşen: Bilgi Kartı
 * GÜNCELLEME: Renkler, yeni statik değişkenleri kullanacak şekilde güncellendi.
 */

.bfwt-info-card {
    /* Her kart türü için özel renk değişkeni tanımlanacak */
    --info-card-color: var(--color-static-info); 
}

/* GÜNCELLEME: Dış sarmalayıcı için çerçeve ve opak arka plan eklendi */
.bfwt-info-card.bfwt-content-block-outer {
    border: 2px solid var(--info-card-color);
    padding: 0; /* İçerideki padding'i sıfırla, çünkü iç blok yönetecek */
}

/* Farklı kart türleri için renk ve arka plan değişkenlerini ayarla */
.bfwt-info-card--info { 
    --info-card-color: var(--color-static-info);
    background-color: rgba(0, 123, 255, 0.05); /* Mavi tonu */
}
.bfwt-info-card--success { 
    --info-card-color: var(--color-static-success);
    background-color: rgba(21, 219, 149, 0.05); /* Yeşil tonu */
}
.bfwt-info-card--warning { 
    --info-card-color: var(--color-static-warning);
    background-color: rgba(255, 193, 7, 0.05); /* Sarı tonu */
}
.bfwt-info-card--error { 
    --info-card-color: var(--color-static-danger);
    background-color: rgba(255, 71, 87, 0.05); /* Kırmızı tonu */
}
.bfwt-info-card--notice { 
    --info-card-color: var(--color-secondary);
    background-color: rgba(111, 66, 193, 0.05); /* Mor tonu */
}

/* İç blok için arka plan ikonunu hazırlama */
.bfwt-info-card .bfwt-content-block-inner {
    position: relative;
    overflow: hidden;
}

/* GÜNCELLEME: Arka plan ikonu için pseudo-element */
.bfwt-info-card .bfwt-content-block-inner::before {
    content: var(--card-icon-code, 'info');
    font-family: 'Material Symbols Rounded';
    font-weight: 300;
    position: absolute;
    top: -20px;
    right: -15px;
    z-index: 1;
    font-size: 140px;
    line-height: 1;
    opacity: 0.2;
    color: var(--info-card-color);
    transform: rotate(-15deg);
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
}

/* Başlık ve ikonu hizala */
.bfwt-info-card .bfwt-section-header {
    align-items: flex-start;
    border-bottom-color: var(--info-card-color);
    border-image: none; /* Gradyanı iptal et, düz renk kullan */
    border-bottom-width: 2px;
    position: relative;
    z-index: 2; /* İçeriğin ikonun üzerinde kalmasını sağla */
}

.bfwt-info-card .bfwt-section-header__title {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--info-card-color);
}

.bfwt-info-card .bfwt-section-header__title .material-symbols-rounded {
    font-size: 1.4em;
    font-weight: 400;
}

/* İçerik metni için stiller */
.bfwt-info-card__content {
    padding-top: 10px;
    font-size: var(--font-size-base);
    line-height: 1.6;
    position: relative;
    z-index: 2; /* İçeriğin ikonun üzerinde kalmasını sağla */
}

.bfwt-info-card__content p:last-child {
    margin-bottom: 0;
}

.bfwt-info-card .bfwt-section-header__title .bfwt-info-card-title-text {
    flex-grow: 1;
}