/* ETG SOFT imzası — etgsoft.com renkleri: kömür #0d0d0b, grafit #24241f, kâğıt #ededea, taş #d8d5cb, sinyal #ffd21a.
   Tek blok, köşesiz (marka radius 0). Bloğun dışına hiçbir gölge/ışık taşmaz (yalnız iç gölge). */
.etg-imza {
	--etg-komur: #0d0d0b; --etg-grafit: #24241f; --etg-kagit: #ededea; --etg-tas: #d8d5cb; --etg-kul: #8b897f; --etg-sinyal: #ffd21a;
	--etg-ease: cubic-bezier(.22, 1, .36, 1);
	position: relative; display: inline-flex; align-items: center; gap: .7rem; overflow: hidden; isolation: isolate;
	height: 2.5rem; padding: 0 .35rem 0 .55rem; border-radius: 0; vertical-align: middle;
	background: var(--etg-komur); color: var(--etg-kagit) !important; text-decoration: none !important;
	font-family: "Albert Sans", ui-sans-serif, system-ui, sans-serif; font-size: .8rem; line-height: 1; letter-spacing: 0; text-transform: none;
	box-shadow: inset 0 0 0 1px var(--etg-grafit);
	-webkit-tap-highlight-color: transparent;
}
/* soldan sinyal sarısı dolgu (hover) */
.etg-imza__dolgu {
	position: absolute; inset: 0; z-index: -1; background: var(--etg-sinyal);
	transform: scaleX(0); transform-origin: 0 50%; transition: transform .6s var(--etg-ease);
}
/* cam kare + sıvı (etgsoft.com wordmark motifi) */
.etg-imza__cam {
	position: relative; flex: none; width: 1.3rem; height: 1.3rem; overflow: hidden;
	box-shadow: inset 0 0 0 1.5px var(--etg-kagit); transition: box-shadow .4s var(--etg-ease);
}
.etg-imza__sivi {
	position: absolute; left: 0; right: 0; bottom: 0; height: 100%; background: var(--etg-sinyal);
	transform: translateY(100%); transition: transform 1.4s var(--etg-ease), background-color .4s;
}
.etg-imza__dalga { position: absolute; left: 0; bottom: 100%; width: 200%; height: .3rem; margin-bottom: -1px; fill: var(--etg-sinyal); animation: etg-dalga 2.4s linear infinite; transition: fill .4s; }
@keyframes etg-dalga { to { transform: translateX(-50%); } }
.etg-imza--gorundu .etg-imza__sivi { transform: translateY(42%); }

/* metin */
.etg-imza__on { color: var(--etg-kul); font-size: .7rem; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; white-space: nowrap; transition: color .4s; }
.etg-imza strong { position: relative; margin-left: .1rem; font-weight: 400; letter-spacing: .02em; font-size: .95rem; white-space: nowrap; }
.etg-imza__harfler { display: inline-flex; }
.etg-imza__h { display: inline-block; text-align: center; transition: color .4s; }
.etg-imza__h--k { font-weight: 800; }
.etg-imza__h--g { color: var(--etg-sinyal); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 500; }
.etg-imza__bosluk { display: inline-block; width: .3em; }
.etg-imza strong::before { content: ""; position: absolute; left: -.45rem; top: 50%; width: 1px; height: 1rem; margin-top: -.5rem; background: var(--etg-grafit); transition: background-color .4s; }

/* ok: sarı kare, hover'da çapraz kayar */
.etg-imza__ok { position: relative; flex: none; display: grid; place-items: center; width: 1.8rem; height: 1.8rem; overflow: hidden; background: var(--etg-sinyal); color: var(--etg-komur); transition: background-color .4s, color .4s; }
.etg-imza__ok svg { grid-area: 1 / 1; width: .85rem; height: .85rem; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: square; transition: transform .5s var(--etg-ease); }
.etg-imza__ok svg + svg { transform: translate(-150%, 150%); }

/* hover / odak */
.etg-imza:is(:hover, :focus-visible) .etg-imza__dolgu { transform: scaleX(1); }
.etg-imza:is(:hover, :focus-visible) .etg-imza__sivi { transform: translateY(0); background: var(--etg-komur); }
.etg-imza:is(:hover, :focus-visible) .etg-imza__dalga { fill: var(--etg-komur); }
.etg-imza:is(:hover, :focus-visible) .etg-imza__cam { box-shadow: inset 0 0 0 1.5px var(--etg-komur); }
.etg-imza:is(:hover, :focus-visible) .etg-imza__on { color: var(--etg-grafit); }
.etg-imza:is(:hover, :focus-visible) strong, .etg-imza:is(:hover, :focus-visible) .etg-imza__h { color: var(--etg-komur); }
.etg-imza:is(:hover, :focus-visible) .etg-imza__h--g { color: var(--etg-grafit); }
.etg-imza:is(:hover, :focus-visible) strong::before { background: rgb(13 13 11 / .25); }
.etg-imza:is(:hover, :focus-visible) .etg-imza__ok { background: var(--etg-komur); color: var(--etg-sinyal); }
.etg-imza:is(:hover, :focus-visible) .etg-imza__ok svg:first-child { transform: translate(150%, -150%); }
.etg-imza:is(:hover, :focus-visible) .etg-imza__ok svg + svg { transform: none; }
.etg-imza:focus-visible { outline: 2px solid var(--etg-komur); outline-offset: 2px; }

@media (max-width: 420px) { .etg-imza__on { letter-spacing: .08em; } .etg-imza { gap: .55rem; } }
@media (prefers-reduced-motion: reduce) {
	.etg-imza, .etg-imza * { animation: none !important; transition: none !important; }
	.etg-imza__sivi { transform: translateY(42%); }
}

/* Atlantika footer yerleşimi: imza alt çizginin altında kalır, çizgiye taşmaz */
footer .atl-footer-v2__dev { margin: 0; }
footer .atl-footer-v2__bottom { align-items: center; padding-top: 1rem; padding-bottom: 1.5rem; }

/* Atlantika teması: imza sitenin paletine uyar (lacivert bbe-primary-950/900, vurgu bbe-primary-500 yerine sarı). Yerleşim/animasyon aynı. */
footer .etg-imza {
	--etg-komur: var(--wp--preset--color--bbe-primary-950, #001151); --etg-grafit: var(--wp--preset--color--bbe-primary-900, #002172);
	--etg-kagit: #ffffff; --etg-tas: var(--wp--preset--color--bbe-primary-100, #DEE9FF); --etg-kul: var(--wp--preset--color--bbe-primary-300, #94B5FF);
	--etg-sinyal: var(--wp--preset--color--bbe-primary-500, #387aff);
}
footer .etg-imza:is(:hover, :focus-visible) strong::before { background: rgb(0 17 81 / .25); }

/* 15a — Müşteri isteği: imza daha küçük ve hareketsiz, renkler aynı. Dalga, sıvı, dolgu ve ok kayması kapalı; hover'da yalnız ok kutusu açılır. */
footer .etg-imza { height: 2rem; gap: .55rem; padding: 0 .3rem 0 .45rem; font-size: .72rem; }
footer .etg-imza, footer .etg-imza * { animation: none !important; transition: none !important; }
footer .etg-imza__on { font-size: .6rem; letter-spacing: .12em; }
footer .etg-imza strong { font-size: .8rem; }
footer .etg-imza__cam { width: 1.05rem; height: 1.05rem; }
footer .etg-imza__dalga { display: none; }
footer .etg-imza .etg-imza__sivi { transform: translateY(42%) !important; background: var(--etg-sinyal) !important; }
footer .etg-imza__dolgu { display: none; }
footer .etg-imza__ok { width: 1.45rem; height: 1.45rem; }
footer .etg-imza__ok svg { width: .7rem; height: .7rem; }
footer .etg-imza__ok svg + svg { display: none; }
footer .etg-imza:is(:hover, :focus-visible) .etg-imza__ok svg:first-child { transform: none; }
footer .etg-imza:is(:hover, :focus-visible) .etg-imza__cam { box-shadow: inset 0 0 0 1.5px var(--etg-kagit); }
footer .etg-imza:is(:hover, :focus-visible) .etg-imza__on { color: var(--etg-kul); }
footer .etg-imza:is(:hover, :focus-visible) :is(strong, .etg-imza__h) { color: var(--etg-kagit); }
footer .etg-imza:is(:hover, :focus-visible) .etg-imza__h--g { color: var(--etg-sinyal); }
footer .etg-imza:is(:hover, :focus-visible) strong::before { background: var(--etg-grafit); }
footer .etg-imza:is(:hover, :focus-visible) .etg-imza__ok { background: var(--wp--preset--color--bbe-primary-300, #94B5FF); color: var(--etg-komur); }
