/* =====================================================
   Havale İndirimi v2.3 — Frontend Stilleri
   ===================================================== */

.hi-havale-kutusu {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    border: 2px solid #22c55e;
    border-radius: 12px;
    padding: 16px 20px;
    margin: 16px 0 10px;
    box-shadow: 0 2px 12px rgba(34,197,94,.15);
    position: relative;
    overflow: hidden;
    clear: both;
}

.hi-havale-kutusu::before {
    content: '';
    position: absolute;
    top: -30px; right: -30px;
    width: 100px; height: 100px;
    background: rgba(34,197,94,.08);
    border-radius: 50%;
    pointer-events: none;
}

/* Başlık satırı — icon kaldırıldı */
.hi-havale-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.hi-havale-etiket {
    font-size: 15px;
    font-weight: 700;
    color: #15803d;
    flex: 1;
}

.hi-havale-rozet {
    background: #16a34a;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    white-space: nowrap;
}

/* Fiyat satırı */
.hi-havale-fiyat {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.hi-normal-fiyat,
.hi-normal-fiyat .woocommerce-Price-amount,
.hi-normal-fiyat bdi {
    font-size: 15px !important;
    color: #6b7280 !important;
    text-decoration: line-through !important;
    font-weight: 400 !important;
}

.hi-ok { font-size: 16px; color: #16a34a; font-weight: bold; }

.hi-indirimli-fiyat,
.hi-indirimli-fiyat .woocommerce-Price-amount,
.hi-indirimli-fiyat bdi {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #15803d !important;
}

/* Açıklama — border-left kaldırıldı */
.hi-havale-aciklama {
    font-size: 13px;
    color: #166534;
    background: rgba(255,255,255,.6);
    border-radius: 6px;
    padding: 6px 10px;
}

.hi-havale-aciklama strong { color: #15803d; }

/* Checkout bilgi mesajı */
.hi-checkout-bilgi {
    background: #f0fdf4 !important;
    border-left-color: #22c55e !important;
    color: #15803d !important;
    margin-bottom: 12px;
}

/* Ürün listesi rozeti */
.hi-liste-rozet {
    display: inline-block;
    background: #dcfce7;
    color: #15803d;
    border: 1px solid #86efac;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
    margin-top: 4px;
}

/* Animasyon */
@keyframes hi-slide-in {
    from { opacity:0; transform:translateY(-6px); }
    to   { opacity:1; transform:translateY(0); }
}
.hi-havale-kutusu { animation: hi-slide-in .3s ease forwards; }

/* =====================================================
   MOBİL — açıklama 11px
   ===================================================== */
@media (max-width: 768px) {
    .hi-havale-aciklama {
        font-size: 11px;
    }

    .hi-indirimli-fiyat,
    .hi-indirimli-fiyat bdi,
    .hi-indirimli-fiyat .woocommerce-Price-amount {
        font-size: 18px !important;
    }

    .hi-havale-kutusu {
        padding: 12px 14px;
    }
}