html {
    font-size: 16px;
    position: relative;
    min-height: 100%;
}
a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}
a {
    color: #000000;
    text-decoration: none;
}
a:hover {
    color: #ff3e00 !important;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0 red, 0 0 0 0 red;
}

body {
    height: auto;
    margin: 0px;
    padding: 0px;
}


.headerRow {
    background-image: url("/images/headerBg6.jpg");
    background-position-x: center !important;
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}


#searchProductResults {
    max-height: 400px; /* Yükseklik sınırlandırılır */
    overflow-y: auto; /* Dikey scrollbar'ı aktif eder */
    border: 1px solid #ccc; /* Kenarlık */
}



.myFooter {
    background-image: url("/images/footerBG.jpg");
    background-position-x: center !important;
    background-position-y: bottom !important;
    background-repeat: no-repeat;
    background-size: cover;
}







.dropdown-menu {
    width: 100%;
    top: 44px !important;
    left: 50% !important;
    transform: translateX(-50%);
}

.navbar-nav .nav-item:hover .dropdown-menu,
.navbar-nav .nav-item:focus-within .dropdown-menu {
    display: block;
}
/* Varsayılan ok işaretini kaldır */
.nav-link.dropdown-toggle::after {
    display: none !important;
}






/* Oylama Sistemi için */
.star-rating {
    direction: ltr;
    font-size: 2rem;
    color: #666;
    cursor: pointer;
    display: inline-block;
}
.star-rating span {
    transition: color 0.2s;
}
.star-rating .hover,
.star-rating .selected {
    color: gold;
}







.kayarak-gelen {
    opacity: 0; /* Başlangıçta görünmez */
    transform: translateX(100%); /* Sağdan dışarıda başlasın */
    transition: all 1s ease-out;
    position: relative;
}

.soldan-gelen {
    transform: translateX(-100%); /* Soldan kayarak gelir */
}

.sagdan-gelen {
    transform: translateX(100%); /* Sağdan kayarak gelir */
}

.goster {
    opacity: 1; /* Görünür hale gelir */
    transform: translateX(0); /* Kayarak yerine gelir */
}










#wap {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 1000;
}




.slider-container {
    position: relative;
    height: 10px;
}

.slider-container input[type=range] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent;
}