/* ----------------------------------------------------------------
	Kooala — Custom CSS
	Canvas tema dosyalarına dokunmadan tüm özelleştirmeler burada.
-----------------------------------------------------------------*/

:root {
	--kooala-green: #17A34A;
	--kooala-green-rgb: 23, 163, 74;
	--kooala-green-dark: #0F7A37;
	--kooala-ink: #0F1B2D;
	--kooala-ink-2: #16263D;
	--kooala-soft: #F5F8F6;
	--kooala-border: #E6ECE8;

	--cnvs-themecolor: var(--kooala-green);
	--cnvs-themecolor-rgb: var(--kooala-green-rgb);
}

body { color: #4B5563; }

h1, h2, h3, h4, h5, h6 { color: var(--kooala-ink); }
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 { color: #FFF; }

::selection { background: rgba(var(--kooala-green-rgb), .2); }

.page-section { scroll-margin-top: 80px; }

/* Ortak parçalar
-----------------------------------------------------------------*/
.kooala-eyebrow {
	display: inline-block;
	margin-bottom: 12px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--kooala-green);
}

.kooala-soft-bg { background-color: var(--kooala-soft) !important; }

.py-6 { padding-top: 96px !important; padding-bottom: 96px !important; }
@media (max-width: 991.98px) {
	.py-6 { padding-top: 64px !important; padding-bottom: 64px !important; }
}

.button { border-radius: 30px; }
.button.button-border:not(.button-white) {
	border-color: var(--kooala-green);
	color: var(--kooala-green);
}
.button.button-border:not(.button-white):hover { background-color: var(--kooala-green); color: #FFF; }

.kooala-check-list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 10px;
	font-weight: 500;
	color: var(--kooala-ink);
}
.kooala-check-list i { color: var(--kooala-green); margin-top: 2px; }

/* Header
-----------------------------------------------------------------*/
#logo img { height: 52px; width: auto; }
.sticky-header #logo img { height: 44px; }
@media (max-width: 991.98px) { #logo img { height: 42px; } }

.menu-item-lang .menu-link div {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 600;
}
.is-expanded-menu .menu-item-lang .menu-link div {
	padding: 6px 14px;
	margin: -6px 0;
	border: 1px solid rgba(255, 255, 255, .35);
	border-radius: 20px;
}
.is-expanded-menu #header.sticky-header .menu-item-lang .menu-link div,
.is-expanded-menu #header.not-dark .menu-item-lang .menu-link div { border-color: var(--kooala-border); }

/* Hero
-----------------------------------------------------------------*/
.kooala-hero-overlay {
	background: linear-gradient(100deg, rgba(15, 27, 45, .92) 0%, rgba(15, 27, 45, .72) 45%, rgba(15, 27, 45, .25) 100%) !important;
}
#slider .emphasis-title h1 {
	font-size: clamp(2.25rem, 5vw, 3.75rem);
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: -1px;
}

/* Hakkımızda — sayaçlar
-----------------------------------------------------------------*/
.kooala-stat {
	height: 100%;
	padding: 32px 28px;
	background: #FFF;
	border: 1px solid var(--kooala-border);
	border-radius: 20px;
	transition: transform .3s ease, box-shadow .3s ease;
}
.kooala-stat:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(15, 27, 45, .08); }
.kooala-stat .counter {
	margin-bottom: 6px;
	font-size: 44px;
	font-weight: 700;
	line-height: 1.1;
	color: var(--kooala-green);
}
.kooala-stat p { font-weight: 500; color: var(--kooala-ink); }

/* Ürünler
-----------------------------------------------------------------*/
.kooala-product-chips {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}
.kooala-product-chips a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 18px;
	font-weight: 500;
	color: var(--kooala-ink);
	background: #FFF;
	border: 1px solid var(--kooala-border);
	border-radius: 30px;
	transition: all .2s ease;
}
.kooala-product-chips a i { color: var(--kooala-green); }
.kooala-product-chips a:hover { border-color: var(--kooala-green); color: var(--kooala-green); transform: translateY(-2px); }

.kooala-product-row + .kooala-product-row { border-top: 1px solid var(--kooala-border); }

.kooala-product-media {
	overflow: hidden;
	border-radius: 24px;
	box-shadow: 0 30px 60px rgba(15, 27, 45, .12);
}
.kooala-product-media img { display: block; width: 100%; height: auto; transition: transform .6s ease; }
a.kooala-product-media:hover img { transform: scale(1.03); }

.kooala-product-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	margin-bottom: 20px;
	font-size: 24px;
	color: var(--kooala-green);
	background: rgba(var(--kooala-green-rgb), .1);
	border-radius: 16px;
}
.kooala-product-icon-light { color: #FFF; background: rgba(255, 255, 255, .12); }

.kooala-product-title { font-size: 42px; color: var(--kooala-ink); }
.kooala-product-title span { color: var(--kooala-green); font-weight: 600; }
.kooala-product-title-xl { font-size: clamp(2.75rem, 6vw, 4.25rem); color: #FFF; }
.kooala-mini-card .kooala-product-title { font-size: 1rem; }

/* Özellik kartları
-----------------------------------------------------------------*/
.kooala-feature {
	padding: 32px;
	background: #FFF;
	border: 1px solid var(--kooala-border);
	border-radius: 20px;
	transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.kooala-feature:hover {
	transform: translateY(-6px);
	border-color: rgba(var(--kooala-green-rgb), .35);
	box-shadow: 0 20px 45px rgba(15, 27, 45, .08);
}
.kooala-feature-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	margin-bottom: 20px;
	font-size: 22px;
	color: #FFF;
	background: var(--kooala-green);
	border-radius: 14px;
}

/* Referanslar
-----------------------------------------------------------------*/
.kooala-quote-icon { display: block; margin-bottom: 8px; font-size: 48px; color: rgba(var(--kooala-green-rgb), .35); }
.kooala-quote {
	margin-bottom: 24px;
	font-size: clamp(1.15rem, 2.4vw, 1.6rem);
	font-weight: 300;
	line-height: 1.6;
	color: var(--kooala-ink);
}
.testimonial-full .flex-control-nav { position: relative; margin-top: 32px; }

/* SSS
-----------------------------------------------------------------*/
.kooala-accordion .accordion-header {
	padding: 18px 24px;
	margin-top: 12px;
	background: #FFF;
	border: 1px solid var(--kooala-border);
	border-radius: 14px;
	transition: border-color .2s ease;
}
.kooala-accordion .accordion-header:first-child { margin-top: 0; }
.kooala-accordion .accordion-header:hover,
.kooala-accordion .accordion-header.accordion-active { border-color: var(--kooala-green); }
.kooala-accordion .accordion-title { font-weight: 600; color: var(--kooala-ink); }
.kooala-accordion .accordion-icon { color: var(--kooala-green); }
.kooala-accordion .accordion-content { padding: 16px 24px 4px; color: #6B7280; }

/* İletişim
-----------------------------------------------------------------*/
.kooala-contact {
	padding: 110px 0 !important;
	background: linear-gradient(135deg, var(--kooala-ink) 0%, var(--kooala-ink-2) 55%, #0E4D2A 100%) !important;
}
.kooala-contact-info li {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 22px;
}
.kooala-contact-info i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 48px;
	height: 48px;
	font-size: 20px;
	color: #FFF;
	background: rgba(255, 255, 255, .08);
	border-radius: 14px;
}
.kooala-contact-info small { display: block; color: rgba(255, 255, 255, .5); }
.kooala-contact-info a, .kooala-contact-info span { color: #FFF; font-weight: 500; }
.kooala-contact .card label { font-size: 14px; font-weight: 500; color: var(--kooala-ink); text-transform: none; letter-spacing: 0; }
.kooala-contact .form-control,
.kooala-contact .form-select { padding: 12px 16px; border-color: var(--kooala-border); border-radius: 12px; }
.kooala-contact .form-control:focus,
.kooala-contact .form-select:focus { border-color: var(--kooala-green); box-shadow: 0 0 0 .2rem rgba(var(--kooala-green-rgb), .15); }
.kooala-contact .form-check-input:checked { background-color: var(--kooala-green); border-color: var(--kooala-green); }

/* Alt şerit + footer
-----------------------------------------------------------------*/
.kooala-strip { padding: 18px 0; background: var(--kooala-soft); border-bottom: 1px solid var(--kooala-border); }
.kooala-strip .app-footer-features i { color: var(--kooala-green); }

.kooala-footer { background-color: #FFF; border-top: 0 !important; }
.kooala-footer-logo { height: 48px; width: auto; }
.kooala-footer h4 { font-size: 15px; font-weight: 600; margin-bottom: 20px; }
.kooala-two-col { columns: 2; column-gap: 24px; }
.kooala-footer-contact li { display: flex; gap: 10px; margin-bottom: 12px; color: #6B7280; }
.kooala-footer-contact i { color: var(--kooala-green); }
.kooala-footer-contact a { color: #6B7280; }
.kooala-footer-contact a:hover { color: var(--kooala-green); }
.kooala-footer #copyrights { border-top: 1px solid var(--kooala-border); font-size: 14px; color: #9CA3AF; }

/* Ürün detay
-----------------------------------------------------------------*/
.kooala-product-hero {
	padding: 170px 0 100px;
	background:
		radial-gradient(circle at 85% 20%, rgba(var(--kooala-green-rgb), .25) 0%, transparent 45%),
		linear-gradient(135deg, var(--kooala-ink) 0%, var(--kooala-ink-2) 100%);
}
.kooala-product-hero .slider-inner { position: relative; }
@media (max-width: 991.98px) { .kooala-product-hero { padding: 130px 0 70px; } }

.kooala-product-media-hero { box-shadow: 0 40px 80px rgba(0, 0, 0, .35); }

.kooala-breadcrumb { --bs-breadcrumb-divider-color: rgba(255, 255, 255, .4); font-size: 14px; }
.kooala-breadcrumb a { color: rgba(255, 255, 255, .6); }
.kooala-breadcrumb a:hover { color: #FFF; }
.kooala-breadcrumb .active { color: #FFF; }

.kooala-badge { background: rgba(var(--kooala-green-rgb), .12); color: var(--kooala-green); font-weight: 600; }

.kooala-pricing {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 40px 32px !important;
	border: 1px solid var(--kooala-border);
	border-radius: 24px;
	box-shadow: none !important;
	transition: transform .3s ease, box-shadow .3s ease;
}
.kooala-pricing:hover { transform: translateY(-6px); box-shadow: 0 24px 50px rgba(15, 27, 45, .1) !important; }
.kooala-pricing.is-popular { border: 2px solid var(--kooala-green); box-shadow: 0 24px 50px rgba(var(--kooala-green-rgb), .15) !important; }
.kooala-pricing .pricing-features { flex-grow: 1; }
.kooala-pricing .pricing-features li { padding: 6px 0; }
.kooala-pricing .pricing-features i { color: var(--kooala-green); }
.kooala-pricing .pricing-price { color: var(--kooala-ink); }
.kooala-price-custom { font-size: 32px !important; font-weight: 700; color: var(--kooala-ink); }
.kooala-pricing-flag {
	position: absolute;
	top: -14px;
	left: 50%;
	transform: translateX(-50%);
	padding: 4px 16px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #FFF;
	background: var(--kooala-green);
	border-radius: 20px;
}

.kooala-mini-card {
	display: block;
	overflow: hidden;
	background: #FFF;
	border: 1px solid var(--kooala-border);
	border-radius: 18px;
	transition: transform .3s ease, box-shadow .3s ease;
}
.kooala-mini-card img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; }
.kooala-mini-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(15, 27, 45, .1); }

/* Düzeltmeler
-----------------------------------------------------------------*/
/* Geniş gutter'lar küçük ekranda yatay kaydırma yapmasın */
@media (max-width: 767.98px) {
	.row.g-5 { --bs-gutter-x: 1.5rem; }
}

/* Ürün sloganı: tema varsayılanındaki serif font yerine gövde fontu */
.before-heading {
	font-family: var(--cnvs-body-font) !important;
	font-style: normal;
	font-weight: 600;
	letter-spacing: 1.5px;
}

/* "En Popüler" etiketi kart dışına taşabilsin */
.pricing-box.kooala-pricing { overflow: visible; }

/* Çözümler — 3 ana alan
-----------------------------------------------------------------*/
.kooala-pillar {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 40px 36px;
	background: #FFF;
	border: 1px solid var(--kooala-border);
	border-radius: 24px;
	overflow: hidden;
	transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.kooala-pillar::before {
	content: '';
	position: absolute;
	inset: 0 0 auto 0;
	height: 4px;
	background: var(--kooala-green);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .4s ease;
}
.kooala-pillar:hover { transform: translateY(-6px); box-shadow: 0 24px 50px rgba(15, 27, 45, .1); border-color: transparent; }
.kooala-pillar:hover::before { transform: scaleX(1); }
.kooala-pillar .kooala-check-list { flex-grow: 1; }
.kooala-pillar-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	margin-bottom: 24px;
	font-size: 28px;
	color: #FFF;
	background: var(--kooala-green);
	border-radius: 18px;
}
.kooala-pillar-ai .kooala-pillar-icon { background: linear-gradient(135deg, #17A34A 0%, #0EA5E9 100%); }
.kooala-pillar-custom .kooala-pillar-icon { background: var(--kooala-ink); }
.kooala-pillar-label {
	display: block;
	margin-bottom: 6px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #9CA3AF;
}
.kooala-pillar-link { font-weight: 600; color: var(--kooala-green); }
.kooala-pillar-link i { display: inline-block; margin-left: 4px; transition: transform .2s ease; }
.kooala-pillar-link:hover i { transform: translateX(4px); }

/* AI Solutions vitrini
-----------------------------------------------------------------*/
.kooala-ai {
	position: relative;
	padding: 110px 0 !important;
	overflow: hidden;
	background:
		radial-gradient(circle at 10% 0%, rgba(14, 165, 233, .18) 0%, transparent 40%),
		radial-gradient(circle at 90% 100%, rgba(var(--kooala-green-rgb), .22) 0%, transparent 45%),
		var(--kooala-ink) !important;
}
.kooala-ai::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image: linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px);
	background-size: 48px 48px;
	mask-image: radial-gradient(ellipse at center, #000 30%, transparent 75%);
	pointer-events: none;
}
.kooala-ai .container { position: relative; }
.kooala-eyebrow-ai {
	padding: 6px 14px;
	color: #6EE7A0;
	background: rgba(var(--kooala-green-rgb), .15);
	border: 1px solid rgba(var(--kooala-green-rgb), .35);
	border-radius: 30px;
}

.kooala-ai-card {
	display: flex;
	flex-direction: column;
	padding: 36px 32px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 24px;
	backdrop-filter: blur(6px);
	transition: transform .3s ease, border-color .3s ease, background-color .3s ease;
}
.kooala-ai-card:hover { transform: translateY(-6px); border-color: rgba(var(--kooala-green-rgb), .6); background: rgba(255, 255, 255, .06); }
.kooala-ai-card.is-featured {
	background: linear-gradient(160deg, rgba(var(--kooala-green-rgb), .22) 0%, rgba(14, 165, 233, .08) 100%);
	border-color: rgba(var(--kooala-green-rgb), .5);
}
.kooala-ai-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	font-size: 24px;
	color: #FFF;
	background: linear-gradient(135deg, #17A34A 0%, #0EA5E9 100%);
	border-radius: 16px;
	box-shadow: 0 10px 30px rgba(var(--kooala-green-rgb), .35);
}
.kooala-ai-tags { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.kooala-ai-tags span {
	padding: 3px 10px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .5px;
	color: rgba(255, 255, 255, .75);
	background: rgba(255, 255, 255, .08);
	border-radius: 20px;
}
.kooala-ai-features { flex-grow: 1; margin-bottom: 24px; }
.kooala-ai-features li { display: flex; gap: 10px; margin-bottom: 10px; color: rgba(255, 255, 255, .85); }
.kooala-ai-features i { color: #6EE7A0; font-size: 18px; line-height: 1.3; }
.kooala-ai-cta { align-self: flex-start; font-weight: 600; color: #6EE7A0 !important; }
.kooala-ai-cta i { display: inline-block; margin-left: 4px; transition: transform .2s ease; }
.kooala-ai-cta:hover i { transform: translateX(4px); }

.kooala-ai-steps { padding-top: 48px; border-top: 1px solid rgba(255, 255, 255, .1); }
.kooala-ai-step-no {
	display: block;
	margin-bottom: 10px;
	font-size: 28px;
	font-weight: 700;
	line-height: 1;
	color: transparent;
	-webkit-text-stroke: 1px rgba(110, 231, 160, .7);
}

/* Menü: çözüm alt başlıkları */
.is-expanded-menu .sub-menu-container .kooala-submenu-sub > .menu-link { padding-top: 6px; padding-bottom: 6px; padding-left: 34px; font-size: 13px; opacity: .75; }
@media (min-width: 992px) and (max-width: 1199.98px) {
	.is-expanded-menu .menu-link { --cnvs-primary-menu-padding-x: 12px; }
}

/* Geliştirme aşaması rozeti ve kartı */
.kooala-badge-light { background: rgba(255, 255, 255, .14); color: #fff; }
.kooala-status-card { padding: 40px; }