/*
Theme Name: Mars téri rendelő
Description: Tabletre szabott belső rendelőfelület a Mars téri húsboltnak: terméklista nagy léptetőkkel és kosár gombbal, a rendelésnél csak e-mail és küldés.
Version: 1.0.5
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: marster-rendelo
*/
:root{--piros:#C62828;--piros-s:#8E1B1B;--zold:#93DE8C;--zold-s:#2E7D32;--kek:#1565C0;--hatter:#D7E5DF;--feher:#fff;--tinta:#1B1F24;--halvany:#5F6B73;--vonal:#C9D6D0}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--hatter);color:var(--tinta);font:16px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer;touch-action:manipulation}
.mr-wrap{max-width:1100px;margin:0 auto;padding:0 16px}
.mr-fej{background:var(--feher);border-bottom:1px solid var(--vonal);position:sticky;top:0;z-index:20}
.admin-bar .mr-fej{top:32px}
@media (max-width:782px){.admin-bar .mr-fej{top:46px}}
.mr-fej .mr-wrap{display:flex;align-items:center;gap:16px;padding-block:10px}
.mr-logo img{max-height:46px;width:auto;display:block}
.mr-logo a{font-weight:800;font-size:22px;color:var(--piros);text-decoration:none}
.mr-szuro{display:flex;gap:10px;flex:1;min-width:0}
.mr-szuro input,.mr-szuro select{height:52px;border:2px solid var(--vonal);border-radius:10px;padding:0 14px;background:var(--feher);min-width:0}
.mr-szuro input{flex:1.4}
.mr-szuro select{flex:1}
.mr-szuro input:focus,.mr-szuro select:focus{outline:none;border-color:var(--kek)}
.mr-kosarlink{display:flex;align-items:center;gap:8px;height:52px;padding:0 16px;border-radius:10px;background:var(--piros);color:#fff;text-decoration:none;font-weight:700;white-space:nowrap}
.mr-kosarlink b{background:#fff;color:var(--piros);border-radius:99px;min-width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px}
.mr-lista{list-style:none;margin:14px auto 110px;padding:0;background:var(--feher);border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.mr-sor{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;min-height:78px;padding:10px 16px;border-bottom:1px solid #E6ECE9}
.mr-sor:last-child{border-bottom:0}
.mr-sor.bent{background:var(--zold)}
.mr-sor[hidden]{display:none}
.mr-sor.nincs{opacity:.45}
.mr-nev{font-size:18px;font-weight:600;min-width:0}
.mr-nev small{display:block;font-size:13px;font-weight:400;color:var(--halvany)}
.mr-lep{display:flex;align-items:center}
.mr-lep button{width:56px;height:56px;border:0;background:var(--piros);color:#fff;font-size:28px;font-weight:700;line-height:1}
.mr-lep button:first-child{border-radius:10px 0 0 10px}
.mr-lep button:last-child{border-radius:0 10px 10px 0}
.mr-lep button:active{background:var(--piros-s)}
.mr-lep input{width:64px;height:56px;border:2px solid var(--piros);border-inline:0;text-align:center;font-size:22px;font-weight:700;background:#fff;-moz-appearance:textfield;appearance:textfield}
.mr-lep input::-webkit-outer-spin-button,.mr-lep input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.mr-akc{display:grid;grid-template-columns:56px 64px 44px;align-items:center;gap:10px}
.mr-be{width:56px;height:56px;padding:0;border:0;border-radius:10px;background:var(--kek);color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:background .15s}
.mr-be svg{width:30px;height:30px}
.mr-be:active{transform:scale(.96)}
.mr-be:disabled{opacity:.4}
.mr-be.ok{background:var(--zold-s)}
.mr-db{width:64px;height:56px;border:2px solid var(--piros);border-radius:10px;background:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:22px;font-weight:800}
.mr-db.nulla{border-color:var(--vonal);color:#B3BEC4;font-weight:600}
.mr-ki{width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--piros);font-size:32px;line-height:1}
.mr-ki.nulla{visibility:hidden}
.mr-kosar .mr-akc{grid-template-columns:44px}
.mr-ures{padding:30px;text-align:center;color:var(--halvany)}
.mr-also{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--feher);border-top:1px solid var(--vonal);box-shadow:0 -4px 16px rgba(0,0,0,.08);padding-bottom:env(safe-area-inset-bottom,0px)}
.mr-also .mr-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px}
.mr-also-sz{font-size:18px}
.mr-also-sz b{font-size:22px}
.mr-tovabb{height:60px;padding:0 28px;border-radius:12px;background:var(--piros);color:#fff;text-decoration:none;font-size:20px;font-weight:800;display:inline-flex;align-items:center}
.mr-tovabb[aria-disabled=true]{opacity:.4;pointer-events:none}
.mr-uzenet{margin:14px auto 0;padding:14px 18px;border-radius:12px;font-size:18px;font-weight:600}
.mr-uzenet.jo{background:#E3F6E1;color:var(--zold-s)}
.mr-uzenet.rossz{background:#FDE7E7;color:var(--piros-s)}
.mr-cim{font-size:28px;margin:20px 0 6px}
.mr-kuld{margin:16px auto 120px;background:var(--feher);border-radius:12px;padding:18px;display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.mr-kuld label{flex:1;min-width:240px;font-weight:700}
.mr-kuld input{display:block;width:100%;margin-top:6px;height:56px;border:2px solid var(--vonal);border-radius:10px;padding:0 14px;font-size:18px}
.mr-kuld input:focus,.mr-kuld textarea:focus{outline:none;border-color:var(--kek)}
.mr-kuld .mr-megj{flex-basis:100%}
.mr-kuld textarea{display:block;width:100%;margin-top:6px;min-height:96px;border:2px solid var(--vonal);border-radius:10px;padding:12px 14px;font-size:18px;font-family:inherit;resize:vertical}
.mr-kuld button{height:60px;padding:0 30px;border:0;border-radius:12px;background:var(--zold-s);color:#fff;font-size:20px;font-weight:800}
.mr-tart{margin:20px auto;background:var(--feher);border-radius:12px;padding:20px}
@media (max-width:760px){
  .mr-fej .mr-wrap{flex-wrap:wrap}
  .mr-szuro{order:3;flex-basis:100%}
  .mr-sor{grid-template-columns:1fr auto;grid-template-areas:"nev nev" "lep akc"}
  .mr-nev{grid-area:nev}
  .mr-lep{grid-area:lep}
  .mr-akc{grid-area:akc;justify-content:end}
}