/* ════════════════════════════════════════════════════════════════════════
   ARKON İMZASI · "Hap" — v1.0 (22.10.2026, Şef kararı: B)
   Her Arkon ürününün ve sitesinin en altında durur. Fabrika değişkenlerini
   okur; olmayan projede yedek değerlere düşer. Sınıflar arkon-imza- önekli.
   İşaret rengi: açık zeminde koyu yeşil, koyuda Arkon yeşili. Turkcord'da
   .arkon-imza{--imza-isaret:#FDBF03} ile altına çekilir (tek altın kuralı).
   ═════════════════════════════════════════════════════════════════════ */
.arkon-imza{--imza-isaret:#4C7A00;display:flex;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:100%;margin:0 auto;text-align:center;color:var(--text3,#86868C);text-decoration:none;font-family:var(--font-govde,'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif);font-size:11.5px;font-weight:400;line-height:1.4;letter-spacing:-.006em;-webkit-tap-highlight-color:transparent}
html[data-theme="dark"] .arkon-imza,html.dark .arkon-imza{--imza-isaret:#B8F03E}
.arkon-imza:hover{text-decoration:none}
.arkon-imza:focus-visible{outline:2px solid var(--imza-isaret);outline-offset:4px;border-radius:14px}
.arkon-imza-hap{display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 9px;border-radius:999px;background:var(--surface,#FFFFFF);box-shadow:var(--golge-pop,0 1px 2px rgba(0,0,0,.06),0 14px 36px -10px rgba(0,0,0,.18));transition:transform .25s var(--yay,cubic-bezier(.32,.72,0,1))}
.arkon-imza-a{width:15px;height:15px;flex-shrink:0;color:var(--imza-isaret);transition:transform .5s var(--yay,cubic-bezier(.32,.72,0,1))}
.arkon-imza-pb{font-size:11px;font-weight:500}
.arkon-imza-wm{display:inline-flex;align-items:center;font-family:var(--font-baslik,'Clash Display','Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif);font-weight:600;font-size:13.5px;line-height:1;letter-spacing:.06em;color:var(--text,#141416)}
.arkon-imza-o{display:inline-block;width:.74em;height:.74em;margin:0 .05em;overflow:visible}
.arkon-imza-o circle{fill:none;stroke:currentColor;stroke-width:6.4;transition:stroke .45s var(--yay,cubic-bezier(.32,.72,0,1))}
.arkon-imza-o line{stroke:var(--imza-isaret);stroke-width:6}
.arkon-imza-yil{font-variant-numeric:tabular-nums}
@media (hover:hover) and (pointer:fine){
  .arkon-imza:hover .arkon-imza-hap{transform:translateY(-2px)}
  .arkon-imza:hover .arkon-imza-a{transform:rotate(-12deg) scale(1.08)}
  .arkon-imza:hover .arkon-imza-o circle{stroke:var(--imza-isaret)}
}
@media (prefers-reduced-motion:reduce){
  .arkon-imza *{transition:none!important}
  .arkon-imza:hover .arkon-imza-hap,.arkon-imza:hover .arkon-imza-a{transform:none}
}
@media print{.arkon-imza{display:none!important}}

/* ── Gümrük Portal eşleme katmanı ────────────────────────────────────────
   İmza Fabrika değişkenlerini (--surface/--text/--text3/--font-*) okur.
   GP'nin eski tasarımında bunlar tanımlı değil; V14'te html[data-v14]'te
   tanımlı. Her iki tasarımda da aynı --c-* kanallarına bağlanır, böylece
   açık/koyu ve palet değişimleri imzaya da yansır. Kaynak dosyaya dokunulmaz. */
.arkon-imza{--surface:rgb(var(--c-paper,255 255 255));--text:rgb(var(--c-clay-800,20 20 22));--text3:rgb(var(--c-clay-500,134 134 140))}
html.dark .arkon-imza{--golge-pop:0 1px 2px rgba(0,0,0,.4),0 14px 36px -10px rgba(0,0,0,.55)}
.gp-imza-alan{display:flex;justify-content:center;padding:8px 16px 28px}
.gp-imza-alan .arkon-imza-unvan{white-space:nowrap}
@media (max-width:1023px){html:not([data-v14]) .gp-imza-alan{padding-bottom:84px}}
@media (max-width:380px){.gp-imza-alan .arkon-imza-unvan{white-space:normal}}
@media print{.gp-imza-alan{display:none!important}}