/*
Theme Name: Hosteva
Theme URI: https://www.hosteva.com/
Author: Hosteva Ekibi
Author URI: https://www.hosteva.com/
Description: Firmaların tüm bilgilerini hizmetlerini detaylı bir şekilde verebileceği yeni nesil tasarım.
Version: 2.0
Text Domain: hosteva
*/
.logged-in .main-nav {
	top: 32px;
}

.inner-pages-style1 h1,
.inner-pages-style1 h2,
.inner-pages-style1 h3,
.inner-pages-style1 h4,
.inner-pages-style1 h5,
.inner-pages-style1 h6,
.inner-pages-style1 .title {
	font-family: 'Playfair Display', serif !important;
}

.foot-social a.bg-white i {
	color: #000 !important;
}

.eva-header-item {
	margin: 0 10px !important;
}

.tc-services-style1 .service-card .img {
	height: 400px !important;
}

.tc-latest-cases-style1 .case-card .img {
	height: 600px !important;
}

img.alignright {
	float: right;
	margin: 0 0 1em 1em;
}

img.alignleft {
	float: left;
	margin: 0 1em 1em 0;
}

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

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

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

.call-center .content {
	position: relative;
}

span.telayar {
	position: absolute;
	bottom: -12px;
	right: -20px;
	letter-spacing: 9.3px;
}

.section-title.section-icerik {
	padding: 100px 0 !important;
	margin: 0;
}

.cardv2 .card {
	background-color: unset;
	border-top: 1px solid #6f6f6f;
	padding: 12px 0;
}

.cardv2 .btn-link {
	font-size: 19px;
	color: #fff;
	font-weight: normal;
}

.cardv2 .card-header {
	padding: 0;
}

.cardv2 .card-body {
	padding: 12px 0;
	font-size: 15px;
	line-height: 24px;
}

.cardv2 .card:last-child {
	border-bottom: 1px solid #6f6f6f;
}

.padding-left * {
	padding: 0 !important;
}

#jumbotron.jumbotron-left>div {
	justify-content: center;
}

.section {
	padding-bottom: 70px;
}

.section.picture-section {
	padding-bottom: 0;
}

.customChecked1::before,
.customChecked2::before {
	background-color: transparent;
	border-color: #1ef1c6;
}

.customChecked1::after,
.customChecked2::after {
	background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='%231ef1c6' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/></svg>");
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #1ef1c6;
	padding: 20px;
	color: #fff !important;
	opacity: 1;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #1ef1c6;
	padding: 20px;
	color: #ffff;
}

form.wpcf7-form {
	position: relative;
}

/* Contact Form 7 Premium Styling */
.tc-contact-style8 .wpcf7-form p {
	margin-bottom: 25px;
}

.tc-contact-style8 .wpcf7-text,
.tc-contact-style8 .wpcf7-textarea,
.tc-contact-style8 .wpcf7-email {
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-radius: 0 !important;
	padding: 10px 0 !important;
	color: #fff !important;
	width: 100%;
	font-size: 16px;
	transition: all 0.3s ease;
}

.tc-contact-style8 .wpcf7-textarea {
	height: 80px !important;
	resize: none;
}

.tc-contact-style8 .wpcf7-text:focus,
.tc-contact-style8 .wpcf7-textarea:focus,
.tc-contact-style8 .wpcf7-email:focus {
	border-bottom-color: var(--color-orange1) !important;
	outline: none;
}

.tc-contact-style8 .wpcf7-submit {
	background: #fff !important;
	color: #000 !important;
	border: 0 !important;
	padding: 15px 40px !important;
	border-radius: 50px !important;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 13px;
	cursor: pointer;
	transition: all 0.4s ease;
	margin-top: 20px;
}

.tc-contact-style8 .wpcf7-submit:hover {
	background: var(--color-orange1) !important;
	color: #fff !important;
}

.tc-contact-style8 .wpcf7-not-valid-tip {
	color: #ff4d4d;
	font-size: 12px;
	margin-top: 5px;
}


/* Ürün Kartı Kısa Açıklama Düzenlemesi */
.product-short-desc {
	height: 50px;
	font-size: 12px !important;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-top: 8px;
	margin-bottom: 0;
}

/* Ürün Kartı Görsel Düzenlemesi */
.product-card-simple img.wp-post-image {
	max-height: 100% !important;
	width: auto;
	object-fit: contain;
}

/* Bizden Haberler Kart Düzenlemesi */
.logo-card {
	background: rgba(255, 255, 255, 0.8) !important;
	backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 12px;
	padding: 30px !important;
	transition: all 0.3s ease;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.logo-card:hover {
	background: rgba(255, 255, 255, 1) !important;
	transform: translateY(-5px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.logo-card .num {
	font-size: 40px;
	font-weight: 800;
	opacity: 0.1;
	position: absolute;
	right: 20px;
	top: 10px;
}

/* Contact Page Form 7 Premium Styling - Refined */
/* Luxe Contact Form - Ultra Premium Styling */
.luxe-contact-form {
	border: none !important;
	box-shadow: 0 30px 60px rgba(0, 0, 0, 0.05) !important;
}

.luxe-contact-form h3 {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 60px;
	letter-spacing: 2px;
	position: relative;
	display: inline-block;
	width: 100%;
}

.luxe-contact-form h3::after {
	content: '';
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
	height: 2px;
	background: #9b7f41;
}

.luxe-contact-form .wpcf7-form p {
	margin-bottom: 35px !important;
	position: relative;
	text-transform: none !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	color: #888 !important;
	font-size: 13px !important;
}

.luxe-contact-form .wpcf7-form br {
	display: none !important;
}

/* Input Styles */
.luxe-contact-form .wpcf7-form-control:not([type="submit"]) {
	width: 100% !important;
	background: transparent !important;
	border: none !important;
	border-bottom: 1px solid #e0e0e0 !important;
	border-radius: 0 !important;
	padding: 12px 0 !important;
	font-size: 16px !important;
	color: #222 !important;
	margin-top: 5px !important;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
	box-shadow: none !important;
}

.luxe-contact-form .wpcf7-form-control:not([type="submit"]):focus {
	border-bottom-color: #9b7f41 !important;
	padding-left: 10px !important;
}

/* Textarea specifically */
.luxe-contact-form .wpcf7-textarea {
	height: 100px !important;
	margin-top: 15px !important;
	border: 1px solid #f0f0f0 !important;
	padding: 15px !important;
	background: #fafafa !important;
}

.luxe-contact-form .wpcf7-textarea:focus {
	background: #fff !important;
	border-color: #9b7f41 !important;
}

/* Submit Button */
.luxe-contact-form .wpcf7-submit {
	background: #000 !important;
	color: #fff !important;
	padding: 18px 50px !important;
	border-radius: 4px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: 3px !important;
	text-transform: uppercase !important;
	border: 1px solid #000 !important;
	transition: all 0.3s ease !important;
	margin-top: 20px !important;
	cursor: pointer !important;
}

.luxe-contact-form .wpcf7-submit:hover {
	background: #9b7f41 !important;
	border-color: #9b7f41 !important;
	letter-spacing: 5px !important;
	box-shadow: 0 15px 30px rgba(155, 127, 65, 0.2) !important;
}

/* Response Output */
.luxe-contact-form .wpcf7-response-output {
	border: 1px solid #9b7f41 !important;
	background: #fff !important;
	color: #9b7f41 !important;
	font-size: 14px !important;
	padding: 20px !important;
	margin-top: 40px !important;
	border-radius: 0 !important;
	animation: fadeIn 0.5s ease forwards;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Validation Tips */
.luxe-contact-form .wpcf7-not-valid-tip {
	font-size: 11px !important;
	color: #d9534f !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	margin-top: 5px !important;
}

/* Fix Modal Backdrop Issue */
#quoteModal {
	z-index: 99999 !important;
}

.modal-backdrop {
	z-index: 99998 !important;
}

/* ================================================
   MOBİL OPTİMİZASYON - DETAYLI DENETİM
   ================================================ */

/* --- Tablet & Küçük Ekranlar (991px ve altı) --- */
@media screen and (max-width: 991px) {

	/* Genel Padding Azaltma */
	.section-padding {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}

	/* İletişim Sayfası - Sosyal İkonlar Mobilde Ortala */
	.tc-contact-info-style1 .social-icons {
		text-align: center !important;
		margin-top: 30px;
	}

	/* Floramız - Mobilde Görsel Yüksekliği Düşür */
	.page-template-page-floramiz .img img {
		height: 350px !important;
	}

	/* Floramız - Başlık Boyutu Ayarla */
	.page-template-page-floramiz .fsz-45 {
		font-size: 28px !important;
	}

	/* Koleksiyon - Ürün Kartı Görsel Yükseklik */
	.tc-services-style1 .service-card .img {
		height: 280px !important;
	}

	/* Atmosfer Galeri - Görsel Yükseklik Düşür */
	.tc-latest-cases-style1 .case-card .img {
		height: 350px !important;
	}

	/* Lüks İletişim Formu Mobil */
	.luxe-contact-form {
		padding: 30px 20px !important;
	}

	.luxe-contact-form h3 {
		font-size: 24px !important;
		margin-bottom: 40px !important;
	}

	/* Cover Başlık Boyutu */
	.inner-pages-style1 .section-body h1,
	.inner-pages-style1 .section-body h2 {
		font-size: 32px !important;
	}

	/* Footer Mobil Hizalama */
	.tc-footer-style1 {
		text-align: center;
	}

	.tc-footer-style1 .foot-social {
		justify-content: center;
		display: flex;
		margin-top: 20px;
	}

	.tc-footer-style1 .col-lg-3 {
		margin-top: 40px;
	}

	.tc-footer-style1 h5 {
		margin-bottom: 15px !important;
	}
}

/* --- Mobil Cihazlar (767px ve altı) --- */
@media screen and (max-width: 767px) {

	/* Koleksiyon - Kart İçi Padding */
	.tc-services-style1 .service-card {
		padding: 15px !important;
	}

	/* Floramız Paragraf */
	.page-template-page-floramiz .fsz-18 {
		font-size: 15px !important;
	}

	/* Teklif Al Modalı Mobil Uyumu */
	#quoteModal .modal-dialog {
		margin: 10px !important;
	}

	#quoteModal .modal-body {
		padding: 25px 20px !important;
	}

	#quoteModal .modal-title {
		font-size: 18px !important;
	}

	/* İletişim Sayfası Bilgi Kartları */
	.tc-contact-info-style1 h3 {
		font-size: 24px !important;
	}

	/* Logo Kartları (Haberler) */
	.logo-card {
		padding: 20px !important;
	}
}

/* --- Çok Küçük Ekranlar (iPhone SE, 375px ve altı) --- */
@media screen and (max-width: 375px) {

	/* Genel Büyük Font Düzeltmesi */
	.fsz-28 {
		font-size: 20px !important;
	}

	/* Buton Boyutları Küçült */
	.butn {
		padding: 10px 20px !important;
		font-size: 12px !important;
	}

	/* Koleksiyon Görsel */
	.tc-services-style1 .service-card .img {
		height: 220px !important;
	}

	/* Atmosfer Görsel */
	.tc-latest-cases-style1 .case-card .img {
		height: 250px !important;
	}

	/* Lüks Form Buton */
	.luxe-contact-form .wpcf7-submit {
		padding: 14px 30px !important;
		font-size: 12px !important;
		letter-spacing: 1px !important;
	}
}

/* ================================================
   İÇ SAYFA COVER - MOBİL UYUM
   Logo ile metinlerin cakismasini onle
   ================================================ */
@media screen and (max-width: 991px) {

	/* Cover yuksekligini mobilde azalt */
	.inner-pages-style1 .tc-header-style1 {
		min-height: 60vh !important;
		padding-top: 120px !important;
		padding-bottom: 40px !important;
	}

	/* Ana baslik kucult */
	.inner-pages-style1 .tc-header-style1 .info h1,
	.inner-pages-style1 .tc-header-style1 .info .fsz-80 {
		font-size: 32px !important;
		line-height: 1.2 !important;
		margin-bottom: 15px !important;
	}

	/* Subtitle kucult */
	.inner-pages-style1 .tc-header-style1 .info h6,
	.inner-pages-style1 .tc-header-style1 .info .fsz-14 {
		font-size: 11px !important;
		letter-spacing: 3px !important;
		margin-bottom: 10px !important;
	}

	/* Aciklama metni */
	.inner-pages-style1 .tc-header-style1 .info .text,
	.inner-pages-style1 .tc-header-style1 .info .fsz-20 {
		font-size: 15px !important;
		line-height: 1.5 !important;
	}
}

@media screen and (max-width: 480px) {

	.inner-pages-style1 .tc-header-style1 {
		min-height: 50vh !important;
		padding-top: 100px !important;
	}

	.inner-pages-style1 .tc-header-style1 .info h1,
	.inner-pages-style1 .tc-header-style1 .info .fsz-80 {
		font-size: 26px !important;
		line-height: 1.2 !important;
	}
}

/* ================================================
   ANASAYFA MOBİL - CSS SCROLL-SNAP TAM EKRAN
   Swiper mobilde devre disi, native scroll-snap
   ================================================ */
@media screen and (max-width: 991px) {

	/* ScrollSmoother wrapper override */
	.ScrollSmoother-wrapper {
		position: relative !important;
		overflow: visible !important;
		height: auto !important;
		width: 100% !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
	}

	#scrollsmoother-container {
		overflow: visible !important;
		transform: none !important;
		will-change: auto !important;
	}

	/* Body + html sadece anasayfa icin kilitle */
	html.home-style8-html,
	body.home-style8 {
		overflow: hidden !important;
		height: 100vh !important;
		height: 100svh !important;
		margin: 0 !important;
	}

	/* Slider = scroll-snap container */
	.fullpage-slider8 {
		height: 100vh !important;
		height: 100svh !important;
		overflow-y: scroll !important;
		overflow-x: hidden !important;
		scroll-snap-type: y mandatory !important;
		-webkit-overflow-scrolling: touch !important;
	}

	/* swiper-wrapper artik block (flex degil) */
	.fullpage-slider8 .swiper-wrapper {
		display: block !important;
		transform: none !important;
		transition: none !important;
	}

	/* Her slide = tam ekran + snap noktasi */
	.fullpage-slider8 .swiper-slide {
		height: 100vh !important;
		height: 100svh !important;
		width: 100% !important;
		scroll-snap-align: start !important;
		overflow: hidden !important;
	}

	/* Section icerik - tam ekran, dikey ortala */
	.fullpage-slider8 .swiper-slide>section {
		min-height: 100vh !important;
		min-height: 100svh !important;
		height: 100vh !important;
		height: 100svh !important;
		display: flex !important;
		align-items: center !important;
		overflow: hidden !important;
		padding: 20px 0 !important;
	}

	/* Container icerisinde uygun bosluk */
	.fullpage-slider8 .swiper-slide>section>.container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	/* Hero baslik boyutu mobilde kucult */
	.fullpage-slider8 .tc-about-style8 h1 {
		font-size: 28px !important;
		line-height: 1.3 !important;
		margin-top: 20px !important;
	}

	/* Hero subtitle */
	.fullpage-slider8 .hero-subtitle {
		font-size: 11px !important;
		letter-spacing: 3px !important;
		margin-bottom: 10px !important;
	}

	/* Aciklama metni */
	.fullpage-slider8 .tc-about-style8 .text {
		font-size: 14px !important;
		margin-top: 10px !important;
		margin-bottom: 20px !important;
	}

	/* Butonlar mobilde kucult */
	.fullpage-slider8 .butn {
		padding: 10px 25px !important;
		font-size: 12px !important;
	}

	/* Numara gostergesi */
	.fullpage-slider8 .num {
		margin-top: 15px !important;
		font-size: 12px !important;
	}

	/* ---- Slide 04: Urunler ---- */
	.fullpage-slider8 .tc-about-style8 .mb-80 {
		margin-bottom: 15px !important;
	}

	/* Urun kartlari 2x2 grid */
	.fullpage-slider8 .col-lg-3.col-md-6 {
		flex: 0 0 50% !important;
		max-width: 50% !important;
		padding: 5px !important;
		margin-bottom: 0 !important;
	}

	.fullpage-slider8 .product-card-simple {
		padding: 10px !important;
		border-radius: 8px !important;
	}

	.fullpage-slider8 .product-card-simple img {
		max-height: 80px !important;
		margin-bottom: 5px !important;
	}

	.fullpage-slider8 .product-card-simple .fsz-20 {
		font-size: 12px !important;
	}

	.fullpage-slider8 .product-short-desc {
		display: none !important;
	}

	/* ---- Slide 05: Haberler ---- */
	.fullpage-slider8 .tc-partners-style8 {
		padding: 0 !important;
	}

	.fullpage-slider8 .tc-partners-style8>.container {
		padding-top: 60px !important;
	}

	.fullpage-slider8 .tc-partners-style8 .section-head {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 10px !important;
		margin-bottom: 15px !important;
	}

	.fullpage-slider8 .tc-partners-style8 .fsz-30 {
		font-size: 20px !important;
	}

	.fullpage-slider8 .tc-partners-style8 .logos {
		max-height: 55vh !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch;
	}

	.fullpage-slider8 .logo-card {
		padding: 12px 15px !important;
	}

	.fullpage-slider8 .logo-card .fsz-18 {
		font-size: 14px !important;
	}

	/* ---- Slide 06: İletisim ---- */
	.fullpage-slider8 .tc-contact-style8 {
		height: 100vh !important;
		height: 100svh !important;
		overflow: hidden !important;
	}

	/* Harita mobilde kucuk */
	.fullpage-slider8 .tc-contact-style8 .map-wrap {
		height: 25vh !important;
	}

	/* İletisim baslik */
	.fullpage-slider8 .tc-contact-style8 .fsz-50 {
		font-size: 22px !important;
		margin-bottom: 20px !important;
	}

	/* İletisim container */
	.fullpage-slider8 .tc-contact-style8 .py-50 {
		padding-top: 20px !important;
		padding-bottom: 10px !important;
	}

	.fullpage-slider8 .tc-contact-style8 .mb-50 {
		margin-bottom: 15px !important;
	}

	.fullpage-slider8 .tc-contact-style8 .mb-40 {
		margin-bottom: 10px !important;
	}

	/* Formu mobilde gizle, sadece iletisim bilgisi goster */
	.fullpage-slider8 .tc-contact-style8 .premium-form-wrap {
		display: none !important;
	}

	/* Sosyal linkler */
	.fullpage-slider8 .tc-contact-style8 .social-links {
		margin-top: 10px !important;
	}

	/* Pagination gizle (scroll-snap'te gereksiz) */
	.full-page-pagination {
		display: none !important;
	}
}

/* Cok kucuk ekranlar icin ek ayarlar */
@media screen and (max-width: 480px) {

	.fullpage-slider8 .tc-about-style8 h1 {
		font-size: 24px !important;
	}

	.fullpage-slider8 .product-card-simple img {
		max-height: 65px !important;
	}

	.fullpage-slider8 .product-card-simple .fsz-20 {
		font-size: 11px !important;
	}

	.fullpage-slider8 .tc-contact-style8 .map-wrap {
		height: 20vh !important;
	}
}

.butn2 br {
	display: none;
}

.butn2 {
	background: #333;
}

.wpcf7-response-output {
	color: #000 !important;
}

/* Fancybox Video Height Fix */
.fancybox-slide--video .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
	min-height: 500px !important;
}

@media screen and (max-width: 991px) {

	.fancybox-slide--video .fancybox-content,
	.fancybox-slide--iframe .fancybox-content {
		min-height: 400px !important;
	}
}

@media screen and (max-width: 767px) {

	.fancybox-slide--video .fancybox-content,
	.fancybox-slide--iframe .fancybox-content {
		min-height: 250px !important;
	}
}