/* A cimkitolto (partials/cim_gyors) a webshop premium sablonjaban (Adam, 2026-11-07: "Cim mezo is hogy nez ki"):
   a Remix Icon betu itt nincs betoltve, ezert az ikonjai "tofu" negyzetek voltak. Itt a bolt sajat vonalas ikonjai
   (TnIkon geometria) maszkkal, a mezo a tobbi mezo (.be) stilusaban, az orszag-valaszto egy "Kulfoldi cim?" link mogott
   (tn-cim.js), a "Kitoltom kezzel" kicsi, linkszeru, vonalas ceruzaval. Csak a premium layout tolti - az ERP / foglalo
   valtozatlan. */
body.tn .cimgy .ri, body.tn .cimgy-sp { font-size: 0 !important; display: inline-block; width: 16px; height: 16px; flex: 0 0 auto; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.25s-6.5-5.75-6.5-11.25a6.5 6.5 0 0 1 13 0c0 5.5-6.5 11.25-6.5 11.25ZM14.5 10a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Z' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.25s-6.5-5.75-6.5-11.25a6.5 6.5 0 0 1 13 0c0 5.5-6.5 11.25-6.5 11.25ZM14.5 10a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Z' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat }
body.tn .cimgy-l { font-size: 13px; font-weight: 700; color: var(--tinta); letter-spacing: 0; gap: 7px; margin-bottom: 7px }
body.tn .cimgy-l .ri { color: var(--kek) }
body.tn .cimgy-i { height: 50px; border: 1.5px solid var(--vonal); border-radius: var(--r-s); background: #fff; color: var(--tinta); font-size: 16px; font-weight: 500; padding: 0 44px 0 14px }
body.tn .cimgy-i:focus { border-color: var(--kek); box-shadow: 0 0 0 4px var(--kek-h) }
body.tn .cimgy-sp { display: none; width: 18px; height: 18px; border-radius: 50%; background: none; -webkit-mask: none; mask: none;
  border: 2px solid var(--vonal-e); border-top-color: var(--kek); right: 14px }
body.tn .cimgy.tolt .cimgy-sp { display: block; animation: tnCimForog .8s linear infinite }
body.tn .cimgy-o .ri { margin-top: 2px; color: var(--tinta-3) }
body.tn .cimgy-k .ri { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.5 12.75 9.75 17 18.5 7.75' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.5 12.75 9.75 17 18.5 7.75' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); width: 15px; height: 15px }
body.tn .cimgy-map .ri { width: 14px; height: 14px }
body.tn .cimgy-or { display: none; margin-top: 8px }
body.tn .cimgy-or.on { display: flex }
body.tn .cimgy-or label { font-size: 12.5px; color: var(--tinta-2) }
body.tn .cimgy-or select { height: 40px; border: 1.5px solid var(--vonal); border-radius: var(--r-s); background-color: #fff; font-size: 14px }
body.tn .cimgy-kulf { border: 0; background: none; padding: 0; margin: 5px 2px 0; font-family: inherit; font-size: 11.5px; font-weight: 500; line-height: 1.3; color: var(--tinta-3, #8a96a8); text-decoration: none; cursor: pointer }
body.tn .cimgy-kulf:hover { color: var(--kek); text-decoration: underline; text-underline-offset: 2px }

/* "Kitoltom kezzel": kicsi, linkszeru, vonalas ceruza (emoji helyett) */
body.tn .kezi-gomb { border: 0; border-radius: 0; padding: 2px 0; margin-top: 2px; background: none; color: var(--kek); font-size: 13px; font-weight: 700; gap: 6px }
body.tn .kezi-gomb:hover { color: var(--kek-s, var(--kek)); text-decoration: underline; text-underline-offset: 2px }
body.tn .kezi-gomb::before, body.tn .kezi-gomb.on::before { content: ""; width: 14px; height: 14px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.75 19.25 5.5 15.5 15.9 5.1a1.77 1.77 0 0 1 2.5 0l.5.5a1.77 1.77 0 0 1 0 2.5L8.5 18.5l-3.75.75ZM13.75 7.25l3 3' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.75 19.25 5.5 15.5 15.9 5.1a1.77 1.77 0 0 1 2.5 0l.5.5a1.77 1.77 0 0 1 0 2.5L8.5 18.5l-3.75.75ZM13.75 7.25l3 3' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat }
body.tn .kezi-gomb.on::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.75 6.75l10.5 10.5M17.25 6.75 6.75 17.25' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.75 6.75l10.5 10.5M17.25 6.75 6.75 17.25' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") }
@keyframes tnCimForog { from { transform: translateY(-50%) rotate(0deg) } to { transform: translateY(-50%) rotate(360deg) } }
@media (prefers-reduced-motion: reduce) { body.tn .cimgy.tolt .cimgy-sp { animation: none } }
