/* Ajanlatkeres + Koszonjuk (page-ajanlat.php, page-koszonjuk.php) - 2026-10-05
   Tokenekre epul (style.css v14), mindket bor automatikusan.
   Az urlapot a Fluent Forms rajzolja; az ".tl-aj .fluentform form.frm-fluent-form" elotag = .tl-aj .fluentform form.frm-fluent-form
   (eros specificitas, mert a FF sajat CSS-e a lablecben, a mienk utan toltodhet be). */

/* ---------- Oldal-keret ---------- */
.tl-aj{background:var(--bg-base);color:var(--ink);padding:clamp(20px,4vw,48px) 16px clamp(48px,7vw,96px)}
.tl-aj__wrap{max-width:1168px;margin:0 auto}
.tl-aj__head{max-width:760px;margin:0 0 clamp(20px,3vw,32px)}
.tl-aj__eyebrow{margin:0 0 6px;font:600 13px/1.2 var(--font-body),sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--link)}
.tl-aj__title{margin:0;font:700 clamp(30px,4.6vw,46px)/1.1 var(--font-heading),sans-serif;color:var(--tl-h2);text-wrap:balance}
.tl-aj__title::after{content:"";display:block;width:72px;height:3px;margin-top:14px;border-radius:2px;background:var(--tl-gold-metal)}
.tl-aj__lead{margin:16px 0 0;font-size:clamp(17px,1vw + 12px,19px);line-height:1.55;color:var(--ink-muted)}
/* mobilon a fej kozepre (Karesz 10-05) */
@media (max-width:767px){
  .tl-aj__head{text-align:center;margin-left:auto;margin-right:auto}
  .tl-aj__head .tl-aj__title::after{margin-left:auto;margin-right:auto}
}

/* Mobil "Hivjon most" sav - csak <1024 */
.tl-aj__callbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin:0 0 20px;padding:10px 10px 10px 16px;border-radius:12px;background:var(--tl-bar-blue);color:#fff;box-shadow:var(--tl-card-shadow)}
.tl-aj__callbar span{flex:1 1 9em;font-size:15px;line-height:1.3;color:#DDE6F0}
.tl-aj__callbar a{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1 1 auto;padding:10px 14px;border-radius:9px;background:var(--tl-gold-metal);color:var(--tl-navy);font:700 16px/1 var(--font-heading),sans-serif;letter-spacing:.02em;text-decoration:none;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.tl-aj__callbar svg{width:18px;height:18px}

/* Racs: urlap | oldalsav */
.tl-aj__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.tl-aj__grid>*{min-width:0}
@media (max-width:1023px){.tl-aj__card--call{display:none}}
@media (min-width:1024px){
  .tl-aj__grid{grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}
  .tl-aj__callbar{display:none}
  .tl-aj__side{position:sticky;top:calc(var(--tl-header-h,72px) + 20px)}
}

/* ---------- FF alap kinullazasa ---------- */
.tl-aj .fluentform form.frm-fluent-form .ff-el-group{margin:0 0 20px}
.tl-aj .fluentform form.frm-fluent-form .ff-t-container{gap:0 16px;margin:0}
.tl-aj .fluentform form.frm-fluent-form .ff-t-cell{min-width:0}
.tl-aj .fluentform form.frm-fluent-form .ff-el-input--label{margin:0 0 7px;padding:0}
.tl-aj .fluentform form.frm-fluent-form .ff-el-input--label label{font:600 17px/1.3 var(--font-body),sans-serif;color:var(--ink);margin:0}
.tl-aj .fluentform form.frm-fluent-form .ff-el-is-required.asterisk-right label::after{content:" *";color:var(--accent-deep);margin-left:0}
.tl-aj .fluentform form.frm-fluent-form .ff-custom_html{margin:0 0 20px}
.tl-aj .fluentform form.frm-fluent-form .ff-custom_html p{margin:0}
.tl-aj .fluentform form.frm-fluent-form .has-conditions{transition:none}

/* ---------- Blokk-kartya (ezust keret, kek fem fejlec) ---------- */
.tl-aj .fluentform form.frm-fluent-form .ff-t-container.tl-ajf-blk{display:block;margin:0 0 20px;border:6px solid transparent;border-radius:16px;background:linear-gradient(var(--bg-surface),var(--bg-surface)) padding-box,var(--tl-silver-frame) border-box;box-shadow:var(--tl-card-shadow);overflow:hidden}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-blk>.ff-t-cell{display:block;padding:0 16px 4px}
@media (min-width:600px){.tl-aj .fluentform form.frm-fluent-form .tl-ajf-blk>.ff-t-cell{padding:0 24px 8px}}
.tl-aj .fluentform form.frm-fluent-form .ff-custom_html.tl-ajf-head{margin:0 -16px 20px}
@media (min-width:600px){.tl-aj .fluentform form.frm-fluent-form .ff-custom_html.tl-ajf-head{margin:0 -24px 24px}}
.tl-aj__bhead{display:flex;align-items:center;gap:12px;padding:12px 16px 19px;background:var(--tl-rail-bot) bottom/100% 7px no-repeat,var(--tl-bar-blue);color:#fff}
@media (min-width:600px){.tl-aj__bhead{padding-left:20px;padding-right:20px}}
.tl-aj__num{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--tl-gold-metal);color:var(--tl-navy);font:700 18px/1 var(--font-heading),sans-serif;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 1px 3px rgba(0,0,0,.35)}
.tl-aj .tl-aj__btitle{margin:0;font:700 clamp(20px,2vw,24px)/1.15 var(--font-heading),sans-serif;letter-spacing:.01em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.tl-aj__bsub{display:block;margin-top:2px;font:400 14px/1.3 var(--font-body),sans-serif;color:#CFE0F2;text-shadow:none}

/* ---------- Szoveges mezok ---------- */
.tl-aj .fluentform form.frm-fluent-form .ff-el-form-control{display:block;width:100%;min-height:52px;padding:12px 14px;border:1.5px solid color-mix(in srgb,var(--metal) 45%,var(--line));border-radius:10px;background-color:var(--bg-base);color:var(--ink);font:400 17px/1.35 var(--font-body),sans-serif;box-shadow:none;transition:border-color .15s,box-shadow .15s,background-color .15s}
html[data-theme="light"] .tl-aj .fluentform form.frm-fluent-form .ff-el-form-control{background-color:#FBFCFE}
.tl-aj .fluentform form.frm-fluent-form textarea.ff-el-form-control{min-height:120px;resize:vertical}
.tl-aj .fluentform form.frm-fluent-form select.ff-el-form-control{appearance:none;-webkit-appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A6B7D' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:20px;cursor:pointer}
html[data-theme="dark"] .tl-aj .fluentform form.frm-fluent-form select.ff-el-form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9CED4' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.tl-aj .fluentform form.frm-fluent-form .ff-el-form-control:hover{border-color:var(--metal)}
.tl-aj .fluentform form.frm-fluent-form .ff-el-form-control:focus{outline:0;border-color:var(--link);box-shadow:0 0 0 3px color-mix(in srgb,var(--link) 28%,transparent);background-color:var(--bg-surface)}
.tl-aj .fluentform form.frm-fluent-form .ff-el-form-control::placeholder{color:color-mix(in srgb,var(--ink-muted) 75%,transparent);opacity:1}

/* Hiba */
.tl-aj .fluentform form.frm-fluent-form .ff-el-is-error .ff-el-form-control{border-color:#C0392B;box-shadow:0 0 0 3px rgba(192,57,43,.18)}
.tl-aj .fluentform form.frm-fluent-form .error.text-danger,.tl-aj .fluentform form.frm-fluent-form .ff-el-is-error .text-danger{margin:6px 0 0;font-size:15px;font-weight:600;color:#B03A2E}
html[data-theme="dark"] .tl-aj .fluentform form.frm-fluent-form .error.text-danger{color:#FF9B8F}
.tl-aj .ff-errors-in-stack{margin:0 0 16px;color:#B03A2E;font-weight:600}

/* Segedszovegek */
.tl-aj__hint{margin:-12px 0 0;font-size:15px;line-height:1.45;color:var(--ink-muted)}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-hint{margin-bottom:20px}
.tl-aj__ill{margin:-8px 0 0;font-size:13px;color:var(--ink-muted)}
.tl-aj__note{display:block;padding:10px 12px;border-left:3px solid var(--accent);border-radius:0 8px 8px 0;background:color-mix(in srgb,var(--accent) 10%,transparent);font-size:15px;line-height:1.45;color:var(--ink)}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-hint .tl-aj__note{margin-top:-10px}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-colorlink{margin:-12px 0 20px}
.tl-aj__link{display:inline-flex;align-items:center;gap:6px;color:var(--link);font-weight:600;font-size:16px;text-decoration:none}
.tl-aj__link:hover{text-decoration:underline;color:var(--link)}
/* "(nem kotelezo)" a valaszthato mezoknel */
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-chips .ff-el-input--label label::after,.tl-aj .fluentform form.frm-fluent-form .tl-ajf-file .ff-el-input--label label::after,.tl-aj .fluentform form.frm-fluent-form label[for$="_megjegyzes"]::after,.tl-aj .fluentform form.frm-fluent-form label[for$="_felulet"]::after{content:" (nem kötelező)";font-weight:400;font-size:15px;color:var(--ink-muted)}

/* ---------- 1. blokk: kepes csempek ---------- */
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-uses>.ff-el-input--label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-uses .ff_el_checkable_photo_holders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:720px){.tl-aj .fluentform form.frm-fluent-form .tl-ajf-uses .ff_el_checkable_photo_holders{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-uses .ff-el-image-holder{position:relative;display:flex;flex-direction:column;width:auto;max-width:none;margin:0;padding:0;border:2px solid var(--line);border-radius:12px;background:var(--bg-surface-alt);overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-uses .ff-el-image-input-src{display:block;width:100%;height:auto;aspect-ratio:3/2;margin:0;border:0;border-radius:0;background-size:cover;background-position:center;background-color:var(--line);cursor:pointer}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-uses .ff-el-form-check-label{display:flex;align-items:center;justify-content:center;flex:1;min-height:48px;margin:0;padding:8px 10px;text-align:center;cursor:pointer;background:transparent}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-uses .ff-el-form-check .ff-el-form-check-label>span{display:block;width:auto;margin:0;padding:0;font:600 16px/1.25 var(--font-body),sans-serif;white-space:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-align:center;color:var(--ink)!important;background:transparent!important;border:0!important;box-shadow:none!important}
/* a FF a kijelolt/fokuszalt felirat hatteret kekre szinezne (ff_item_selected) - nalunk a kartya jelzi */
/* a bepipalo kor a kep jobb felso sarkaban */
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-uses .ff-el-form-check-input{position:absolute;top:8px;right:8px;z-index:2;opacity:1;outline:none;width:30px;height:30px;margin:0;appearance:none;-webkit-appearance:none;border:2px solid #fff;border-radius:50%;background:rgba(255,255,255,.88);box-shadow:0 1px 4px rgba(0,0,0,.35);cursor:pointer}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-uses .ff-el-form-check-input:checked{background:var(--tl-gold-metal);border-color:#fff}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-uses .ff-el-form-check-input:checked::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A3D66' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/18px no-repeat}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-uses .ff-el-form-check-input:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-uses .ff-el-image-holder:hover{border-color:var(--metal);transform:translateY(-2px);box-shadow:var(--tl-card-shadow)}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-uses .ff-el-image-holder:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),var(--tl-card-shadow)}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-uses .ff-el-image-holder:has(input:checked) .ff-el-form-check-label{background:color-mix(in srgb,var(--accent) 16%,transparent)}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-small{margin-bottom:16px}

/* ---------- Valaszto-kartyak (mennyiseg, atvetel) ---------- */
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-choices .ff-el-input--content{display:grid;gap:10px}
@media (min-width:720px){
  .tl-aj .fluentform form.frm-fluent-form .tl-ajf-choices--3 .ff-el-input--content{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tl-aj .fluentform form.frm-fluent-form .tl-ajf-choices--2 .ff-el-input--content{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-choices .ff-el-form-check{margin:0;padding:0}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-choices .ff-el-form-check-label{display:grid;grid-template-columns:22px 1fr;gap:2px 10px;align-items:start;height:100%;margin:0;padding:12px 14px;border:2px solid var(--line);border-radius:12px;background:var(--bg-surface-alt);cursor:pointer;transition:border-color .15s,background .15s}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-choices .ff-el-form-check-input{grid-row:1/3;width:22px;height:22px;margin:1px 0 0;appearance:none;-webkit-appearance:none;border:2px solid var(--metal);border-radius:50%;background:var(--bg-surface);cursor:pointer}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-choices .ff-el-form-check-input:checked{border-color:var(--link);background:radial-gradient(circle,var(--link) 0 5px,var(--bg-surface) 5.5px)}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-choices .ff-el-form-check-input:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-choices .ff-el-form-check-label span{font:600 17px/1.3 var(--font-body),sans-serif;color:var(--ink)}
.tl-ajf-desc{display:block;margin-top:2px;font:400 15px/1.35 var(--font-body),sans-serif;color:var(--ink-muted)}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-choices .ff-el-form-check-label:hover{border-color:var(--metal)}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-choices .ff-el-form-check:has(input:checked) .ff-el-form-check-label{border-color:var(--link);background:color-mix(in srgb,var(--link) 9%,var(--bg-surface-alt))}

/* ---------- Tetelsorok (10-05 v2): termek + szin + darab x hossz soronkent ----------
   A FF tablazatat kartyakka alakitjuk: minden sor egy "N. tetel" kartya. A sor sajat
   "+" gombja rejtett, helyette az ajanlat.js tesz egy "+ Ujabb tetel" gombot a tablazat ala. */
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-rep{margin:0 0 12px;padding:0;border:0;background:none}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-rep>.ff-el-input--label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-rep table.ff_repeater_table{display:block;width:100%;margin:0;border:0;table-layout:auto}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-rep table.ff_repeater_table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-rep table.ff_repeater_table tbody{display:grid;gap:12px;counter-reset:tl-tetel}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-rep table.ff_repeater_table tbody tr{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:14px;border:1.5px solid var(--line);border-radius:12px;background:var(--bg-base)!important;counter-increment:tl-tetel}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-rep table.ff_repeater_table tbody tr::before{content:counter(tl-tetel) ". tétel";grid-column:1/-1;margin:0 0 -4px;font:700 16px/1.2 var(--font-heading),sans-serif;letter-spacing:.02em;color:var(--tl-h2)}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-rep table.ff_repeater_table tbody td{display:block;width:auto!important;max-width:none;margin:0;padding:0;border:0;text-align:left}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-rep table.ff_repeater_table tbody td:nth-child(1),.tl-aj .fluentform form.frm-fluent-form .tl-ajf-rep table.ff_repeater_table tbody td:nth-child(2){grid-column:1/-1}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-rep table.ff_repeater_table tbody td[data-label]::before{content:attr(data-label);display:block;clear:none;margin:0 0 5px;font:600 15px/1.3 var(--font-body),sans-serif;letter-spacing:0;white-space:normal;color:var(--ink-muted)}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-rep table.ff_repeater_table tbody td .ff-el-group{margin:0}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-rep .ff-el-form-control{background-color:var(--bg-surface)}
/* torles a kartya jobb felso sarkaban; a sor sajat "+" gombja rejtett */
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-rep table.ff_repeater_table tbody td.repeat_btn{position:absolute;top:8px;right:8px;width:auto!important;margin:0;padding:0}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-rep .ff-el-repeat-buttons-list{display:flex;gap:0;justify-content:flex-end}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-rep .ff-el-repeat-buttons-list .repeat-plus{display:none}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-rep .ff-el-repeat-buttons-list .repeat-minus{display:grid;place-items:center;width:38px;height:38px;margin:0;padding:0;border:1.5px solid var(--line);border-radius:9px;background:var(--bg-surface);color:var(--ink-muted);cursor:pointer}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-rep .ff-el-repeat-buttons-list .repeat-minus:hover{border-color:#C0392B;color:#C0392B}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-rep .ff-el-repeat-buttons-list svg{width:18px;height:18px}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-rep .ff-el-repeat-buttons-list svg *{fill:currentColor}
/* "+ Ujabb tetel" (ajanlat.js) */
.tl-aj .tl-aj__add{display:inline-flex;align-items:center;gap:8px;min-height:48px;margin:12px 0 0;padding:10px 16px;border:1.5px dashed var(--link);border-radius:10px;background:transparent;color:var(--link);font:600 16px/1 var(--font-body),sans-serif;cursor:pointer}
.tl-aj .tl-aj__add:hover{background:color-mix(in srgb,var(--link) 8%,transparent);color:var(--link)}
.tl-aj .tl-aj__add[disabled]{opacity:.5;cursor:not-allowed}
.tl-aj .tl-aj__add svg{width:18px;height:18px}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-rep+.tl-ajf-hint .tl-aj__hint{margin-top:-4px}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-felulet textarea.ff-el-form-control{min-height:76px}

/* ---------- Szegmens-gombok: filc (mobilon kozepre - Karesz 10-05) ---------- */
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-seg .ff-el-input--content{display:flex;flex-wrap:wrap;gap:8px}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-seg .ff-el-form-check{margin:0;padding:0}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-seg .ff-el-form-check-label{position:relative;margin:0;cursor:pointer}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-seg .ff-el-form-check-input{position:absolute;opacity:0;width:1px;height:1px}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-seg .ff-el-form-check-label span{display:inline-flex;align-items:center;min-height:46px;padding:10px 20px;border:2px solid var(--line);border-radius:999px;background:var(--bg-surface-alt);font-weight:600;font-size:16px;color:var(--ink)}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-seg .ff-el-form-check-input:checked+span{border-color:var(--link);background:var(--tl-key);color:#fff}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-seg .ff-el-form-check-input:focus-visible+span{outline:3px solid var(--link);outline-offset:2px}
@media (max-width:767px){
  .tl-aj .fluentform form.frm-fluent-form .tl-ajf-seg .ff-el-input--label{text-align:center}
  .tl-aj .fluentform form.frm-fluent-form .tl-ajf-seg .ff-el-input--content{justify-content:center}
  .tl-aj .fluentform form.frm-fluent-form .tl-ajf-center .tl-aj__note{text-align:center;border-left:0;border-top:3px solid var(--accent);border-radius:0 0 8px 8px}
}

/* ---------- Kiegeszito chipek ---------- */
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-chips .ff-el-input--content{display:flex;flex-wrap:wrap;gap:8px}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-chips .ff-el-form-check{margin:0;padding:0}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-chips .ff-el-form-check-label{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:9px 14px 9px 11px;border:2px solid var(--line);border-radius:10px;background:var(--bg-surface-alt);cursor:pointer}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-chips .ff-el-form-check-input,.tl-aj .fluentform form.frm-fluent-form .tl-ajf-switch .ff-el-form-check-input,.tl-aj .fluentform form.frm-fluent-form .tl-ajf-consent .ff-el-form-check-input{appearance:none;-webkit-appearance:none;flex:none;margin:0;cursor:pointer}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-chips .ff-el-form-check-input{width:20px;height:20px;border:2px solid var(--metal);border-radius:5px;background:var(--bg-surface)}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-chips .ff-el-form-check-label span{font-size:16px;font-weight:600;color:var(--ink)}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-chips .ff-el-form-check:has(input:checked) .ff-el-form-check-label{border-color:var(--link);background:color-mix(in srgb,var(--link) 9%,var(--bg-surface-alt))}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-chips .ff-el-form-check-input:checked,.tl-aj .fluentform form.frm-fluent-form .tl-ajf-consent .ff-el-form-check-input:checked{border-color:var(--link);background:var(--link) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/14px no-repeat}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-chips .ff-el-form-check-input:focus-visible,.tl-aj .fluentform form.frm-fluent-form .tl-ajf-consent .ff-el-form-check-input:focus-visible{outline:3px solid var(--link);outline-offset:2px}

/* ---------- Fajlcsatolas ---------- */
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-file .ff_file_upload_holder{display:block;margin:0}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-file .ff_upload_btn.ff-btn{display:flex;align-items:center;gap:14px;width:100%;min-height:72px;margin:0;padding:12px 16px 12px 76px;position:relative;border:2px dashed color-mix(in srgb,var(--metal) 60%,transparent);border-radius:12px;background:var(--bg-base);color:var(--ink);font:700 17px/1.3 var(--font-body),sans-serif;text-align:left;box-shadow:none;cursor:pointer}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-file .ff_upload_btn.ff-btn::before{content:"";position:absolute;left:16px;top:50%;width:48px;height:48px;margin-top:-24px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4m0 0-5 5m5-5 5 5M4 16v3a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-3'/%3E%3C/svg%3E") center/22px no-repeat,var(--tl-key)}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-file .ff_upload_btn.ff-btn:hover,.tl-aj .fluentform form.frm-fluent-form .tl-ajf-file .ff_upload_btn.ff-btn:focus{border-color:var(--link);background:var(--bg-base);color:var(--ink)}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-file .ff-uploaded-list{margin:10px 0 0}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-file .ff-upload-preview{display:flex;align-items:center;gap:10px;margin:0 0 6px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg-surface);color:var(--ink)}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-file .ff-upload-filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-file .ff-upload-filesize,.tl-aj .fluentform form.frm-fluent-form .tl-ajf-file .ff-upload-progress-inline-text{color:var(--ink-muted)}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-file+.tl-ajf-hint .tl-aj__hint{margin-top:-14px}

/* ---------- Ceg kapcsolo ---------- */
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-switch>.ff-el-input--label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-switch .ff-el-form-check{margin:0;padding:0}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-switch .ff-el-form-check-label{display:inline-flex;align-items:center;gap:12px;min-height:48px;margin:0;cursor:pointer}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-switch .ff-el-form-check-input{position:relative;width:52px;height:30px;border-radius:999px;background:linear-gradient(180deg,#8C96A1,#6F7883);box-shadow:inset 0 1px 3px rgba(0,0,0,.35);border:0;transition:background .2s}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-switch .ff-el-form-check-input::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:linear-gradient(180deg,#fff,#DDE3EA);box-shadow:0 1px 3px rgba(0,0,0,.4);transition:left .2s}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-switch .ff-el-form-check-input:checked{background:var(--tl-key)}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-switch .ff-el-form-check-input:checked::after{left:25px}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-switch .ff-el-form-check-input:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-switch .ff-el-form-check-label span{font-weight:600;font-size:17px;color:var(--ink)}

/* ---------- Hozzajarulas ---------- */
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-consent .ff-el-form-check{margin:0;padding:0}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-consent .ff_tc_label{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start;margin:0;cursor:pointer}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-consent .ff_tc_checkbox{display:block;padding:0}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-consent .ff-el-form-check-input{width:24px;height:24px;border:2px solid var(--metal);border-radius:5px;background:var(--bg-surface)}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-consent .ff_t_c{font-size:16px;line-height:1.45;color:var(--ink);padding:0}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-consent .ff_t_c::after{content:"\00a0*";color:var(--accent-deep)}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-consent .ff_t_c a{color:var(--link);font-weight:600}

/* ---------- Bekuldes + "Egyedi meret..." chipek (Karesz 10-05: a gomb utan) ---------- */
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-submit{margin:6px 0 12px}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-submit button.tl-aj__submit.ff-btn-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-width:0;min-height:60px;margin:0;padding:14px 24px;border:1px solid var(--tl-offer-border);border-radius:var(--tl-offer-radius);background:var(--tl-offer-bg);color:var(--tl-offer-ink);font:700 19px/1 var(--tl-offer-font);letter-spacing:.02em;box-shadow:var(--tl-offer-shadow);cursor:pointer;transition:transform var(--tl-offer-speed),box-shadow var(--tl-offer-speed)}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-submit button.tl-aj__submit.ff-btn-submit::after{content:"→";font-family:var(--font-body),sans-serif;font-size:22px}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-submit button.tl-aj__submit.ff-btn-submit:hover,.tl-aj .fluentform form.frm-fluent-form .tl-ajf-submit button.tl-aj__submit.ff-btn-submit:focus-visible{background:var(--tl-offer-bg-hover);color:var(--tl-offer-ink-hover);border-color:var(--tl-offer-border-hover);box-shadow:var(--tl-offer-shadow-hover);transform:translateY(var(--tl-offer-lift));opacity:1}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-submit button.tl-aj__submit.ff-btn-submit:disabled{opacity:.7;cursor:wait}
@media (min-width:640px){.tl-aj .fluentform form.frm-fluent-form .tl-ajf-submit button.tl-aj__submit.ff-btn-submit{width:auto;min-width:320px}}
.tl-aj__after{margin:0 0 12px;font-size:15px;line-height:1.45;color:var(--ink-muted)}
.tl-aj__trust{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.tl-aj__trust li{display:inline-flex;align-items:center;gap:7px;margin:0;padding:6px 12px 6px 9px;border:1px solid var(--line);border-radius:999px;background:var(--bg-base);font-size:15px;font-weight:600;color:var(--ink)}
.tl-aj__trust svg{width:16px;height:16px;flex:none;color:var(--accent-deep)}
@media (max-width:767px){
  .tl-aj .fluentform form.frm-fluent-form .tl-ajf-after{text-align:center}
  .tl-aj__trust{justify-content:center}
}

/* ---------- Oldalsav ---------- */
.tl-aj__card{margin:0 0 20px;padding:20px;border:6px solid transparent;border-radius:16px;background:linear-gradient(var(--bg-surface),var(--bg-surface)) padding-box,var(--tl-silver-frame) border-box;box-shadow:var(--tl-card-shadow)}
.tl-aj .tl-aj__card h2{margin:0 0 4px;font:700 22px/1.2 var(--font-heading),sans-serif;color:var(--tl-h2)}
.tl-aj__card>p{margin:0 0 14px;font-size:16px;line-height:1.45;color:var(--ink-muted)}
.tl-aj .tl-aj__tel{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--tl-tel-ink)}
.tl-aj .tl-aj__tel:first-of-type{border-top:0}
.tl-aj__tel i{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--tl-key);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 2px 6px rgba(6,50,90,.3)}
.tl-aj__tel i svg{width:20px;height:20px}
.tl-aj__tel b{display:block;font:700 22px/1.1 var(--font-heading),sans-serif;letter-spacing:.03em;white-space:nowrap}
.tl-aj__tel small{display:block;margin-top:2px;font-size:14px;color:var(--ink-muted)}
.tl-aj .tl-aj__tel--mail b{font:600 17px/1.2 var(--font-body),sans-serif;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;color:var(--link)}
.tl-aj__open{display:flex;align-items:center;gap:8px;margin:12px 0 0;padding:9px 12px;border-radius:10px;background:var(--bg-base);font-size:15px;font-weight:600}
.tl-aj__open[hidden]{display:none}
.tl-aj__open i{width:10px;height:10px;flex:none;border-radius:50%;background:#C0392B;box-shadow:0 0 0 3px rgba(192,57,43,.2)}
.tl-aj__open[data-state="open"] i{background:#2E9E5B;box-shadow:0 0 0 3px rgba(46,158,91,.2)}
.tl-aj__open[data-state="soon"] i{background:#D4AE3A;box-shadow:0 0 0 3px rgba(212,174,58,.25)}
.tl-aj__steps{display:grid;gap:14px;margin:12px 0 0;padding:0;list-style:none;counter-reset:s}
.tl-aj__steps li{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;margin:0;counter-increment:s}
.tl-aj__steps li::before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--tl-key);color:#fff;font:700 17px/1 var(--font-heading),sans-serif}
.tl-aj__steps li:last-child::before{background:var(--tl-gold-metal);color:var(--tl-navy)}
.tl-aj__steps li.is-done::before{content:"✓";background:#2E9E5B;color:#fff}
.tl-aj__steps b{display:block;font-size:17px;color:var(--ink)}
.tl-aj__steps span{display:block;font-size:15px;line-height:1.4;color:var(--ink-muted)}

/* Jelszavas allapot */
.tl-aj__locked{max-width:560px}
.tl-aj .post-password-form input[type=password]{max-width:100%;padding:.5em .7em;border:1px solid var(--metal);border-radius:6px;background:var(--bg-surface);color:var(--ink);font:inherit}
.tl-aj .post-password-form input[type=submit]{padding:.5em 1.1em;border:0;border-radius:6px;background:var(--tl-gold-metal);color:var(--cta-ink);font:inherit;font-weight:700;cursor:pointer}

/* ---------- Koszonjuk ---------- */
.tl-ty{max-width:720px;margin:0 auto;text-align:center}
.tl-ty__card{padding:clamp(24px,5vw,44px) clamp(18px,4vw,40px);border:6px solid transparent;border-radius:18px;background:linear-gradient(var(--bg-surface),var(--bg-surface)) padding-box,var(--tl-silver-frame) border-box;box-shadow:var(--tl-card-shadow)}
.tl-ty__ok{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 16px;border-radius:50%;background:var(--tl-gold-metal);color:var(--tl-navy);box-shadow:inset 0 2px 0 rgba(255,255,255,.7),0 6px 16px rgba(6,50,90,.25)}
.tl-ty__ok svg{width:40px;height:40px}
.tl-ty .tl-aj__title::after{margin-left:auto;margin-right:auto}
.tl-ty__lead{margin:16px auto 0;max-width:34em;font-size:clamp(17px,1vw + 12px,19px);line-height:1.55;color:var(--ink-muted)}
.tl-ty__steps{max-width:420px;margin:24px auto 0;text-align:left}
.tl-ty__tels{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 24px;margin:20px 0 0;padding-top:18px;border-top:1px solid var(--line)}
.tl-ty__tels p{width:100%;margin:0 0 4px;font-size:16px;color:var(--ink-muted)}
.tl-ty .tl-ty__tels .tl-aj__tel{border:0;padding:6px 0}
.tl-ty__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0 0}
.tl-aj .tl-ty__btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 22px;border-radius:9px;font:700 16px/1 var(--tl-offer-font);text-decoration:none;color:#fff;background:var(--tl-key);border:1px solid #5C8FC4;box-shadow:0 3px 10px rgba(6,50,90,.25)}
.tl-aj .tl-ty__btn:hover{background:var(--tl-key-hover);color:#fff}
.tl-aj .tl-ty__btn--ghost{background:transparent;color:var(--link);border:2px solid var(--line);box-shadow:none}
.tl-aj .tl-ty__btn--ghost:hover{background:transparent;color:var(--link);border-color:var(--link)}

/* v3 (2026-10-08) - felhasznalasonkenti tetel-reszek (.tl-ajf-sec, inc/ajanlat-lista.php generalja)
   A resz cime = a FF ismetlo mezo cimkeje (a v2-ben rejtett volt) + a csempe kepe (ajanlat.js).
   Ha egy csempe sincs bejelolve, a .tl-ajf-ures jelzes latszik. */
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-rep.tl-ajf-sec{margin:0 0 26px}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-rep.tl-ajf-sec>.ff-el-input--label{position:static;width:auto;height:auto;overflow:visible;clip:auto;display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:0 0 10px;border-bottom:2px solid var(--line)}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-rep.tl-ajf-sec>.ff-el-input--label label{min-width:0;margin:0;padding:0;font:700 20px/1.2 var(--font-heading),sans-serif;letter-spacing:.02em;color:var(--tl-h2);overflow-wrap:break-word}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-rep.tl-ajf-sec>.ff-el-input--label .tl-ajf-thumb{flex:none;display:block;width:60px;height:40px;margin:0;object-fit:cover;border:2px solid var(--accent);border-radius:8px}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-ures{margin:0 0 20px}
.tl-aj .fluentform form.frm-fluent-form:has(.tl-ajf-uses input:checked) .tl-ajf-ures{display:none}
.tl-aj__ures{margin:0;padding:14px 16px;border:1.5px dashed var(--line);border-radius:12px;font-size:16px;line-height:1.5;text-align:center;color:var(--ink-muted)}
/* v3 VEGE */

/* v3b (2026-10-08) - folyamatos tetel-szamozas a reszeken at (rejtett resz nem szamit);
   reszenkenti felulet-mezo, "Kiegeszitot is kerek hozza" kapcsolo + chipek (inc/ajanlat-lista.php) */
.tl-aj .fluentform form.frm-fluent-form{counter-reset:tl-tetel}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-rep table.ff_repeater_table tbody{counter-reset:none}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-rep.tl-ajf-sec{margin:30px 0 14px}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-ures+.tl-ajf-sec{margin-top:0}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-secx{margin-bottom:14px}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-kiegkell{margin-bottom:6px}
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-felulet.tl-ajf-secx .ff-el-input--label label::after{content:" (nem kötelező)";font-weight:400;font-size:15px;color:var(--ink-muted)}
/* v3b VEGE */

/* v50 (2026-11-04) - uj Anyag oszlop (Termek, Anyag, Szin, Darab, Hossz): a 3. oszlop (Szin) is teljes szelessegu */
.tl-aj .fluentform form.frm-fluent-form .tl-ajf-rep table.ff_repeater_table tbody td:nth-child(3){grid-column:1/-1}