/* Foton Teslim — form ve buton */
:root {
	--ft-accent: var(--wp--preset--color--accent, #E8590C);
	--ft-accent-soft: var(--wp--preset--color--accent-soft, #FDEEE5);
	--ft-ink: var(--wp--preset--color--ink, #151515);
	--ft-body: var(--wp--preset--color--body, #4A4A4A);
	--ft-muted: var(--wp--preset--color--muted, #8A8780);
	--ft-line: var(--wp--preset--color--line, #E4E1DA);
	--ft-surface: var(--wp--preset--color--surface, #FFFFFF);
	--ft-ease: cubic-bezier(.16, 1, .3, 1);
}

/* Üst menü butonu */
.ft-header-buttons { gap: 10px !important; flex-wrap: nowrap !important; }
.foton-teslim-btn .wp-block-button__link {
	background: var(--ft-accent) !important;
	color: #fff !important;
	border: 1.5px solid var(--ft-accent) !important;
	white-space: nowrap;
}
.foton-teslim-btn .wp-block-button__link:hover,
.foton-teslim-btn .wp-block-button__link:focus-visible {
	background: var(--ft-ink) !important;
	border-color: var(--ft-ink) !important;
}
.foton-teslim-btn .ft-short { display: none; }
@media (max-width: 560px) {
	.foton-teslim-btn .ft-long { display: none; }
	.foton-teslim-btn .ft-short { display: inline; }
}
/* "Teklif al" butonu şimdilik gizli. Geri getirmek için bu satırı silin. */
.ft-header-buttons .foton-header-cta:not(.foton-teslim-btn) { display: none !important; }

/* Pencere */
.ft-dialog {
	border: 0;
	padding: 0;
	margin: auto;
	border-radius: 26px;
	width: min(580px, calc(100vw - 24px));
	max-height: calc(100dvh - 24px);
	background: var(--ft-surface);
	color: var(--ft-ink);
	box-shadow: 0 50px 100px -40px rgba(0, 0, 0, .55);
	font-family: inherit;
	overflow: hidden;
}
.ft-dialog::backdrop {
	background: rgba(17, 17, 17, .55);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}
.ft-dialog[open] { animation: ft-in .55s var(--ft-ease); }
@keyframes ft-in { from { opacity: 0; transform: translateY(28px) scale(.985); } }

.ft-inner {
	position: relative;
	padding: clamp(26px, 5vw, 44px);
	max-height: calc(100dvh - 24px);
	overflow-y: auto;
	box-sizing: border-box;
}
.ft-close {
	position: absolute;
	top: 14px; right: 14px;
	z-index: 2;
	width: 42px; height: 42px;
	border: 0;
	border-radius: 50%;
	background: #F2F0EB;
	color: var(--ft-ink);
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
	transition: background .2s ease, transform .3s var(--ft-ease);
}
.ft-close:hover { background: var(--ft-accent-soft); transform: rotate(90deg); }

.ft-eyebrow {
	margin: 0 0 .7rem;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--ft-accent);
}
.ft-title {
	margin: 0 0 .6rem;
	padding-right: 36px;
	font-size: clamp(1.55rem, 4.2vw, 2.15rem);
	font-weight: 600;
	line-height: 1.12;
	letter-spacing: -.02em;
	color: var(--ft-ink);
}
.ft-lead {
	margin: 0 0 1.6rem;
	font-size: .95rem;
	line-height: 1.55;
	color: var(--ft-body);
}

.ft-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 16px; }
.ft-full { grid-column: 1 / -1; }
@media (max-width: 520px) { .ft-grid { grid-template-columns: 1fr; } }

.ft-field label {
	display: block;
	margin-bottom: 7px;
	font-size: .8rem;
	font-weight: 600;
	color: var(--ft-ink);
}
.ft-field input {
	display: block;
	width: 100%;
	box-sizing: border-box;
	min-height: 50px;
	padding: 13px 15px;
	font: inherit;
	font-size: 16px; /* iOS yakınlaştırmasını önler */
	color: var(--ft-ink);
	background: #FBFAF7;
	border: 1px solid var(--ft-line);
	border-radius: 14px;
	outline: none;
	-webkit-appearance: none;
	appearance: none;
	transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.ft-field select {
	display: block;
	width: 100%;
	box-sizing: border-box;
	min-height: 50px;
	padding: 13px 44px 13px 15px;
	font: inherit;
	font-size: 16px;
	color: var(--ft-ink);
	background: #FBFAF7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23151515' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center;
	border: 1px solid var(--ft-line);
	border-radius: 14px;
	outline: none;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.ft-field select:invalid { color: var(--ft-muted); }
.ft-field select option { color: var(--ft-ink); }
.ft-field select:focus {
	background-color: #fff;
	border-color: var(--ft-accent);
	box-shadow: 0 0 0 4px var(--ft-accent-soft);
}
.ft-field input::placeholder { color: var(--ft-muted); opacity: .8; }
.ft-field input:focus {
	background: #fff;
	border-color: var(--ft-accent);
	box-shadow: 0 0 0 4px var(--ft-accent-soft);
}

.ft-check {
	display: flex;
	gap: 11px;
	align-items: flex-start;
	margin-top: 4px;
	font-size: .84rem;
	line-height: 1.45;
	color: var(--ft-body);
	cursor: pointer;
}
.ft-check input {
	flex: none;
	width: 19px; height: 19px;
	margin: 1px 0 0;
	accent-color: var(--ft-accent);
}

.ft-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

.ft-error { min-height: 1.2em; margin: 14px 0 0; font-size: .86rem; color: #B42318; }

.ft-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; }
.ft-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 52px;
	padding: 0 28px;
	border: 0;
	border-radius: 999px;
	background: var(--ft-ink);
	color: #fff !important;
	font: inherit;
	font-size: .8rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	text-decoration: none !important;
	cursor: pointer;
	transition: background .25s ease, transform .3s var(--ft-ease);
}
.ft-btn:hover { background: var(--ft-accent); transform: translateY(-2px); }
.ft-btn[disabled] { opacity: .6; cursor: progress; transform: none; }
.ft-btn--wa { background: #1FAF55; }
.ft-btn--wa:hover { background: #178F45; }
.ft-btn--ghost { background: transparent; color: var(--ft-ink) !important; box-shadow: inset 0 0 0 1px var(--ft-ink); }
.ft-btn--ghost:hover { background: var(--ft-ink); color: #fff !important; }
@media (max-width: 520px) { .ft-actions .ft-btn { flex: 1 1 100%; } }

.ft-ok {
	display: grid;
	place-items: center;
	width: 58px; height: 58px;
	margin-bottom: 18px;
	border-radius: 50%;
	background: var(--ft-accent-soft);
	color: var(--ft-accent);
	font-size: 28px;
	font-weight: 700;
	animation: ft-pop .6s var(--ft-ease);
}
@keyframes ft-pop { from { transform: scale(.4); opacity: 0; } }

@media (prefers-reduced-motion: reduce) {
	.ft-dialog[open], .ft-ok { animation: none; }
}