/* ----------------------------------------------------------------------------------------
 * FitimPro — tema uzerine marka katmani
 * custom.css'ten SONRA yuklenir. Tema dosyalarini degistirmek yerine buraya yaz.
 * ---------------------------------------------------------------------------------------- */

/*** Marka logosu (isaret + kelime) ***/
.navbar-brand,
.footer-logo a{
	display: flex;
	align-items: center;
	gap: 11px;
	text-decoration: none;
}

.navbar-brand img,
.footer-logo img{
	width: 42px;
	height: 42px;
	object-fit: contain;
	display: block;
	flex: none;
}

.navbar-brand .brand-word,
.footer-logo .brand-word{
	font-family: var(--accent-font);
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.5px;
	color: var(--primary-color);
	white-space: nowrap;
}

.navbar-brand .brand-word b,
.footer-logo .brand-word b{
	font-weight: 700;
	color: var(--accent-color);
}

.footer-logo{
	margin-bottom: 20px;
}

.footer-logo img{
	width: 38px;
	height: 38px;
}

.footer-logo .brand-word{
	font-size: 27px;
}

@media only screen and (max-width: 991px){
	.navbar-brand img{ width: 36px; height: 36px; }
	.navbar-brand .brand-word{ font-size: 25px; }
}

/*** Rakam seridi — dogrulanmis icerik rakamlari ***/
.fp-stats{
	padding: 0 0 100px;
}

.light-section .fp-stats,
.fp-stats.on-light{
	padding-bottom: 0;
}

.fp-stats-box{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2px;
	background-color: var(--divider-color);
	border: 1px solid var(--divider-color);
	border-radius: 20px;
	overflow: hidden;
}

.fp-stat-item{
	background-color: var(--accent-secondary-color);
	padding: 34px 26px;
	text-align: center;
}

.light-section .fp-stat-item{
	background-color: var(--secondary-color);
}

.fp-stat-item h3{
	font-family: var(--accent-font);
	font-size: 48px;
	font-weight: 700;
	line-height: 1;
	color: var(--accent-color);
	margin-bottom: 10px;
}

.fp-stat-item p{
	font-size: 15px;
	line-height: 1.5em;
	color: var(--text-color);
	margin: 0;
}

@media only screen and (max-width: 991px){
	.fp-stats-box{ grid-template-columns: repeat(2, 1fr); }
	.fp-stat-item{ padding: 26px 16px; }
	.fp-stat-item h3{ font-size: 38px; }
}

@media only screen and (max-width: 480px){
	.fp-stats-box{ grid-template-columns: 1fr; }
}

/*** Ozellik / modul listesi (ikonlu madde) ***/
.fp-feature-grid{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}

.fp-feature-item{
	background-color: var(--secondary-color);
	border: 1px solid var(--divider-color);
	border-radius: 18px;
	padding: 30px 28px;
	height: 100%;
	transition: all 0.3s ease-in-out;
}

.light-section .fp-feature-item{
	background-color: var(--accent-secondary-color);
}

.fp-feature-item:hover{
	border-color: var(--accent-color);
	transform: translateY(-4px);
}

.fp-feature-item .fp-feature-no{
	font-family: var(--accent-font);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--accent-color);
	display: block;
	margin-bottom: 14px;
}

.fp-feature-item h3{
	font-size: 22px;
	line-height: 1.3em;
	color: var(--primary-color);
	margin-bottom: 12px;
}

.fp-feature-item p{
	font-size: 16px;
	line-height: 1.6em;
	margin: 0;
}

.fp-feature-item ul{
	list-style: none;
	padding: 0;
	margin: 14px 0 0;
}

.fp-feature-item ul li{
	position: relative;
	font-size: 15px;
	line-height: 1.5em;
	padding-left: 24px;
	margin-bottom: 9px;
	color: var(--text-color);
}

.fp-feature-item ul li:last-child{ margin-bottom: 0; }

.fp-feature-item ul li::before{
	content: '\f00c';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 12px;
	color: var(--accent-color);
	position: absolute;
	left: 0;
	top: 2px;
}

@media only screen and (max-width: 767px){
	.fp-feature-grid{ grid-template-columns: 1fr; gap: 18px; }
}

/*** Yasal / destek bag baglantilari — footer ***/
.fp-footer-legal{
	margin-top: 6px;
}

.fp-footer-legal ul{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 20px;
}

.fp-footer-legal ul li{
	margin: 0;
}

.fp-footer-legal ul li a{
	font-size: 15px;
	line-height: 1.5em;
	color: var(--text-color);
	transition: all 0.3s ease-in-out;
}

.fp-footer-legal ul li a:hover{
	color: var(--accent-color);
}

/*** Kucuk not / uyari metni ***/
.fp-note{
	font-size: 14px;
	line-height: 1.6em;
	color: var(--text-color);
	opacity: 0.72;
}

/*** Magaza rozetleri — App Store / Google Play ***/
.fp-store-badges{
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 34px;
}

.fp-store-badge{
	display: inline-flex;
	align-items: center;
	gap: 14px;
	min-width: 212px;
	padding: 12px 26px 12px 22px;
	border: 1px solid var(--divider-color);
	border-radius: 14px;
	background-color: #000000;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}

.fp-store-badge img{
	width: 29px;
	height: 31px;
	object-fit: contain;
	flex: none;
	transition: transform 0.3s ease-in-out;
}

.fp-store-badge-text{
	display: block;
}

.fp-store-badge-text small{
	display: block;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 1.3em;
	text-transform: uppercase;
	color: var(--text-color);
}

.fp-store-badge-text strong{
	display: block;
	font-family: var(--accent-font);
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0.2px;
	line-height: 1.15em;
	color: var(--primary-color);
}

.fp-store-badge:hover{
	border-color: var(--accent-color);
	transform: translateY(-4px);
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.45);
}

.fp-store-badge:hover img{
	transform: scale(1.08);
}

/* Footer ve dar alanlar icin kucuk surum */
.fp-store-badges.is-compact{
	gap: 12px;
	margin-top: 24px;
}

.is-compact .fp-store-badge{
	min-width: 0;
	gap: 11px;
	padding: 9px 18px 9px 15px;
	border-radius: 12px;
}

.is-compact .fp-store-badge img{ width: 22px; height: 24px; }
.is-compact .fp-store-badge-text small{ font-size: 10px; letter-spacing: 0.8px; }
.is-compact .fp-store-badge-text strong{ font-size: 17px; }

/*** Uygulama indirme bolumu ***/
.fp-download{
	padding: 100px 0;
}

.fp-download-box{
	position: relative;
	display: grid;
	grid-template-columns: 1.08fr 0.92fr;
	align-items: center;
	gap: 30px;
	padding: 65px 70px;
	border: 1px solid var(--divider-color);
	border-radius: 30px;
	background: linear-gradient(135deg, var(--secondary-color) 0%, var(--accent-secondary-color) 100%);
	overflow: hidden;
}

.light-section .fp-download-box{
	background: linear-gradient(135deg, var(--accent-secondary-color) 0%, var(--secondary-color) 100%);
}

.fp-download-box::before{
	content: '';
	position: absolute;
	top: -170px;
	right: -130px;
	width: 470px;
	height: 470px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(77, 191, 63, 0.22) 0%, rgba(77, 191, 63, 0) 70%);
	pointer-events: none;
}

.fp-download-content{
	position: relative;
	z-index: 1;
}

.fp-download-content .section-title{
	margin-bottom: 0;
	padding-top: 0;
}

.fp-download-content .fp-note{
	margin: 20px 0 0;
}

.fp-download-visual{
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fp-download-visual img{
	width: 47%;
	max-width: 235px;
	height: auto;
	display: block;
	border-radius: 20px;
	border: 1px solid var(--divider-color);
	box-shadow: 0 30px 60px rgba(0, 0, 0, 0.45);
	transition: transform 0.4s ease-in-out;
}

.fp-download-visual img:first-child{
	transform: rotate(-7deg) translate(15%, 14px);
}

.fp-download-visual img:last-child{
	transform: rotate(7deg) translate(-15%, -14px);
}

.fp-download-box:hover .fp-download-visual img:first-child{
	transform: rotate(-9deg) translate(11%, 6px);
}

.fp-download-box:hover .fp-download-visual img:last-child{
	transform: rotate(9deg) translate(-11%, -22px);
}

@media only screen and (max-width: 1199px){
	.fp-download-box{ padding: 55px 45px; }
	.fp-download-content .section-title h2{ font-size: 38px; }
}

@media only screen and (max-width: 991px){
	.fp-download{ padding: 80px 0; }
	.fp-download-box{ grid-template-columns: 1fr; padding: 45px 35px; gap: 40px; }
	.fp-download-visual{ order: -1; }
	.fp-download-visual img{ width: 40%; }
}

@media only screen and (max-width: 575px){
	.fp-download-box{ padding: 34px 22px; border-radius: 22px; }
	.fp-download-visual img{ width: 45%; }
	.fp-store-badge{ min-width: 0; flex: 1 1 100%; }
}

/*** Iletisim formu geri bildirimi ***/
.fp-form-result{
	display: none;
	margin-top: 18px;
	padding: 15px 20px;
	border-radius: 12px;
	font-size: 15px;
	line-height: 1.5em;
}

.fp-form-result.is-ok{
	display: block;
	background-color: rgba(77, 191, 63, 0.12);
	border: 1px solid var(--accent-color);
	color: var(--primary-color);
}

.fp-form-result.is-err{
	display: block;
	background-color: rgba(226, 76, 76, 0.12);
	border: 1px solid var(--error-color);
	color: var(--primary-color);
}

/*** Bilgi kutusu (dogrulanmamis / yakinda bilgisi icin) ***/
.fp-callout{
	background-color: var(--secondary-color);
	border-left: 3px solid var(--accent-color);
	border-radius: 0 14px 14px 0;
	padding: 22px 26px;
	margin-top: 30px;
}

.fp-callout p{
	font-size: 16px;
	line-height: 1.6em;
	margin: 0;
}

.fp-callout p + p{ margin-top: 10px; }

/*** Iceri sayfa govde metni ***/
.fp-prose h3{
	font-size: 26px;
	line-height: 1.3em;
	color: var(--primary-color);
	margin: 38px 0 14px;
}

.fp-prose h3:first-child{ margin-top: 0; }

.fp-prose p{
	font-size: 17px;
	line-height: 1.7em;
	margin-bottom: 18px;
}

.fp-prose ul{
	list-style: none;
	padding: 0;
	margin: 0 0 22px;
}

.fp-prose ul li{
	position: relative;
	font-size: 17px;
	line-height: 1.6em;
	padding-left: 28px;
	margin-bottom: 11px;
}

.fp-prose ul li::before{
	content: '\f058';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 15px;
	color: var(--accent-color);
	position: absolute;
	left: 0;
	top: 3px;
}

.fp-prose strong{ color: var(--primary-color); font-weight: 600; }

/* ----------------------------------------------------------------------------------------
 * Tema duzeltmeleri
 * ---------------------------------------------------------------------------------------- */

/* Tema kart gradyani eski koyu tonu sabit kodluyordu; yeni zemine ve
   acik fotograflara gore koyulastirildi (kart yazisi okunabilir kalsin) */
.service-image figure:before{
	background: linear-gradient(180deg,
		rgba(11, 17, 28, 0) 22%,
		rgba(11, 17, 28, 0.55) 52%,
		rgba(11, 17, 28, 0.94) 100%);
}

.service-content p{
	font-size: 15px;
	line-height: 1.5em;
	color: var(--text-color);
	margin: 10px 0 0;
}

/* Rozet metni — tema 'MOST POPULAR' yaziyordu */
.pricing-item.highlighted-box:after{
	content: 'ÖNE ÇIKAN';
	font-size: 17px;
	letter-spacing: 0.5px;
}

/* Footer liste baglantilari tema tarafindan bicimlendirilmemis,
   tarayici varsayilani mavi kaliyordu */
.footer-links ul li a{
	color: var(--text-color);
	transition: all 0.3s ease-in-out;
}

.footer-links ul li a:hover{
	color: var(--accent-color);
}

/* Yasal baglantilar listesi biraz daha sik dursun */
.footer-links ul li{
	margin-bottom: 13px;
}

/* Metin ici baglantilar — tema bunlari bicimlendirmiyor, tarayici
 varsayilani mavi kaliyordu */
.fp-prose a,
.fp-note a,
.fp-callout a,
.accordion-body a{
	color: var(--accent-color);
	text-decoration: underline;
	text-underline-offset: 3px;
	transition: all 0.3s ease-in-out;
}

.fp-prose a:hover,
.fp-note a:hover,
.fp-callout a:hover,
.accordion-body a:hover{
	color: var(--primary-color);
}

/*** Uygulama ekran goruntuleri seridi ***/
.fp-shots{
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 24px;
}

.fp-shot{
	text-align: center;
}

.fp-shot img{
	width: 100%;
	height: auto;
	display: block;
	border-radius: 22px;
	transition: transform 0.35s ease-in-out;
}

.fp-shot:hover img{
	transform: translateY(-6px);
}

.fp-shot span{
	display: block;
	margin-top: 16px;
	font-family: var(--accent-font);
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.3px;
	line-height: 1.3em;
	color: var(--primary-color);
}

.fp-shot small{
	display: block;
	margin-top: 4px;
	font-size: 13px;
	line-height: 1.4em;
	color: var(--text-color);
}

@media only screen and (max-width: 1199px){
	.fp-shots{ grid-template-columns: repeat(3, 1fr); gap: 20px; }
}

@media only screen and (max-width: 575px){
	.fp-shots{ grid-template-columns: repeat(2, 1fr); gap: 14px; }
	.fp-shot span{ font-size: 14px; margin-top: 11px; }
	.fp-shot small{ font-size: 12px; }
}

/*** Donen rozet — hero'daki uygulama gorselinin uzerine gelmesin ***/
.hero-image .expertise-circle{
	top: auto;
	right: auto;
	bottom: 18px;
	left: 18px;
}

@media only screen and (max-width: 991px){
	.hero-image .expertise-circle{
		bottom: 10px;
		left: 10px;
	}
}