/*
 * Bileşen: Promo Widgets (Hero, App Banner, etc.)
 * Amaç: Hero ve uygulama banner'ı gibi tanıtım widget'ları için paylaşılan stiller.
 * GÜNCELLEME: Mobil app banner'ı, masaüstü ile tutarlı bir kart görünümüne sahip olacak şekilde düzeltildi.
 */

/* --- GENEL PROMO WIDGET KARTI --- */
.bfwt-promo-widget.bfwt-content-block-outer {
    background: var(--color-static-dark-blue);
    color: var(--color-static-white);
    border: none;
    padding: 0;
}

.bfwt-promo-widget .bfwt-content-block-inner {
    background: transparent;
}

/* --- ANA YAPI --- */
.bfwt-promo-widget__container {
    display: flex;
    align-items: center;
    gap: 20px 40px;
    position: relative;
}

.bfwt-promo-widget__content {
    flex: 1;
    min-width: 0;
}

.bfwt-promo-widget__media {
    flex-shrink: 0;
}

/* --- PAYLAŞILAN METİN STİLLERİ --- */
.bfwt-promo-widget__subtitle {
    font-size: var(--font-size-sm);
    font-weight: 700;
    color: var(--color-static-green);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
    margin-top: 0;
}

.bfwt-promo-widget__title,
.bfwt-promo-widget h1,
.bfwt-promo-widget .bfwt-promo-widget__title { /* Daha spesifik hale getirildi */
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 15px;
    color: var(--color-static-white) !important;
}
.bfwt-promo-widget__title { font-size: var(--font-size-lg); }
.bfwt-promo-widget h1 { font-size: var(--font-size-xl); }


.bfwt-promo-widget__content p:not(.bfwt-promo-widget__subtitle):not(.bfwt-promo-widget__title) {
    font-size: var(--font-size-base);
    color: var(--color-static-off-white);
    max-width: 65ch;
}

/* --- KAPATMA BUTONU --- */
.bfwt-promo-widget__close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(0, 0, 0, 0.2);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-static-off-white);
    transition: all 0.2s ease;
    z-index: 10;
}
.bfwt-promo-widget__close-btn:hover {
    background: var(--color-primary);
    transform: rotate(90deg);
}

/* --- ÖZEL WIDGET STİLLERİ --- */

/* 1. Hero Widget (Statik Renklerle Kalacak) */
.bfwt-promo-widget--hero .bfwt-content-block-inner { padding: clamp(30px, 6vw, 60px); }
.bfwt-promo-widget--hero .bfwt-promo-widget__media img { width: 150px; height: auto; }
.bfwt-promo-widget--hero .bfwt-hero-widget__search-wrapper { margin-top: 20px; }
.bfwt-promo-widget--hero .bfwt-hero-widget__search { cursor: pointer; padding: 3px; border-radius: var(--border-radius-base); background: linear-gradient(to right, var(--color-static-dark), var(--color-static-blue), var(--color-static-green), var(--color-static-white)); transition: transform 0.2s ease; }
.bfwt-promo-widget--hero .bfwt-hero-widget__search:hover { transform: scale(1.02); }
.bfwt-promo-widget--hero .bfwt-hero-widget__search-inner { background-color: var(--color-static-dark); padding: 12px 17px; border-radius: calc(var(--border-radius-base) - 3px); display: flex; align-items: center; gap: 12px; }
.bfwt-promo-widget--hero .bfwt-hero-widget__search span { color: var(--color-text-muted); }

/* 2. App Banner (TEMA DUYARLI RENKLER) */
.bfwt-promo-widget--app-banner.bfwt-content-block-outer {
    background: var(--color-background-soft);
    margin-bottom: 25px;
}
.bfwt-promo-widget--app-banner .bfwt-content-block-inner { padding: 15px 25px; }
.bfwt-promo-widget--app-banner .bfwt-promo-widget__container { gap: 30px; }

/* GÜNCELLEME BURADA */
.bfwt-promo-widget--app-banner .bfwt-promo-widget__title { 
    font-size: var(--font-size-md); 
    margin-bottom: 10px; 
    color: var(--color-text-base) !important;
    font-weight: 700; /* Metni kalın yapar */
}

.bfwt-promo-widget--app-banner .bfwt-promo-widget__subtitle { color: var(--color-primary); }
.bfwt-promo-widget--app-banner .bfwt-promo-widget__close-btn { background: rgba(0,0,0,0.05); color: var(--color-text-muted); }
.bfwt-promo-widget--app-banner .bfwt-promo-widget__media--desktop { display: flex; align-items: center; gap: 20px; }
.bfwt-promo-widget--app-banner .bfwt-app-banner__mockup { height: 100px; width: auto; }
.bfwt-promo-widget--app-banner .bfwt-app-banner__qr-code { height: 70px; width: 70px; }
.bfwt-promo-widget--app-banner .bfwt-app-banner__actions { display: flex; gap: 15px; margin-top: 15px; }
.bfwt-promo-widget--app-banner .bfwt-app-banner__actions img { height: 40px; width: auto; }
.bfwt-promo-widget--app-banner .bfwt-promo-widget__media--mobile { display: none; }

/* --- MOBİL UYUMLULUK --- */
@media (max-width: 767px) {
    .bfwt-promo-widget--hero .bfwt-promo-widget__container { flex-direction: column; align-items: flex-start; gap: 0; }
    .bfwt-promo-widget--hero .bfwt-promo-widget__media { order: 1; margin-bottom: 25px; }
    .bfwt-promo-widget--hero .bfwt-promo-widget__content { order: 2; width: 100%; }
    .bfwt-promo-widget--hero .bfwt-promo-widget__media img { width: 100px; }
    
    .bfwt-promo-widget--app-banner.bfwt-content-block-outer {
        margin: 15px;
        border: none;
    }
    .bfwt-promo-widget--app-banner .bfwt-content-block-inner {
        padding: 0;
    }
    
    .bfwt-promo-widget--app-banner .bfwt-promo-widget__container { padding: 12px 50px 12px 55px; }
    .bfwt-promo-widget--app-banner .bfwt-promo-widget__media--desktop { display: none; }
    .bfwt-promo-widget--app-banner .bfwt-promo-widget__media--mobile { display: block; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); }
    .bfwt-promo-widget--app-banner .bfwt-app-banner__app-icon { width: 38px; height: 38px; }
    .bfwt-promo-widget--app-banner .bfwt-promo-widget__subtitle { display: none; }
    .bfwt-promo-widget--app-banner .bfwt-promo-widget__title { font-size: var(--font-size-sm); margin: 0; }
    .bfwt-promo-widget--app-banner .bfwt-app-banner__actions { margin-top: 5px; gap: 10px; }
    .bfwt-promo-widget--app-banner .bfwt-app-banner__actions img { height: 28px; }
}