@import "../fikoyt-uygulama-baslik/fikoyt-uygulama-baslik.component.less";
@import "../fikoyt-sayfa-yolu/fikoyt-sayfa-yolu.component.less";
@import "../fikoyt-sol-menu/fikoyt-sol-menu.component.less";
@import "../fikoyt-dalga/fikoyt-dalga.component.less";
@import "../fikoyt-kart/fikoyt-kart.component.less";
@import "../fikoyt-yuvarlak-resim/fikoyt-yuvarlak-resim.component.less";

@fikoyt-base-shadow: 0.15; // Gölge boyutu oranı
@fikoyt-text-shadow-color: rgba(0, 0, 0, 0.5); // Gölge boyutu oranı

.hoverable {
    transition: all ease-in-out 200ms !important;
}

.hover\:zipla-5:hover {
    transform: translateY(-5px);
    box-shadow: 0 2px 10px 0 rgba(34, 36, 38, .15) !important;
}

.active\:zipla-5:active {
    transform: translateY(-3px);
    box-shadow: 0 2px 5px 0 rgba(34, 36, 38, .15) !important;
}

/** */
.buyut {
    transition: all ease-in-out 200ms !important;
}

.hover\:buyut-2:hover {
    transform: scale(1.20);
    box-shadow: 0 2px 10px 0 rgba(34, 36, 38, .15) !important;
}

.active\:buyut-2:active {
    transform: scale(1.10);
    box-shadow: 0 2px 5px 0 rgba(34, 36, 38, .15) !important;
}

.hover\:buyut-1:hover {
    transform: scale(1.10);
    box-shadow: 0 2px 10px 0 rgba(34, 36, 38, .15) !important;
}

.active\:buyut-1:active {
    transform: scale(1.05);
    box-shadow: 0 2px 5px 0 rgba(34, 36, 38, .15) !important;
}


.yazi-golge {
    text-shadow: @fikoyt-text-shadow-color 0 0 (@fikoyt-base-shadow) ;
}