/**
 * Pustular — ortak stiller (ön yüz + düzenleyici).
 * Renk, yazı tipi ve boşluklar theme.json'dan gelir; burada yalnızca
 * theme.json ile ifade edilemeyen düzen ve blok stili kuralları bulunur.
 */

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 30px #fff inset !important;
	-webkit-text-fill-color: #000 !important;
	transition: background-color 5000s ease-in-out 0s;
}

/* Başlık/metin genişlik sınırı */
.pustular-measure {
	max-width: 36rem;
}

/* ------------------------------------------------------------------ */
/* Butonlar                                                            */
/* ------------------------------------------------------------------ */

.wp-block-button__link {
	transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}

.wp-block-button__link:hover {
	transform: scale(0.98);
}

.wp-block-button__link:active {
	transform: scale(0.95);
}

.wp-block-button.is-style-whatsapp .wp-block-button__link,
.wp-block-button.is-style-phone .wp-block-button__link,
.wp-block-button.is-style-call-icon .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
}

.wp-block-button.is-style-whatsapp .wp-block-button__link::before,
.wp-block-button.is-style-phone .wp-block-button__link::before,
.wp-block-button.is-style-call-icon .wp-block-button__link::before {
	content: "";
	flex: none;
	width: 1.25rem;
	height: 1.25rem;
	background-color: currentColor;
	-webkit-mask: var(--pustular-icon) center / contain no-repeat;
	mask: var(--pustular-icon) center / contain no-repeat;
}

@media (min-width: 1024px) {
	.wp-block-button.is-style-whatsapp .wp-block-button__link::before,
	.wp-block-button.is-style-phone .wp-block-button__link::before,
	.wp-block-button.is-style-call-icon .wp-block-button__link::before {
		width: 1.5rem;
		height: 1.5rem;
	}
}

.wp-block-button.is-style-whatsapp {
	--pustular-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z'/%3E%3C/svg%3E");
}

.wp-block-button.is-style-phone,
.wp-block-button.is-style-call-icon {
	--pustular-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");
}

.wp-block-button.is-style-whatsapp .wp-block-button__link:not(.has-text-color) {
	color: var(--wp--preset--color--contrast);
}

/* Kare arama butonu */
.wp-block-button.is-style-call-icon .wp-block-button__link {
	width: 5rem;
	height: 5rem;
	padding: 0;
	border-radius: var(--wp--custom--radius--card);
	font-size: 0;
	box-shadow: none;
}

.wp-block-button.is-style-call-icon .wp-block-button__link:not(.has-background) {
	background-color: var(--wp--preset--color--primary);
}

.wp-block-button.is-style-call-icon .wp-block-button__link:not(.has-background):hover {
	background-color: var(--wp--preset--color--primary-light);
}

.wp-block-button.is-style-call-icon .wp-block-button__link:not(.has-text-color) {
	color: var(--wp--preset--color--base);
}

.wp-block-button.is-style-call-icon .wp-block-button__link::before {
	width: 0.9rem;
	height: 0.9rem;
}

@media (min-width: 640px) {
	.wp-block-button.is-style-call-icon .wp-block-button__link {
		width: 8rem;
		height: 8rem;
	}

	.wp-block-button.is-style-call-icon .wp-block-button__link::before {
		width: 1.5rem;
		height: 1.5rem;
	}
}

/* Düzenleyicide kare butonun etiketini görünür tut */
.editor-styles-wrapper .wp-block-button.is-style-call-icon .wp-block-button__link {
	flex-direction: column;
	font-size: 10px;
}

/* ------------------------------------------------------------------ */
/* Kart ızgarası (Columns > Kart ızgarası)                             */
/* ------------------------------------------------------------------ */

.wp-block-columns.is-style-bento {
	margin-bottom: 0;
}

.wp-block-columns.is-style-bento > .wp-block-column {
	display: flex;
	flex-direction: column;
}

.wp-block-columns.is-style-bento > .wp-block-column > * {
	flex: 1 1 auto;
	margin-block: 0;
}

@media (max-width: 1023px) {
	.wp-block-columns.is-style-bento {
		flex-wrap: wrap !important;
	}

	.wp-block-columns.is-style-bento > .wp-block-column {
		flex-basis: 100% !important;
	}
}

@media (min-width: 1024px) {
	.wp-block-columns.is-style-bento {
		min-height: calc(100vh - 90px);
		min-height: calc(100dvh - 90px);
	}
}

.wp-block-cover {
	overflow: hidden;
}

/* ------------------------------------------------------------------ */
/* Buzlu cam                                                           */
/* ------------------------------------------------------------------ */

.is-style-glass:not(.has-background) {
	background-color: rgb(238 238 238 / 0.8);
}

.is-style-glass {
	-webkit-backdrop-filter: blur(40px) sepia(40%);
	backdrop-filter: blur(40px) sepia(40%);
}

/* ------------------------------------------------------------------ */
/* Görsel & liste stilleri                                             */
/* ------------------------------------------------------------------ */

.wp-block-image.is-style-white img {
	filter: brightness(0) invert(1);
}

.wp-block-list.is-style-districts {
	list-style: none;
	padding-left: 0;
	margin-block: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

.wp-block-list.is-style-districts > li {
	margin: 0;
}

/* ------------------------------------------------------------------ */
/* Header                                                              */
/* ------------------------------------------------------------------ */

.pustular-header {
	padding-top: calc(var(--wp--preset--spacing--20) + env(safe-area-inset-top, 0px));
}

.pustular-header .wp-block-columns {
	gap: 0.375rem;
	margin-block: 0;
}

.pustular-header .wp-block-column {
	box-sizing: border-box;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: var(--wp--custom--header--height);
	border-radius: var(--wp--custom--radius--card);
	transition: transform 0.2s ease-out;
	-webkit-user-select: none;
	user-select: none;
}

.pustular-header .wp-block-column > * {
	margin-block: 0;
}

.pustular-header .wp-block-image {
	position: static;
	margin: 0;
}

.pustular-header .wp-block-image img {
	border-radius: 0;
}

.pustular-header .pustular-header__symbol img {
	width: 20px !important;
	height: 20px !important;
	object-fit: contain;
}

.pustular-header__logo {
	padding-inline: 0.5rem;
}

.pustular-header .pustular-header__logo img {
	width: auto !important;
	max-width: 100%;
	height: 12px !important;
	object-fit: contain;
}

/* Tüm kutu tıklanabilir */
.pustular-header__symbol a::after,
.pustular-header__logo a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.pustular-header__symbol:hover,
.pustular-header__logo:hover {
	transform: scale(0.97);
}

.pustular-header__symbol:active,
.pustular-header__logo:active {
	transform: scale(0.95);
}

.pustular-header__actions {
	padding: 0.375rem;
}

.pustular-header__actions .wp-block-buttons {
	flex: 1;
	align-self: stretch;
	align-items: stretch;
	flex-wrap: nowrap;
	gap: 0.375rem;
	margin: 0;
}

.pustular-header__actions .wp-block-button {
	display: flex;
	flex: 1 1 0;
	min-width: 0;
	margin: 0;
}

.pustular-header__actions .wp-block-button__link {
	flex: 1;
	padding: 0 0.5rem;
	white-space: nowrap;
}

@media (max-width: 639px) {
	.pustular-header__actions .wp-block-button__link {
		font-size: 0;
		gap: 0;
	}
}

@media (min-width: 640px) {
	.pustular-header .wp-block-columns {
		gap: 0.5rem;
	}

	.pustular-header .wp-block-column {
		height: var(--wp--custom--header--height-desktop);
	}

	.pustular-header .pustular-header__symbol img {
		width: 24px !important;
		height: 24px !important;
	}

	.pustular-header__logo {
		padding-inline: 2rem;
	}

	.pustular-header .pustular-header__logo img {
		height: 16px !important;
	}
}

@media (min-width: 1024px) {
	.pustular-header .pustular-header__logo img {
		height: 32px !important;
	}
}

/* ------------------------------------------------------------------ */
/* Footer                                                              */
/* ------------------------------------------------------------------ */

.pustular-footer .wp-block-columns {
	margin-block: 0;
}

.pustular-footer .wp-block-column {
	display: flex;
	flex-direction: column;
}

.pustular-footer .wp-block-column > * {
	flex: 1 1 auto;
	margin-block: 0;
}

.pustular-footer .wp-block-image {
	margin: 0;
}

.pustular-footer .wp-block-image img {
	border-radius: 0;
}

/* ------------------------------------------------------------------ */
/* Blog / sayfa                                                        */
/* ------------------------------------------------------------------ */

.pustular-card-link .wp-block-post-title a {
	text-decoration: none;
}

.wp-block-post-featured-image img {
	object-fit: cover;
}

.wp-block-search__input {
	border-radius: var(--wp--custom--radius--button);
	border: 1px solid #ddd;
	padding: 0.75rem 1rem;
}

.wp-block-query-pagination {
	font-size: var(--wp--preset--font-size--small);
}
