/*!
Theme Name: Hostidex
Theme URI: https://hostidex.com.tr
Author: Hostidex Internet Hizmetleri
Author URI: https://hostidex.com.tr
Description: Hostidex tarafından oluşturulmuş e-ticaret paketidir.
Version: 3.5.3
Requires at least: 5.0
Tested up to: 6.6
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: eticaret,eticaret-paketleri,özel tema
Text Domain: hostidex
*/

/* Don't overwrite this file. Compile "/assets/main.scss" to "/build/main.css" */

/* From http://codex.wordpress.org/CSS */

.alignnone {
	margin: 5px 20px 20px 0;
}

body, .kat-item h5 a, .urun-item h5 a {
	font-family:Exo!important;
		font-weight:500;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}
.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.bypostauthor {
	font-weight: bold;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.container {
	max-width: 95vw!important;
}

.kat-carousel-bolum img {
	width:100px!important;
	border:2px solid #f48b29 !important;
border-radius:50%!important;
	margin:auto!important;
}
.kat-carousel-bolum h4 {
	font-family: "Manrope", Sans-serif!important;
	font-size:16px!important;
	font-weight:600;
	color:black;
	margin-top:10px;
}

.kat-carousel-bolum .owl-nav {display:none!important}

.firsat-banner img {
	max-width:100%!important;
}
#discountProductCarousel .card img {
	max-width:200px!important;
	text-align:center;
}

#discountProductCarousel .card h5 {
	font-family: "Manrope", Sans-serif!important;
	font-size:16px!important;
	font-weight:600; }

#discountProductCarousel .card {
	min-height:401px!important;
}

#discountProductCarousel .card-text .regular-p {
	text-decoration:line-through!important;
}

#discountProductCarousel .card-text {
	font-size:20px;
}

.product_meta .detail-container:nth-child(2) {
	display:none!important
}

.wp-buton {
	background-color: #25D366; 
	color: #fff ;
	font-family: "Manrope", Sans-serif!important;
	font-weight:600;
}

.ticidex-button {
	background: #f48b29;
  border: none;
  padding: 10px 15px;
  color: white;
  font-family: "Manrope", Sans-serif !important;
  font-weight: 500;
  border-radius: 25px;
  font-size:15px;
  margin-right: 10px;
}

.ticidex-button:hover {
	background:#f47805
}

.kaldir-butonu {
	background: #f48b29;
	border-radius:50%;
	border:none;
		color:white;
	padding: 2px 12px;
  font-size: 18px;
}

.card-title {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* İki satır ile sınırla */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.urun-item {
	margin:0px 10px;
	border:none;
box-shadow: 0px 0px 3px 0px rgba(198.9, 198.9, 198.9, 0.5);
	
	font-family:Manrope;
	min-height:444px;
}

.urun-item .card-footer {
	border:none;
	background:white;
	
	padding-bottom:10px
}

.urun-item h5 a {
	font-size:15px;
		color:black!important;
			font-weight:600;
}

.urun-item .card-text {
	font-size:18px;
	font-weight:700;
		text-align:center;
}

.btn-primary {
	background:#141414!important;
	border:none!important;	
}
.btn-primary:hover {
	background:#424242!important;
}

.kat-item {
	margin:0px 10px;
	border:none;
box-shadow: 0px 0px 3px 0px rgba(198.9, 198.9, 198.9, 0.5);
	min-height: 500px;
	
	font-family:Manrope;	
}
.kat-item .card-footer {
	border:none;
	background:white;
	
	padding-bottom:10px
}

.kat-item h5 a {
	font-size:15px;
		color:black!important;
	font-weight:600;
}

.kat-item .card-text {
	font-size:20px;
	font-weight:700
}

.kat-buton {
	background: #f1f1f1 !important;
  color: black!important;
  font-weight: 700!important;
  font-size: 15px!important;
	
}

.kat-buton:hover {
	color:white!important;
}

.hesap-menu .card-title {
	font-size:16px!important;
	font-weight:600;
	font-family:Manrope;
}

.siparis-tablo {
	font-family:Manrope;
}

.siparis-tablo h4 {
	font-weight:600;
}

.siparis-tablo table {
	font-size:15px;
}

.woocommerce-order-details, .woocommerce-orders-table, .woocommerce-customer-details {
	display:none!important;
}

.woocommerce-page form .form-row .input-text {
	border: 1px solid #f2f2f2;
  padding: 10px;
  border-radius: 5px;
  font-family: Manrope;
}

.woocommerce-page form .form-row label {
	font-family: Manrope;
  font-weight: 600;
  margin-bottom: 5px;
}

.woocommerce-Button, .button {
	font-family: Manrope;
  border: 1px solid #ececec;
  padding: 10px;
  background: #f48c29;
  color: white;
  font-weight: 600;
  border-radius: 4px;

}

.woocommerce-Addresses {
	font-family: Manrope;
}

.woocommerce-Address-title {
	 background: #f4f4f4;
  color: #2f2f2f;
 padding: 10px 10px 3px 10px;
}

.woocommerce-Address-title h3 {
	font-size:24px;
}

.woocommerce-account .addresses .title .edit {
	color:#646464;
}

.hesap-bolum p {
	font-family:Manrope;
	font-size:15px;
}


.alt-gorsel a.btn.btn-outline-primary:hover {
	background:#f48b29!important;
}

.nav-pills .nav-link {
	color:white!important;
	font-family:Manrope!important;
	margin-right:4px!important;
}

.alt-gorsel .owl-prev, .alt-gorsel .owl-next {
	background: #f1f1f1;   
  border: none; 
  padding: 5px 10px;
	color:black;
}

.owl-carousel .owl-item img {width:auto!important}

.filter-section {
    margin-bottom: 20px;
}

.filter-section h4, .price-filter h4 {
    font-size: 16px;
    margin-bottom: 10px;
	font-weight:700;
}

.filter-section label {
	font-size:14px;
}

.filter-section label input {
	margin-right:5px;	
}


.price-filter input {
    width: 100%;
    margin-right: 10px;
	font-size: 14px;
  padding: 5px;
  margin-bottom: 10px;
	border:1px solid #e1e1e1!important;
}


#product-grid {
    margin-top: 20px;
}

.page-id-11 .form-row-last {
	min-width:49%!important;
	
}

.page-id-11 .form-row-first {
min-width:49%!important;
	
}



@media (min-width: 992px) {
    .col-lg-2 {
    flex: 0 0 auto!important;
		width: 20%!important;}
}



@media only screen and (max-width: 640px) {
	
	.wishlist-actions button {
		font-size:13px;
		max-width:50%;
	}
	
	.kat-item, .urun-item {
		margin: 0px 5px;
min-height:388px;
	}
	
	.kat-item a img, .urun-item a img {
		max-height:180px;
	}
	
	.kat-item .card-body, .urun-item .card-body {
		max-height:105px;
	}
	
	
	
	.mobile-side-menu a {
		font-size:14px;
	}
	
	.one-cikan-urunler h2 {
		font-size:1.5rem!important;
	}
	
	.footer-mobil-menu .header-cart .sepet-ikonu {
		color:white!important;
	}
	
	.footer-mobil-menu .dgwt-wcas-ico-magnifier-handler {
		fill:white!important;
		margin-bottom:0!important;
	}
	
	.page-id-11 .form-row-last {
	min-width:100%!important;
	
}

.page-id-11 .form-row-first {
min-width:100%!important;
	
}
	
	
	
}
 
.bilesik-urun {
    position: relative;
    border: 1px solid #ccc;
    padding: 10px;
    margin: 10px 0;
    border-radius: 5px;
    text-align: center;
}



.bilesik-urun.selected {
    border-color: #28a745; /* Seçili olan ürüne yeşil border */
}

.bilesik-urun.selected .ribbon {
    display: block;
}

.ribbon {
    position: absolute;
    top: 19%!important;
    right: 0;
    background-color: green;
    color: white;
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
    display: none;
    transform: rotate(45deg);
    transform-origin: top right;
    width: 100px;
    text-align: center;
}

.bilesik-urun-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.bilesik-urun-list {
    display: block;
}

.bilesik-urun img {
    max-width: 100px;
    margin-bottom: 10px;
}

.bilesik-urun h4 {
    font-size: 16px;
    margin-bottom: 5px;
}

.bilesik-urun .price {
    font-weight: bold;
    color: #333;
	display:none;
}

.bilesik-urun .price-diff {
    display: block;
    font-weight: bold;
    margin-top: 10px;
}

.text-success {
    color: #28a745;
}

.text-danger {
    color: #dc3545;
}

.product-section .col-md-3 {
	width:15.36%!important;
}

.pcb-section-alt h4 {
	display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  font-size:14px;
}



.pcb-section-alt img {
	max-height:150px!important;
}

.wc-block-components-sidebar-layout .wc-block-components-main {
	box-shadow: 0px 0px 3px 0px rgba(198.9, 198.9, 198.9, 0.5);
  padding: 20px;
	font-family:Manrope;
}

.wc-block-components-sidebar {
	font-family:Manrope;
}

.wc-block-components-button:not(.is-link) {
	
	background: #f48b29;
  border: none;
  font-weight: 600;
  color: white;
}

.icerikler {
	font-family:Manrope;
	min-height:520px!important;
	align-content:center!important;
}

.woocommerce table.shop_attributes th {
	width: 45%!important;
}

.woocommerce table.shop_attributes td {
	font-style:normal!important;
}

.pswp__caption {display:none!important}

.header-cart {
    position: relative;
}

.header-cart .cart-count {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: #f48b29;
    color: #fff;
    border-radius: 50%;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: bold;
}

.header-cart .sepet-ikonu {
	font-size:25px!important;
	color:white;
}

.wc-block-components-product-name {
	color:black;
	text-decoration:none;
}

html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
	box-shadow: none!important;
}
.card:hover {
	border-image: linear-gradient(to right, #f7a22e,  #2a2d2f) 1;
	border-width:2px;
}

.pagination {
	display:block!important;
	text-align:center!important;
}

.page-numbers {
padding: 6px 10px;
background:#eaeaea;
color:black!important}

.page-numbers:hover {
	background:#f48c29;
	color:white!important;
}

#filter-toggle-btn {
    background-color: #007bff;
    color: white;
    font-weight: bold;
}

.filter-popup {
    background: #f9f9f9;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 5px;
}

#selected-filters {
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 15px;
}

#selected-filters h5 {
    margin-bottom: 10px;
    font-weight: bold;
}

.selected-filter {
    display: inline-block;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: #ddd;
    color: #000;
    margin-right: 5px;
}

.selected-filter .remove-filter {
    margin-left: 5px;
    font-weight: bold;
    color: #ff0000;
    cursor: pointer;
}

.selected-filter .remove-filter:hover {
    color: #cc0000;
}

@media (min-width: 992px) {
    #filter-section-wrapper-mobile {
        display: none;
    }

    #filter-section-wrapper-desktop {
        display: block;
    }
}

@media (min-width:1200px) and (max-width:1442px)
{
	.vertical-mega-menu-wrapper {
		overflow:scroll;
		max-height:299px;
	}
}

@media only screen and (max-width: 700px) {
	.product-section .col-md-3 {
		width: 100%!important;
	}
}

/* Sepete Ekle buton tasarımı */
.urun-item .card-footer .btn-primary,
.kat-item .card-footer .btn-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%; /* Tam genişlik */
    padding: 12px 20px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;   
    border: none;
    border-radius: 5px;
    text-transform: uppercase;
    transition: background-position 0.4s ease; /* Yumuşak geçiş */
    background-size: 200% 100%; /* Hover efekti için alan ayarı */
    background-position: left; /* Varsayılan pozisyon */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Hafif bir gölge */
}

.urun-item .card-footer .btn-primary i,
.kat-item .card-footer .btn-primary i {
    margin-right: 10px; /* Simge ve metin arası boşluk */
    font-size: 1.2rem; /* Simge boyutu */
}

/* Hover efekti - renk sağdan sola akıyor */
.urun-item .card-footer .btn-primary:hover,
.kat-item .card-footer .btn-primary:hover {
    background-position: right; /* Hover sırasında pozisyon değişikliği */
}

/* Fiyatı ortalamak için düzenleme */
.urun-item .card-footer .card-text,
.kat-item .card-footer .card-text {
    text-align: center;
    margin-bottom: 10px;
    font-size: 1.1rem;
    font-weight: bold;
    color: #333; /* Fiyat rengi */
}
.card-title {text-align:center}

.woocommerce div.product p.stock {
	display:none!important
}



.page-id-11 .nav-tabs .nav-link {
	font-weight:600;
	color:black;
}



.page-id-11 .woocommerce-form-login__rememberme {
	margin-top:100px!important;
	margin-bottom:40px!important;
	
}

.page-id-11 .tab-content a {
	color:black!important;
}

.woocommerce span.onsale {
	min-height: 20px!important;
  min-width: 100px!important;
	background-color:#ffbd3a!important;
}