/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/*GENEL*/
a {
    color: #db4e1c;
    text-decoration: none;
}

/*Renkler*/

.horizontal-menu .header-navbar.navbar-brand-center .navbar-header .navbar-brand .brand-text {
    color: #dd355d;
}

.text-primary {
    --bs-text-opacity: 1;
    /* color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important; */
    color: #dd355d!important;
}

/*Menü*/
.main-menu.menu-light .navigation>li ul .active {
    background: -webkit-linear-gradient(118deg,#1ca6d9,#49a8f3b0)!important;
    background: linear-gradient(118deg,#1ca6d9,#49a8f3b0)!important;
    box-shadow: 0 0 10px 1px rgb(33 150 243 / 70%)!important;

}

.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation>li.active>a {
    background: -webkit-linear-gradient(118deg,#1ca6d9,#49a8f3b0)!important;
    background: linear-gradient(118deg,#1ca6d9,#49a8f3b0)!important;
    box-shadow: 0 0 10px 1px rgb(33 150 243 / 70%)!important;
}
.horizontal-menu .navbar-dark .nav-item.active>a {
    border-bottom: 2px solid #1ca6d9;
    background-color: #1ca6d9;
}
/* Buton Renkleri */
.btn-primary {
    background-color: #1CA6D9!important;
    color: #FFF!important;
}

.btn-check:focus+.btn-primary, .btn-primary:focus, .btn-primary:hover {
    background-color: #1CA6D9!important;
    border-color: #1CA6D9!important;
    color: #FFF;
}
.bg-light-primary .fc-list-event-dot, .btn-primary {
    border-color: #1CA6D9!important;
}
.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .btn-primary:focus {
    color: #FFF;
    background-color: #1CA6D9!important;
}

.btn-primary:hover:not(.disabled):not(:disabled) {
    box-shadow: 0 8px 25px -8px #1CA6D9!important;
}

.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation>li>.dropdown-menu .active>a {
    color: #1CA6D9;
}


/*---- stepper *------*/

.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-box {
    background-color: #1CA6D9!important;
    box-shadow: 0 3px 6px 0 #1CA6D9!important;
}

.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-label .bs-stepper-title {
    color: #1CA6D9!important;
}



/*--- E-Ticaret Alanları ---*/
.noUi-connect {
    background: #1CA6D9;
}
.noUi-handle {
    border: 2px solid #1CA6D9;
}
.form-check-input:checked {
    background-color: #1CA6D9;
    border-color: #1CA6D9;
}


/*Ürün*/

.ecommerce-application .list-view .ecommerce-card .item-options .item-wrapper .item-cost .item-price {
    color: #dd355d;
    margin-bottom: 0;
}


/*------------------urunitem----------------------*/

.urunitem {
	position:relative;
	margin-bottom:15px;
	background: #fff;
	padding:5px;
	border-radius:8px;
	border:1px solid rgba(0,0,0,0.1);
	display:flex;
	flex-direction:column;
	height:calc(100% - 15px);
}
.urunitem .resimler {
	position:relative;
	width:100%;
	margin-bottom:10px;
}
.urunitem .resimler .btn {
	position:absolute;
	bottom:15px;
	left:15px;
	width:calc(100% - 30px);
	opacity:0;
	transition:all 0.3s ease;
}
.urunitem:hover .resimler .btn {
	opacity:1;
}
.urunitem .resimler .item {
	position:relative;
	display:flex;
	align-items:flex-end;
	justify-content:center;
	width:100%;
	aspect-ratio:4/3;
	max-height:260px;
}
.urunitem .resimler .item img {
	width:100%;
    aspect-ratio: 1/1;
	object-fit:contain;
	object-position:center;
	max-height:550px;
    mix-blend-mode: darken;
	border-radius:4px;
    padding: 25%;
}
.urunitem .resimler .favoriekle {
	position:absolute;
	top:10px;
	right:10px;
	width:20px;
	height:20px;
	font-size:20px;
	color:#000;
	cursor:pointer;
}
.urunitem .resimler .favoriekle.active {
	color:var(--kirmizi);
}
.urunitem .kategori {
	display:block;
	text-align:center;
	color:var(--siyah);
	font-size:12px;
	font-weight:300;
	letter-spacing:2.4px;
	line-height:16px;
}
.urunitem .adi {
	color: #253342;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.22;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 2.75rem;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden!important;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-bottom: 0.5rem;
	text-align:center;
}
.urunitem .avantajlar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: 2.5px;
	margin-bottom:10px;
}
.urunitem .avantajlar span {
    display: flex;
    align-items: center;
	justify-content:center;
    width:calc(25% - 2px);
	padding:5px;
	font-size:10px;
	line-height:12px;
	font-weight:700;
	height:40px;
	border-radius:4px;
	color:#000;
	text-align:center;
}

.urunitem .fiyat {
	display:block;
	height:45px;
	text-align:center;
}
.urunitem .fiyat span {
	display:block;
	font-weight: bold;
    color: rgb(255, 96, 0);
    font-size: 20px;
    letter-spacing: -0.27px;
    line-height: 1.2;
}
.urunitem .fiyat del {
	display:block;
    color: rgb(155, 155, 155);
    font-size: 14px;
    letter-spacing: -0.15px;
    line-height: 16px;
    text-decoration: line-through;
}
.urunitem .indirim {
	display:inline-block;
	color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 10px;
    background: #f00;
    padding: 3px;
    border-radius: 4px;
}
.urunitem .ekle {
	margin-top:auto;
}
.urunitem .sepeteklebuton {
	display:none;
}
.urunitem:hover .sepeteklebuton {
	display:inline-flex;
}