/*
Theme Name: Impressionist - Kurumsal Kimlik Edition
Theme URI: https://wordpress.com/themes/impressionist/
Description: Impressionist is a block theme with corporate identity branding
Version: 1.1.0
Author: Automattic
Author URI: https://automattic.com/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: impressionist
*/

/* ===== Zurich Font Family ===== */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

/* Font fallback - Zurich Cn BT */
@font-face {
	font-family: 'Zurich Cn BT';
	src: local('Zurich Cn BT'), local('ZurichCnBT'), 
		url('data:font/woff2;base64,') format('woff2'),
		local('Arial Narrow'), local('Helvetica Condensed'),
		sans-serif;
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Zurich Cn BT';
	src: local('Zurich Cn BT Bold'), local('ZurichCnBT-Bold'),
		sans-serif;
	font-weight: 700;
	font-style: normal;
}

/* ===== Animasyonlu Logo Stilleri ===== */
.kentsel-logo-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 2rem;
	min-width: 60px;
}

.animated-logo {
	width: 60px;
	height: 60px;
	animation: logoFloat 3s ease-in-out infinite;
}

@keyframes logoFloat {
	0%, 100% {
		transform: translateY(0px);
		opacity: 1;
	}
	50% {
		transform: translateY(-8px);
		opacity: 0.95;
	}
}

/* Bina animasyonları */
.building {
	transform-origin: center;
	animation: buildingRise 1.5s ease-out forwards;
}

.building-1 {
	animation: buildingRise 1.5s ease-out 0.2s forwards;
}

.building-2 {
	animation: buildingRise 1.5s ease-out 0.4s forwards;
}

.building-3 {
	animation: buildingRise 1.5s ease-out 0.6s forwards;
}

.building-4 {
	animation: buildingRise 1.5s ease-out 0.8s forwards;
}

@keyframes buildingRise {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Hover efekti */
.kentsel-logo-wrapper:hover .animated-logo {
	animation: logoScale 0.6s ease-in-out;
}

@keyframes logoScale {
	0%, 100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1);
	}
}

/* ===== Kurumsal Renkler ===== */
:root {
	--kentsel-primary: #263A4A;
	--kentsel-secondary: #838690;
	--kentsel-white: #ffffff;
}

/* ===== Site Title Stilleri ===== */
.wp-block-site-title {
	font-family: 'Zurich Cn BT', 'Arial Narrow', sans-serif !important;
	font-weight: 700;
	font-size: 1.8rem;
	letter-spacing: 0.05em;
	color: var(--kentsel-primary);
	text-transform: uppercase;
}

.wp-block-site-title a {
	color: var(--kentsel-primary);
	text-decoration: none;
	transition: color 0.3s ease;
}

.wp-block-site-title a:hover {
	color: var(--kentsel-secondary);
}

/* ===== Navigation Stilleri ===== */
.wp-block-navigation {
	font-family: 'Zurich Cn BT', 'Arial Narrow', sans-serif !important;
	font-weight: 400;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.wp-block-navigation a {
	color: var(--kentsel-primary);
	text-decoration: none;
	transition: all 0.3s ease;
	padding-bottom: 0.25rem;
	border-bottom: 2px solid transparent;
}

.wp-block-navigation a:hover,
.wp-block-navigation a:focus {
	color: var(--kentsel-secondary);
	border-bottom-color: var(--kentsel-secondary);
}

/* ===== Header Background ===== */
.alignfull.has-background {
	background: linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%);
	border-bottom: 1px solid #e5e5e5;
}

/* ===== Başlık Stilleri ===== */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Zurich Cn BT', 'Arial Narrow', sans-serif !important;
	color: var(--kentsel-primary);
	letter-spacing: 0.02em;
}

h1 {
	font-size: 2.5rem;
	font-weight: 700;
}

h2 {
	font-size: 2rem;
	font-weight: 700;
	border-bottom: 3px solid var(--kentsel-secondary);
	padding-bottom: 0.5rem;
}

h3 {
	font-size: 1.5rem;
	font-weight: 700;
}

/* ===== Button Stilleri ===== */
.wp-block-button__link {
	background-color: var(--kentsel-primary);
	border-color: var(--kentsel-primary);
	color: #ffffff;
	font-family: 'Zurich Cn BT', 'Arial Narrow', sans-serif !important;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	transition: all 0.3s ease;
}

.wp-block-button__link:hover {
	background-color: var(--kentsel-secondary);
	border-color: var(--kentsel-secondary);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(38, 58, 74, 0.3);
}

/* ===== Link Stilleri ===== */
a {
	text-decoration-thickness: 0.8px !important;
	text-underline-offset: 0.2em;
	color: var(--kentsel-primary);
	transition: color 0.3s ease;
}

a:hover {
	color: var(--kentsel-secondary);
}

/* ===== Form Stilleri ===== */
::placeholder {
	color: var(--kentsel-primary);
	opacity: 0.7;
}

input:not([type="submit"]):not([type="checkbox"]),
textarea,
.wp-block-post-comments-form input:not([type=submit]),
.wp-block-post-comments-form textarea {
	background-color: #ffffff;
	border-color: var(--kentsel-secondary);
	color: var(--kentsel-primary);
	border-width: 2px;
	padding: 0.75rem;
	font-family: inherit;
}

input:not([type="submit"]):not([type="checkbox"]):focus,
textarea:focus {
	outline-style: solid;
	outline-color: var(--kentsel-primary);
	outline-width: 2px;
	border-color: var(--kentsel-primary);
}

/* ===== Navigation Block ===== */
.wp-block-navigation ul {
	padding: unset;
}

/* ===== Pull quote Block ===== */
.wp-block-pullquote blockquote,
.wp-block-pullquote p {
	margin: 0;
}

/* ===== Button Outline Stilleri ===== */
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background) {
	color: var(--kentsel-primary);
	border-color: var(--kentsel-primary);
	background-color: transparent;
}

.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
	background-color: var(--kentsel-secondary);
	color: #ffffff;
	border-color: var(--kentsel-secondary);
}

/* ===== Mobil Uyumlu Tasarım ===== */
@media (max-width: 768px) {
	.kentsel-logo-wrapper {
		margin-right: 1rem;
		min-width: 50px;
	}

	.animated-logo {
		width: 50px;
		height: 50px;
	}

	.wp-block-site-title {
		font-size: 1.3rem;
	}

	h1 {
		font-size: 1.8rem;
	}

	h2 {
		font-size: 1.5rem;
	}

	.wp-block-navigation {
		font-size: 0.8rem;
	}

	.alignfull {
		padding: 2vh 3vw !important;
	}
}

@media (max-width: 480px) {
	.kentsel-logo-wrapper {
		margin-right: 0.5rem;
		min-width: 45px;
	}

	.animated-logo {
		width: 45px;
		height: 45px;
	}

	.wp-block-site-title {
		font-size: 1rem;
	}

	h1 {
		font-size: 1.4rem;
	}

	h2 {
		font-size: 1.2rem;
	}

	.wp-block-navigation {
		flex-wrap: wrap;
		font-size: 0.7rem;
	}

	.alignfull {
		padding: 2vh 2vw !important;
	}
}

/* ===== Kontrol Hover Styleleri ===== */
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
	background-color: var(--kentsel-secondary);
	color: var(--kentsel-white);
	border-color: var(--kentsel-secondary);
}