/* Vastelep Ajánlatkérő — katalógus és ajánlatkérő stílusai.
   A színeket és betűket a sablon adja (CSS-változókból), így
   ha a sablon arculata változik, ez automatikusan követi. */

.vtak-hide{display:none !important}
.vtak-muted{color:var(--ink2);font-size:13.5px}

/* ---------- kereső a menüsorban ---------- */
.vtak-srch{flex:1;max-width:440px;position:relative}
.vtak-srch input{width:100%;height:40px;padding:0 36px 0 13px;border:1px solid var(--rule);
  border-radius:3px;font:inherit;background:var(--paper);color:var(--ink)}
.vtak-srch input:focus{background:#fff;border-color:var(--steel);outline:none}
.vtak-clr{position:absolute;right:4px;top:4px;width:32px;height:32px;border:0;background:none;
  cursor:pointer;color:var(--ink3);font-size:18px;line-height:1}

/* ---------- árucsoport ---------- */
.vtak{max-width:var(--max);margin:0 auto;padding:0 20px}
.vtak-pick{margin:30px 0 0}
.vtak-pick h2{margin-bottom:13px}
.vtak-grpbar{display:flex;flex-wrap:wrap;gap:10px}
.vtak-gbtn{display:flex;flex-direction:column;align-items:flex-start;gap:3px;flex:1 1 auto;min-width:168px;
  padding:14px 20px;border:1px solid var(--rule);background:var(--surface);border-radius:3px;cursor:pointer;
  color:var(--ink);text-align:left;transition:background .14s,border-color .14s,color .14s}
.vtak-gbtn strong{font-family:var(--head);font-size:21px;font-weight:600;line-height:1.06}
.vtak-gbtn em{font-style:normal;font-size:12px;color:var(--ink3)}
.vtak-gbtn:hover{border-color:var(--steel)}
.vtak-gbtn[aria-pressed="true"]{background:var(--steel-deep);border-color:var(--steel-deep);color:#fff}
.vtak-gbtn[aria-pressed="true"] em{color:#A9C7DE}
.vtak-grphint{margin:14px 0 12px;font-size:15px;color:var(--ink2);max-width:72ch}

/* ---------- csempék ---------- */
.vtak-profiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));
  background:var(--rule);gap:1px;border:1px solid var(--rule)}
.vtak-ptile{background:var(--surface);border:0;cursor:pointer;padding:15px 8px 12px;display:flex;
  flex-direction:column;align-items:center;gap:8px;color:var(--ink);transition:background .12s}
.vtak-ptile:hover,.vtak-ptile:focus-visible{background:var(--steel-wash)}
.vtak-ptile[aria-current="true"]{background:var(--steel-wash);box-shadow:inset 0 -3px 0 var(--steel)}
.vtak-ptile svg{stroke:var(--steel-deep);fill:none;stroke-width:2.5;stroke-linejoin:round}
.vtak-ptile svg .solid{fill:var(--steel-deep);stroke:none}
.vtak-ptile span{font-size:12.5px;line-height:1.2;text-align:center;font-weight:500}
.vtak-ptile b{font-size:11.5px;font-weight:500;color:var(--ink3)}

/* ---------- katalógus ---------- */
.vtak-shop{padding:44px 0 66px;display:grid;grid-template-columns:236px 1fr;gap:28px;align-items:start}
.vtak-rail{position:sticky;top:90px;max-height:calc(100vh - 110px);overflow-y:auto}
.vtak-rail>h3{font-size:13px;font-family:var(--body);font-weight:600;color:var(--ink3);margin-bottom:10px}
.vtak-railgroup{margin-bottom:16px}
.vtak-railgroup>p{margin:0 0 4px;font-size:11.5px;color:var(--ink3);font-weight:600}
.vtak-rlink{display:flex;justify-content:space-between;gap:8px;width:100%;text-align:left;background:none;
  border:0;border-left:2px solid transparent;padding:6px 8px;cursor:pointer;color:var(--ink2);font-size:14px;line-height:1.3}
.vtak-rlink:hover{color:var(--ink);background:var(--surface)}
.vtak-rlink[aria-current="true"]{border-left-color:var(--steel);color:var(--ink);background:var(--surface);font-weight:600}
.vtak-rlink em{font-style:normal;color:var(--ink3);font-size:12px}

.vtak-panel{background:var(--surface);border:1px solid var(--rule)}
.vtak-panel-hd{padding:22px 24px 18px;border-bottom:1px solid var(--rule)}
.vtak-crumb{font-size:12px;color:var(--ink3);margin:0 0 6px}
.vtak-d{margin:8px 0 0;color:var(--ink2);max-width:64ch;font-size:14px}
.vtak-msrch{display:none;margin-top:14px}
.vtak-msrch input{width:100%;height:40px;padding:0 12px;border:1px solid var(--rule);border-radius:3px;font:inherit;background:var(--paper)}

.vtak-trow{display:grid;grid-template-columns:1.35fr .85fr .85fr .7fr 1.45fr;gap:14px;align-items:center;
  padding:11px 24px;border-bottom:1px solid var(--rule-soft)}
.vtak-trow.c4{grid-template-columns:1.6fr 1fr .9fr 1.45fr}
.vtak-thead{background:var(--paper);border-bottom:1px solid var(--rule);font-size:11.5px;color:var(--ink3);
  font-weight:600;position:sticky;top:70px;z-index:5}
.vtak-thead .j{text-align:right}
.vtak-trow:last-child{border-bottom:0}
.vtak-trow:hover:not(.vtak-thead){background:#FAFCFD}
.vtak-dim{font-weight:600;font-size:15px;line-height:1.25}
.vtak-dim small{display:block;font-weight:400;font-size:12px;color:var(--ink3)}
.vtak-grade{display:inline-block;padding:1px 7px;background:#FBF0D6;border-left:3px solid var(--mark);
  font-size:12px;font-weight:600;color:#5C4405}
.vtak-addbox{display:flex;gap:6px;justify-content:flex-end}
.vtak-addbox input{width:66px;height:34px;padding:0 8px;border:1px solid var(--rule);border-radius:3px;font:inherit;text-align:right}
.vtak-addbox select,.vtak-len{height:34px;border:1px solid var(--rule);border-radius:3px;font:inherit;background:#fff;padding:0 4px}
.vtak-addbtn{height:34px;padding:0 13px;background:var(--steel-deep);color:#fff;border:0;border-radius:3px;cursor:pointer;font-weight:500}
.vtak-addbtn:hover{background:#153d5e}
.vtak-addbtn.kesz{background:var(--ok)}
.vtak-empty{padding:36px 24px;color:var(--ink3)}

/* ---------- kosár ---------- */
.vtak-scrim{position:fixed;inset:0;background:rgba(10,22,32,.45);opacity:0;pointer-events:none;transition:opacity .18s;z-index:50}
.vtak-scrim.on{opacity:1;pointer-events:auto}
.vtak-drawer{position:fixed;top:0;right:0;bottom:0;width:min(432px,100%);background:var(--surface);z-index:60;
  transform:translateX(100%);transition:transform .22s ease;display:flex;flex-direction:column}
.vtak-drawer.on{transform:none}
.vtak-drw-hd{padding:20px 22px;border-bottom:1px solid var(--rule);display:flex;align-items:center;gap:12px}
.vtak-drw-hd h2{font-size:22px;margin-right:auto}
.vtak-x{background:none;border:0;font-size:24px;line-height:1;cursor:pointer;color:var(--ink2);padding:4px 8px}
.vtak-drw-body{flex:1;overflow-y:auto;padding:4px 22px 22px}
.vtak-drw-ft{border-top:1px solid var(--rule);padding:18px 22px 22px;background:var(--paper);max-height:62vh;overflow-y:auto}
.vtak-qitem{padding:14px 0;border-bottom:1px solid var(--rule-soft)}
.vtak-qitem .t{display:flex;gap:10px;align-items:baseline}
.vtak-qitem .t b{font-size:15px}
.vtak-qitem .t span{font-size:12.5px;color:var(--ink3);margin-left:auto;text-align:right}
.vtak-qitem .m{font-size:13px;color:var(--ink2);margin-top:3px}
.vtak-qitem .c{display:flex;gap:8px;align-items:center;margin-top:8px}
.vtak-qitem .c input{width:70px;height:32px;padding:0 8px;border:1px solid var(--rule);border-radius:3px;font:inherit;text-align:right}
.vtak-qitem .c select{height:32px;border:1px solid var(--rule);border-radius:3px;font:inherit;padding:0 4px}
.vtak-qitem .c button{margin-left:auto;background:none;border:0;color:var(--err);cursor:pointer;font-size:13px;text-decoration:underline}
.vtak-ossz{display:flex;justify-content:space-between;font-size:14px;margin-bottom:14px}
.vtak-big{width:100%;height:46px;background:var(--steel-deep);color:#fff;border:0;border-radius:3px;
  cursor:pointer;font-weight:600;font-size:15px}
.vtak-big:hover{background:#153d5e}
.vtak-big[disabled]{background:var(--ink3);cursor:not-allowed}
.vtak-note{font-size:12.5px;color:var(--ink2);margin:10px 0 0}
.vtak-fs{border:0;padding:0;margin:0 0 14px}
.vtak-fs legend{font-size:12.5px;font-weight:600;color:var(--ink3);padding:0;margin-bottom:9px}
.vtak-seg{display:flex;border:1px solid var(--rule);border-radius:3px;overflow:hidden}
.vtak-seg button{flex:1;background:var(--surface);border:0;padding:9px;cursor:pointer;color:var(--ink2)}
.vtak-seg button[aria-pressed="true"]{background:var(--steel-wash);color:var(--steel-deep);font-weight:600;box-shadow:inset 0 -2px 0 var(--steel)}

/* ---------- fájlfeltöltés ---------- */
.vtak-upl{display:inline-flex;align-items:center;gap:9px;height:42px;padding:0 16px;border:1px dashed var(--steel);
  border-radius:3px;cursor:pointer;color:var(--steel-deep);font-weight:500;font-size:14px;background:var(--steel-wash)}
.vtak-upl:hover{background:#D6E6F1}
.vtak-upl input{display:none}
.vtak-att{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--rule-soft);font-size:13px}
.vtak-att b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px}
.vtak-att .sz{color:var(--ink3);white-space:nowrap;margin-left:auto}
.vtak-att button{background:none;border:0;color:var(--err);cursor:pointer;text-decoration:underline;font-size:12.5px;padding:0}
.vtak-hint{font-size:12px;color:var(--ink3);margin:9px 0 0}
.vtak-hint.bad{color:var(--err);font-weight:500}

/* ---------- ablak ---------- */
.vtak-modal{position:fixed;z-index:60;top:50%;left:50%;transform:translate(-50%,-48%);
  width:min(560px,calc(100% - 24px));max-height:88vh;overflow-y:auto;background:var(--surface);
  border:1px solid var(--rule);opacity:0;pointer-events:none;transition:opacity .16s,transform .16s}
.vtak-modal.on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}
.vtak-mod-hd{padding:20px 24px 0;display:flex;align-items:flex-start}
.vtak-mod-hd h2{margin-right:auto;font-size:25px}
.vtak-mod-body{padding:8px 24px 26px}
.vtak-tabs{display:flex;border-bottom:1px solid var(--rule);margin:14px 0 18px}
.vtak-tab{background:none;border:0;border-bottom:2px solid transparent;padding:8px 2px;margin-right:22px;
  cursor:pointer;color:var(--ink2);font-weight:500}
.vtak-tab[aria-selected="true"]{border-bottom-color:var(--steel);color:var(--ink);font-weight:600}
.vtak-fgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}
.vtak-fgrid .teljes{grid-column:1/-1}
.vtak-f{display:flex;flex-direction:column;gap:4px}
.vtak-f label{font-size:12.5px;color:var(--ink2);font-weight:500}
.vtak-f input{height:40px;padding:0 11px;border:1px solid var(--rule);border-radius:3px;font:inherit;background:var(--surface);color:var(--ink)}
.vtak-f input:focus{border-color:var(--steel);outline:none}
.vtak-f input[aria-invalid="true"]{border-color:var(--err);background:#FDF3F2}
.vtak-f .msg{font-size:12px;color:var(--err);margin:0}
.vtak-chk{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;color:var(--ink2);margin:12px 0}
.vtak-chk input{margin-top:3px}
.vtak-banner{background:var(--steel-wash);border-left:3px solid var(--steel);padding:11px 14px;font-size:13.5px;margin-bottom:4px}
.vtak-sent p{font-size:14.5px;color:var(--ink2);margin:0 0 12px}

/* ---------- értesítés ---------- */
.vtak-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,14px);z-index:70;background:var(--ink);
  color:#fff;padding:11px 18px;border-radius:3px;font-size:14px;opacity:0;pointer-events:none;
  transition:opacity .18s,transform .18s;max-width:calc(100% - 32px);text-align:center}
.vtak-toast.on{opacity:1;transform:translate(-50%,0)}

/* ---------- töréspontok ---------- */
@media(max-width:1040px){.vtak-srch{display:none}.vtak-msrch{display:block}}
@media(max-width:900px){
  .vtak-shop{grid-template-columns:1fr;gap:16px}
  .vtak-rail{display:none}
}
@media(max-width:720px){
  .vtak{padding:0 18px}
  .vtak-trow,.vtak-trow.c4{grid-template-columns:1fr 1fr;gap:6px 12px;padding:14px 18px}
  .vtak-thead{display:none}
  .vtak-dim{grid-column:1/-1}
  .vtak-addbox{grid-column:1/-1;justify-content:flex-start;margin-top:6px}
  .vtak-addbox input{flex:0 0 70px}
  .vtak-addbtn{flex:1}
  .vtak-panel-hd,.vtak-drw-body,.vtak-drw-hd,.vtak-drw-ft,.vtak-mod-body,.vtak-mod-hd{padding-left:18px;padding-right:18px}
  .vtak-fgrid{grid-template-columns:1fr}
}
@media(max-width:560px){.vtak-gbtn{min-width:100%}}

/* ---------- belépésre hívó a kosárban ---------- */
.vtak-belepteto{padding:22px 0}
.vtak-belepteto h3{font-family:var(--head);font-size:22px;font-weight:600;margin:0 0 10px}
.vtak-belepteto p{color:var(--ink2);font-size:14.5px;margin:0 0 18px}
.vtak-belepteto .vtak-vagy{margin:16px 0 10px;font-size:13.5px;color:var(--ink3);text-align:center}
.vtak-big.masodlagos{background:var(--surface);color:var(--steel-deep);border:1px solid var(--steel)}
.vtak-big.masodlagos:hover{background:var(--steel-wash)}

/* ---------- szállítási cím a kosárban ---------- */
.vtak-szall{margin-top:12px;padding-top:12px;border-top:1px solid var(--rule-soft)}
.vtak-szall-sor{display:grid;grid-template-columns:110px 1fr;gap:0 12px}
.vtak-szall .vtak-f{margin-bottom:10px}

/* ---------- Fiókom oldal ---------- */
.vtak-fiok{margin-top:8px}
.vtak-fiok-ures{color:var(--ink2);font-size:16px;max-width:60ch}
.vtak-ak{background:var(--surface);border:1px solid var(--rule);margin-bottom:12px}
.vtak-ak summary{cursor:pointer;padding:15px 18px;display:flex;flex-direction:column;gap:4px;list-style:none}
.vtak-ak summary::-webkit-details-marker{display:none}
.vtak-ak summary::after{content:"";position:absolute;right:20px;width:9px;height:9px;
  border-right:2px solid var(--ink3);border-bottom:2px solid var(--ink3);transform:rotate(45deg);margin-top:6px}
.vtak-ak{position:relative}
.vtak-ak[open] summary::after{transform:rotate(-135deg);margin-top:10px}
.vtak-ak summary:hover{background:#FAFCFD}
.vtak-ak-fo{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.vtak-ak-fo b{font-size:15.5px}
.vtak-ak-meta{font-size:13px;color:var(--ink2)}
.vtak-ak-body{padding:0 18px 20px;border-top:1px solid var(--rule-soft)}
.vtak-ak-allapot{margin:16px 0;padding:11px 14px;font-size:13.5px;background:var(--paper);
  border-left:3px solid var(--ink3);color:var(--ink2)}
.vtak-ak-allapot.jo{background:var(--steel-wash);border-left-color:var(--steel);color:var(--ink)}
.vtak-ak-tetelek{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:16px}
.vtak-ak-tetelek th{text-align:left;font-size:11.5px;color:var(--ink3);font-weight:600;
  padding:8px 10px 8px 0;border-bottom:1px solid var(--rule)}
.vtak-ak-tetelek td{padding:9px 10px 9px 0;border-bottom:1px solid var(--rule-soft);vertical-align:top}
.vtak-ak-tetelek .n{text-align:right;white-space:nowrap;padding-right:0}
.vtak-halvany{color:var(--ink3);font-size:12.5px}
.vtak-ak-kv{display:grid;grid-template-columns:120px 1fr;gap:6px 16px;font-size:14px;margin:0 0 18px}
.vtak-ak-kv dt{color:var(--ink3);font-size:12.5px}
.vtak-ak-kv dd{margin:0}
.st{display:inline-block;padding:1px 9px;border-radius:10px;font-size:12px;font-weight:600}
.st-uj{background:#FBF0D6;color:#5C4405}
.st-folyamatban{background:var(--steel-wash);color:var(--steel-deep)}
.st-elkuldve{background:#DDF0E7;color:#14573E}
.st-lezart{background:#E8ECEF;color:var(--ink2)}

@media(max-width:560px){
  .vtak-ak-kv{grid-template-columns:1fr;gap:2px}
  .vtak-ak-kv dt{margin-top:10px}
  .vtak-ak-tetelek th:nth-child(2),.vtak-ak-tetelek td:nth-child(2){display:none}
}

/* ---------- védelem a WordPress eszköztára ellen ----------
   Az eszköztár 99999-es rétegen ül. Alapból kikapcsoljuk, de ha
   valaki visszakapcsolná, az ablakaink akkor se kerüljenek alá. */
.vtak-scrim{z-index:99998}
.vtak-drawer,.vtak-modal{z-index:99999}
.vtak-toast{z-index:100000}
body.admin-bar .vtak-drawer{top:32px}
@media screen and (max-width:782px){
  body.admin-bar .vtak-drawer{top:46px}
}

/* ==========================================================================
   Az ajánlatkérő középre, nagyobb méretben.
   Ez a rendszer legfontosabb felülete, ezért nem oldalról becsúszó sáv,
   hanem középen megnyíló, két hasábos ablak: balra a tételek, jobbra
   az átvétel, a csatolmány és a küldés.
   ========================================================================== */
.vtak-drawer{
  top:50%; right:auto; bottom:auto; left:50%;
  width:min(920px,calc(100% - 28px));
  max-height:88vh; height:auto;
  transform:translate(-50%,-46%);
  opacity:0; pointer-events:none;
  border:1px solid var(--rule);
  box-shadow:0 18px 50px rgba(10,22,32,.22);
  display:grid;
  grid-template-columns:1.2fr .95fr;
  grid-template-rows:auto minmax(0,1fr);
  transition:opacity .18s ease, transform .18s ease;
}
.vtak-drawer.on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}
.vtak-drw-hd{grid-column:1/-1}
.vtak-drw-hd h2{font-size:24px}
.vtak-drw-body{min-height:180px;overflow-y:auto;padding:6px 24px 24px}
.vtak-drw-ft{
  border-top:0; border-left:1px solid var(--rule);
  padding:20px 24px 24px; max-height:none; overflow-y:auto;
}
body.admin-bar .vtak-drawer{top:50%}

/* Egy hasáb, ha nem fér ki kettő */
@media(max-width:860px){
  .vtak-drawer{
    grid-template-columns:1fr;
    grid-template-rows:auto minmax(0,1fr) auto;
    width:min(560px,calc(100% - 20px));
  }
  .vtak-drw-body{max-height:40vh}
  .vtak-drw-ft{border-left:0;border-top:1px solid var(--rule);max-height:44vh}
}
@media(max-width:560px){
  .vtak-drawer{width:calc(100% - 16px);max-height:92vh}
  .vtak-drw-body,.vtak-drw-ft,.vtak-drw-hd{padding-left:18px;padding-right:18px}
}

/* ==========================================================================
   Ügyintézői kezelőfelület a weboldalon
   ========================================================================== */
.vtak-kezelo{margin-top:8px}
.vtak-szuro{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.vtak-fchip{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border:1px solid var(--rule);
  background:var(--surface);border-radius:20px;font-size:13.5px;color:var(--ink2);text-decoration:none}
.vtak-fchip:hover{border-color:var(--steel);color:var(--steel-deep)}
.vtak-fchip.aktiv{background:var(--steel-deep);border-color:var(--steel-deep);color:#fff;font-weight:600}
.vtak-fchip span{opacity:.75;font-size:12.5px}
.vtak-kesik{background:#FDECEA;color:#7A1A14;font-size:11.5px;font-weight:600;padding:1px 8px;border-radius:10px}

/* állapotléptető */
.vtak-lepteto{margin:16px 0 22px;padding:16px;background:var(--paper);border:1px solid var(--rule)}
.vtak-lepteto-cim{display:block;font-size:12px;font-weight:600;color:var(--ink3);margin-bottom:9px}
.vtak-lanc{display:flex;flex-wrap:wrap;gap:0}
.vtak-lepes{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface);
  border:1px solid var(--rule);border-right-width:0;cursor:pointer;color:var(--ink2);font-size:14px;font-weight:500}
.vtak-lepes:first-child{border-radius:3px 0 0 3px}
.vtak-lepes:last-child{border-right-width:1px;border-radius:0 3px 3px 0}
.vtak-lepes:hover:not(:disabled){background:var(--steel-wash);color:var(--steel-deep)}
.vtak-lepes .sz{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;
  background:var(--rule);color:var(--ink2);font-size:11.5px;font-weight:700}
.vtak-lepes.aktiv{background:var(--steel-deep);border-color:var(--steel-deep);color:#fff;cursor:default}
.vtak-lepes.aktiv .sz{background:rgba(255,255,255,.25);color:#fff}
.vtak-lepes:disabled{cursor:default}
.vtak-lepteto-sugo{margin:12px 0 0;font-size:13px;color:var(--ink2)}

@media(max-width:700px){
  .vtak-lanc{flex-direction:column}
  .vtak-lepes{border-right-width:1px;border-bottom-width:0}
  .vtak-lepes:first-child{border-radius:3px 3px 0 0}
  .vtak-lepes:last-child{border-bottom-width:1px;border-radius:0 0 3px 3px}
}

/* elutasítás */
.st-elutasitva{background:#FDECEA;color:#7A1A14}
.vtak-elutasit{margin:0 0 20px;border:1px solid var(--rule);background:var(--surface)}
.vtak-elutasit summary{cursor:pointer;padding:11px 16px;font-size:13.5px;color:var(--err);font-weight:500}
.vtak-elutasit summary:hover{background:#FDF3F2}
.vtak-elutasit form{padding:0 16px 16px;border-top:1px solid var(--rule-soft)}
.vtak-elutasit-gomb{height:42px;padding:0 18px;background:var(--err);color:#fff;border:0;border-radius:3px;
  cursor:pointer;font-weight:600;font-size:14px}
.vtak-elutasit-gomb:hover{background:#8E1E18}