/* General Abrasive - tema uyarlamaları */

.navbar-brand img{
	max-height: 46px;
	width: auto;
}

/* Header actions */
.header-actions{
	display: flex;
	align-items: center;
	gap: 15px;
}

.header-search-toggle{
	width: 46px;
	height: 46px;
	border: 1px solid var(--divider-color);
	border-radius: 50%;
	background: transparent;
	color: var(--primary-color);
	transition: all 0.3s ease-in-out;
}

.header-search-toggle:hover{
	background: var(--accent-color);
	border-color: var(--accent-color);
	color: var(--white-color);
}

.main-menu ul li.header-lang ul{
	width: 160px;
}

.header-search-box{
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin-top: 10px;
	background: var(--white-color);
	border-radius: 14px;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
	padding: 20px 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all 0.3s ease-in-out;
}

.header-search-box.open{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.header-search-field{
	display: flex;
	gap: 10px;
}

.header-search-field .form-control{
	border-radius: 100px;
	padding: 12px 22px;
	border: 1px solid var(--divider-color);
	box-shadow: none;
}

.header-search-field .btn-default{
	border: none;
}

#result{
	display: none;
	max-height: 320px;
	overflow-y: auto;
	margin-top: 10px;
}

#result .result a{
	display: block;
	padding: 10px 22px;
	color: var(--text-color);
	border-bottom: 1px solid var(--divider-color);
	transition: all 0.2s ease-in-out;
}

#result .result a:hover{
	background: var(--bg-color);
	color: var(--accent-color);
}

/* Hero slider */
.hero-slider{
	position: relative;
}

.hero-slider .hero{
	background-color: var(--primary-color);
}

.hero-slider .hero .section-title h1,
.hero-slider .hero .section-title h2.h1{
	font-size: 64px;
	line-height: 1.1em;
	letter-spacing: -0.01em;
	margin-bottom: 0;
	color: var(--white-color);
}

.hero-slider .hero .section-title h1 b,
.hero-slider .hero .section-title h1 strong,
.hero-slider .hero .section-title h2.h1 b,
.hero-slider .hero .section-title h2.h1 strong{
	color: var(--accent-color);
	font-weight: inherit;
}

.hero-body-item .icon-box i{
	position: relative;
	z-index: 1;
	font-size: 20px;
	color: var(--white-color);
}

.hero-pagination{
	position: absolute;
	left: 0 !important;
	right: 0;
	bottom: 50px !important;
	z-index: 2;
	text-align: center;
}

.hero-pagination .swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	background: var(--white-color);
	opacity: 0.5;
}

.hero-pagination .swiper-pagination-bullet-active{
	background: var(--accent-color);
	opacity: 1;
}

/* Partner logos */
.company-supports-logo{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100px;
	padding: 10px 14px;
	background: var(--white-color);
	border-radius: 10px;
}

.company-supports-logo img,
.company-supports-logo img[src]{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

@media (max-width: 767px){
	.company-supports-logo{
		height: 80px;
	}
}

/* Fuar kartı: afiş görseli kırpılmadan gösterilir */
.home-fairs .post-featured-image figure{
	background: var(--secondary-color);
}

.home-fairs .post-featured-image figure img{
	height: auto;
	aspect-ratio: 1 / 0.744;
	object-fit: contain;
}

/* Fairs */
.home-fairs{
	background: var(--bg-color);
}

/* Footer */
.footer-logo img{
	max-height: 60px;
	width: auto;
}

/* WhatsApp butonu */
.whatsapp-float{
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 9999;
	display: flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
}

.whatsapp-float-icon{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	color: #fff;
	background: linear-gradient(135deg, #2ee36f 0%, #128c4b 100%);
	box-shadow: 0 8px 24px rgba(18, 140, 75, .35);
	animation: whatsapp-bounce 4s ease-in-out infinite;
	transition: transform .3s ease;
}

.whatsapp-float-icon::before,
.whatsapp-float-icon::after{
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background: #25d366;
	z-index: -1;
	animation: whatsapp-pulse 2.4s ease-out infinite;
}

.whatsapp-float-icon::after{
	animation-delay: 1.2s;
}

.whatsapp-float-label{
	padding: 8px 14px;
	border-radius: 30px;
	background: var(--white-color);
	color: var(--primary-color);
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .12);
	opacity: 0;
	transform: translateX(10px);
	pointer-events: none;
	transition: opacity .3s ease, transform .3s ease;
}

.whatsapp-float:hover .whatsapp-float-label{
	opacity: 1;
	transform: translateX(0);
}

.whatsapp-float:hover .whatsapp-float-icon{
	transform: scale(1.08) rotate(-8deg);
	animation-play-state: paused;
}

@keyframes whatsapp-pulse{
	0%{ transform: scale(1); opacity: .55; }
	100%{ transform: scale(1.7); opacity: 0; }
}

@keyframes whatsapp-bounce{
	0%, 80%, 100%{ transform: translateY(0) rotate(0); }
	84%{ transform: translateY(-6px) rotate(-10deg); }
	88%{ transform: translateY(0) rotate(8deg); }
	92%{ transform: translateY(-3px) rotate(-5deg); }
	96%{ transform: translateY(0) rotate(0); }
}

@media (max-width: 767px){
	.whatsapp-float{ right: 16px; bottom: 16px; }
	.whatsapp-float-icon{ width: 52px; height: 52px; }
	.whatsapp-float-label{ display: none; }
}

@media (prefers-reduced-motion: reduce){
	.whatsapp-float-icon,
	.whatsapp-float-icon::before,
	.whatsapp-float-icon::after{ animation: none; }
}

.footer-contact-form .form-control{
	background: transparent;
	border: 1px solid var(--dark-divider-color);
	border-radius: 14px;
	color: var(--white-color);
	padding: 14px 20px;
	box-shadow: none;
}

.footer-contact-form .form-control::placeholder{
	color: var(--white-color);
	opacity: 0.6;
}

.footer-message-group{
	position: relative;
}

.footer-message-group textarea{
	padding-right: 70px !important;
	resize: none;
}

.footer-message-group .newsletter-btn{
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: none;
	border-radius: 10px;
	background: var(--accent-color);
	box-shadow: none;
	outline: none;
	cursor: pointer;
	transition: background .3s ease-in-out;
}

.footer-message-group .newsletter-btn img{
	width: 20px;
	height: 20px;
	transition: transform .3s ease-in-out;
}

.footer-message-group .newsletter-btn:hover{
	background: var(--white-color);
}

.footer-message-group .newsletter-btn:hover img{
	filter: brightness(0);
	transform: rotate(45deg);
}

/* reCAPTCHA: rozet gizli, yerine form altında zorunlu bilgi notu */
.grecaptcha-badge{
	visibility: hidden !important;
}

.recaptcha-note{
	width: 100%;
	margin: 12px 0 0;
	font-size: 12px;
	line-height: 1.5;
	opacity: .6;
}

.recaptcha-note a{
	color: inherit;
	text-decoration: underline;
}

.footer-contact-form .alert{
	margin-bottom: 15px;
}

.footer-map{
	margin-top: 40px;
	border-radius: 14px;
	overflow: hidden;
}

.footer-map iframe{
	display: block;
	width: 100% !important;
	height: 320px;
	border: 0;
}

.footer-copyright-text{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.footer-credit{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	color: var(--white-color);
}

.footer-credit img{
	height: 13px;
}

/* Popup */
#thover{
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 9998;
}

#tpopup{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 700px;
	z-index: 9999;
}

#tclose{
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 50%;
	background: var(--accent-color);
	color: var(--white-color);
	font-size: 22px;
	cursor: pointer;
}

/* Bildirim (form sonuçları) */
.site-flash{
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 10000;
	max-width: 420px;
	padding: 18px 45px 18px 20px;
	border-radius: 14px;
	color: var(--white-color);
	background: #1f9d55;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.site-flash-danger{
	background: #d93025;
}

.site-flash p,
.site-flash ul{
	margin: 0;
	color: inherit;
}

.site-flash ul{
	padding-left: 18px;
}

.site-flash-close{
	position: absolute;
	top: 8px;
	right: 12px;
	border: 0;
	background: transparent;
	color: inherit;
	font-size: 24px;
	line-height: 1;
}

/* İç sayfalar */
.page-header-meta{
	color: var(--white-color);
	margin-bottom: 10px;
}

.page-category-list ul li a,
.page-header-box ol li.breadcrumb-item{
	text-transform: none;
}

.page-category-list ul li.active a{
	color: var(--accent-color);
	font-weight: 600;
}

.page-category .service-item,
.page-services .service-item{
	height: calc(100% - 30px);
	margin-bottom: 30px;
}

.service-item .service-item-code{
	display: block;
	color: var(--accent-color);
	font-size: 14px;
	margin-top: -5px;
}

.product-card .service-item-image img{
	aspect-ratio: 5 / 4;
	object-fit: contain;
	background: var(--white-color);
	padding: 15px;
}

.category-intro{
	margin-bottom: 30px;
}

.page-search-form{
	display: flex;
	gap: 15px;
	margin-bottom: 40px;
}

.page-search-form .form-control{
	border-radius: 100px;
	padding: 12px 25px;
}

/* Ürün detay */
.product-gallery-main{
	position: relative;
	background: var(--white-color);
	border-radius: 20px;
	overflow: hidden;
	aspect-ratio: 5 / 4;
}

.product-gallery-main a{
	display: none;
	height: 100%;
}

.product-gallery-main a.active{
	display: block;
}

.product-gallery-main img,
.product-gallery > img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 20px;
}

.product-gallery-thumbs{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 15px;
}

.product-gallery-thumbs button{
	width: 80px;
	padding: 4px;
	border: 2px solid transparent;
	border-radius: 10px;
	background: var(--white-color);
	transition: border-color 0.3s ease-in-out;
}

.product-gallery-thumbs button.active,
.product-gallery-thumbs button:hover{
	border-color: var(--accent-color);
}

.product-gallery-thumbs img{
	width: 100%;
	height: auto;
	border-radius: 6px;
}

.product-summary{
	padding-left: 30px;
}

.product-summary h2{
	font-size: 40px;
	margin: 15px 0 20px;
}

.product-price{
	font-size: 24px;
	font-weight: 700;
	color: var(--accent-color);
}

.product-actions{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin-top: 30px;
}

.product-files{
	list-style: none;
	padding: 0;
	margin: 25px 0 0;
}

.product-files li{
	margin-bottom: 8px;
}

.product-files a{
	color: var(--primary-color);
	font-weight: 600;
}

.product-files i{
	color: var(--accent-color);
	margin-right: 6px;
}

.product-tabs,
.site-tabs{
	margin-top: 60px;
}

.product-tabs .nav-tabs,
.site-tabs{
	gap: 10px;
	border-bottom: 1px solid var(--divider-color);
}

.product-tabs .nav-link,
.site-tabs .nav-link{
	border: 0;
	border-radius: 100px 100px 0 0;
	color: var(--primary-color);
	font-weight: 600;
	padding: 12px 25px;
}

.product-tabs .nav-link.active,
.site-tabs .nav-link.active{
	background: var(--accent-color);
	color: var(--white-color);
}

.product-tabs .tab-content{
	padding: 30px 0 0;
}

.service-entry img{
	max-width: 100%;
	height: auto;
}

.service-entry table{
	width: 100%;
	margin-bottom: 20px;
}

.content-video,
.content-gallery{
	margin-top: 40px;
}

.content-gallery .photo-gallery{
	margin-bottom: 30px;
}

.content-gallery .photo-gallery img{
	width: 100%;
	aspect-ratio: 5 / 4;
	object-fit: cover;
	border-radius: 14px;
}

.page-pagination ul li.active span,
.page-pagination ul li span:hover{
	background: var(--accent-color);
	color: var(--white-color);
}

.page-pagination ul li.disabled span{
	opacity: 0.4;
}

/* Formlar */
.site-form-box{
	width: 100%;
	background: var(--white-color);
	border-radius: 20px;
}

.site-tabs{
	margin: 0 0 30px;
}

.contact-address{
	margin-top: 15px;
}

.contact-address i{
	color: var(--accent-color);
	margin-right: 6px;
}

/* Bayiler */
.seller-item{
	height: calc(100% - 30px);
	margin-bottom: 30px;
	padding: 25px;
	background: var(--white-color);
	border-radius: 14px;
}

.seller-item h3{
	font-size: 20px;
	margin-bottom: 10px;
}

.seller-item h3 i{
	color: var(--accent-color);
}

.seller-item p{
	margin-bottom: 5px;
}

.seller-item-flag{
	display: flex;
	align-items: center;
	gap: 15px;
}

@media only screen and (max-width: 991px){
	.product-summary{
		padding: 30px 0 0;
	}

	.product-summary h2{
		font-size: 30px;
	}

	.page-single-sidebar{
		margin-top: 40px;
	}

	.header-actions{
		display: none;
	}

	.header-search-box{
		display: none;
	}

	.hero-slider .hero .section-title h1,
	.hero-slider .hero .section-title h2.h1{
		font-size: 40px;
	}
}

/* İçerik detay görseli: kırpmadan, ekran yüksekliğine sığacak şekilde */
.page-single-image figure{width:fit-content;max-width:100%;margin:0 auto}
.page-single-image img{width:auto;max-width:100%;height:auto;max-height:80vh;aspect-ratio:auto;object-fit:contain;display:block}

/* Logo galerisi (iş ortakları vb.) */
.logo-gallery{row-gap:24px}
.logo-gallery-item{display:flex;align-items:center;justify-content:center;height:100%;aspect-ratio:2/1;padding:20px;background:var(--white-color,#fff);border:1px solid var(--divider-color,rgba(0,0,0,.08));border-radius:14px;transition:box-shadow .3s ease,transform .3s ease}
.logo-gallery-item img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:grayscale(100%);opacity:.8;transition:filter .3s ease,opacity .3s ease}
.logo-gallery-item:hover{box-shadow:0 10px 30px rgba(0,0,0,.08);transform:translateY(-4px)}
.logo-gallery-item:hover img{filter:none;opacity:1}
@media (max-width:767px){.logo-gallery{row-gap:15px}.logo-gallery-item{padding:12px}}

/* Ürün teklif formu */
.product-quote {
    margin-top: 60px;
    padding: 40px;
    border-radius: 20px;
    background: var(--secondary-color, #f6f6f6);
    scroll-margin-top: 120px;
}
.product-quote .section-title { margin-bottom: 30px; }
.product-quote .form-control[readonly] { font-weight: 600; opacity: 1; }
@media (max-width: 767px) {
    .product-quote { margin-top: 40px; padding: 25px 20px; }
}