/*
 * Dosya: assets/css/base/_base-styles.css
 * Amaç: Genel amaçlı, yeniden kullanılabilir temel stilleri içerir.
 * GÜNCELLEME: Menü ve paragraf linkleri için soldan sağa açılan,
 * gradyan alt çizgi hover efekti, tema stillerini ezecek şekilde düzeltildi.
 * KAPSAM GENİŞLETME: Efekt artık açılır menüleri ve kalın linkleri de içeriyor.
 */

/* --- ANİMASYONLU LİNK STİLLERİ (GÜVENLİ REFACFOR) --- */

/* Tüm animasyonlu linkler için ortak temel ve after pseudo-element stilleri */
[data-menu] > ul > li > a,
.sub-menu a,
.bfwt-content-block-inner p a,
.bfwt-deal-description a {
    position: relative;
    text-decoration: none !important;
    padding-bottom: 3px;
    background-image: none;
}

[data-menu] > ul > li > a::after,
.sub-menu a::after,
.bfwt-content-block-inner p a::after,
.bfwt-deal-description a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    transition: width 0.3s ease-in-out;
}

/* Tüm animasyonlu linkler için ortak hover animasyonu */
[data-menu] > ul > li > a:hover::after,
.sub-menu a:hover::after,
.bfwt-content-block-inner p a:hover::after,
.bfwt-deal-description a:hover::after {
    width: 100%;
}

/* Fare üzerine gelindiğinde metin renginin değişmesini engelleyen özel durumlar */
.bfwt-content-block-inner p a:hover,
.bfwt-deal-description a:hover,
.sub-menu a:hover {
    color: inherit;
}

/* --- Farklı Link Türleri İçin Özel Gradyanlar --- */

/* 1. Ana Menü Linkleri */
[data-menu] > ul > li > a::after {
    background: linear-gradient(to right, var(--theme-palette-color-4), var(--theme-palette-color-1), var(--theme-palette-color-2), var(--theme-palette-color-8));
}

/* 2. İçerik ve Alt Menü Linkleri */
.sub-menu a::after,
.bfwt-content-block-inner p a::after,
.bfwt-deal-description a::after {
    background: linear-gradient(to right, var(--color-primary), var(--color-secondary));
}