/*
 * Bileşen: Widget (Birleştirilmiş)
 * Amaç: Tüm kutu benzeri bileşenler için temel iskeleti sağlar.
 * GÜNCELLEME: Info Card ve Promo Widget varyasyonları eklendi.
 */

/* --- 1. Temel Widget İskeleti --- */
.bfwt-widget {
    background-color: var(--color-background-soft);
    border-radius: var(--border-radius-base);
    box-shadow: var(--box-shadow-base);
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--color-border-light);
}

.bfwt-widget__inner {
    padding: clamp(15px, 3vw, 25px);
    position: relative;
    z-index: 2; /* Arka plan ikonlarının üzerinde kalması için */
}

/* --- 2. Widget Başlığı (Standartlaştırılmış) --- */
.bfwt-widget__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, var(--color-text-base), var(--color-primary), var(--color-secondary), transparent);
}

.bfwt-widget__header-content {
    flex-grow: 1;
}

.bfwt-widget__title {
    font-size: var(--font-size-lg);
    font-weight: 700;
    margin: 0 0 5px 0;
    color: var(--color-text-base);
}

.bfwt-widget__subtitle {
    font-size: var(--font-size-base);
    font-style: italic;
    color: var(--color-text-muted);
    margin: 0;
}

/* --- 3. Widget İçeriği --- */
.bfwt-widget__content {
    /* Genel içerik stilleri buraya eklenebilir */
}

/* --- 4. Arka Plan İkonu --- */
.bfwt-widget[data-icon]::before {
    content: attr(data-icon);
    font-family: 'Material Symbols Rounded';
    font-weight: 300;
    position: absolute;
    top: -10px;
    right: -25px;
    z-index: 1;
    font-size: 180px;
    line-height: 1;
    opacity: 0.08;
    color: var(--color-text-subtle);
    transform: rotate(-15deg);
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
}


/* --- 5. Varyasyonlar (Modifier Classes) --- */

/* Gradyan kenarlıklı widget'lar */
.bfwt-widget--gradient-border {
    padding: 2px;
    border: none;
    background-image: var(--gradient-v2);
}
.bfwt-widget--gradient-border.bfwt-widget--animated {
    background-size: 400% 400%;
    animation: animated-gradient-border 10s linear infinite;
}
.bfwt-widget--gradient-border .bfwt-widget__inner {
    background: var(--color-background);
    border-radius: calc(var(--border-radius-base) - 2px);
    height: 100%;
}

/* Özel arka planlı widget'lar (Örn: Hero) */
.bfwt-widget--dark {
    background: var(--color-static-dark-blue);
    color: var(--color-static-white);
    border: none;
}
.bfwt-widget--dark .bfwt-widget__title,
.bfwt-widget--dark .bfwt-widget__subtitle,
.bfwt-widget--dark p {
    color: var(--color-static-off-white) !important;
}
.bfwt-widget--dark .bfwt-widget__title {
     color: var(--color-static-white) !important;
}

/* Bilgi Kartı Varyasyonları */
.bfwt-widget--info-card {
    border-width: 2px;
    padding: 0;
    --info-card-color: var(--color-static-info); /* Varsayılan renk */
}
.bfwt-widget--info-card .bfwt-widget__inner {
    background-color: transparent;
}
.bfwt-widget--info-card.bfwt-info-card--info { --info-card-color: var(--color-static-info); background-color: rgba(0, 123, 255, 0.05); }
.bfwt-widget--info-card.bfwt-info-card--success { --info-card-color: var(--color-static-success); background-color: rgba(21, 219, 149, 0.05); }
.bfwt-widget--info-card.bfwt-info-card--warning { --info-card-color: var(--color-static-warning); background-color: rgba(255, 193, 7, 0.05); }
.bfwt-widget--info-card.bfwt-info-card--error { --info-card-color: var(--color-static-danger); background-color: rgba(255, 71, 87, 0.05); }
.bfwt-widget--info-card.bfwt-info-card--notice { --info-card-color: var(--color-secondary); background-color: rgba(111, 66, 193, 0.05); }

.bfwt-widget--info-card {
    border-color: var(--info-card-color);
}
.bfwt-widget--info-card[data-icon]::before {
    opacity: 0.2;
    color: var(--info-card-color);
    font-size: 140px;
}
.bfwt-widget--info-card .bfwt-widget__header {
    border-image: none;
    border-bottom-color: var(--info-card-color);
}
.bfwt-widget--info-card .bfwt-widget__title {
    color: var(--info-card-color);
}

/* Promo Widget Varyasyonu */
.bfwt-widget--promo .bfwt-widget__inner {
    background: transparent;
}
.bfwt-widget--promo {
    border: none;
    padding: 0;
}