/* EV Club — klubtagság (Design 7. kör: Klubtagsag.dc.html + Tagkartya.dc.html) */
.evk-mono{font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}
.evk-lead{font-size:18px;line-height:1.6;color:#3D424A;margin:0 0 24px;max-width:720px}
.evk-halk{font-size:14px;color:#5F6670;line-height:1.55}
.evk-kicker{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1F6B3A}
.evk-h2{font-size:22px;font-weight:800;margin:32px 0 14px}
.evk-panel{border:1px solid #E3E5E9;border-radius:12px;padding:24px;background:#fff;margin:0 0 20px}
.evk-panel h2{font-size:22px;font-weight:800;margin:0 0 10px}
.evk-panel p{margin:0 0 12px;line-height:1.6}
.evk-gombok{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}
.evk-gomb2{display:inline-flex;align-items:center;height:48px;padding:0 22px;border:1px solid #CFD3D9;border-radius:999px;background:#fff;color:#111316;font-size:15px;font-weight:800;text-decoration:none;cursor:pointer}
.evk-gomb2:hover{border-color:#111316}
.evk-gomb2--vesz{border-color:#B0001E;color:#B0001E}
.evk-hiba{background:#FDECEE;border:1px solid #F3B8C1;color:#8A0018;border-radius:8px;padding:12px 16px;font-weight:700}
.evk-info{background:#EEF6F0;border:1px solid #C7E1CE;border-radius:8px;padding:12px 16px;line-height:1.55}
.evk-cimke{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border:1px solid #111316;border-radius:999px;padding:2px 8px;margin-left:6px;vertical-align:2px}

/* klubválasztó */
.evk-klubok{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.evk-klubgomb{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:12px;background:var(--k-dark);color:#fff;text-decoration:none;border-bottom:4px solid var(--k-accent);font-weight:800;font-size:17px}
.evk-klubgomb img{border-radius:50%;background:#fff}
.evk-klubgomb span{flex:1}
.evk-klubgomb:hover{filter:brightness(1.15);color:#fff}

/* csatlakozás */
.evk-csatl__racs{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}
.evk-csatl__miert{background:var(--k-dark);color:#fff;border-radius:12px;padding:24px;border-bottom:4px solid var(--k-accent)}
.evk-csatl__miert img{border-radius:50%;background:#fff}
.evk-csatl__miert h2{color:#fff;font-size:20px;font-weight:800;margin:14px 0}
.evk-csatl__miert ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.evk-csatl__miert li b{display:block;font-size:15px}
.evk-csatl__miert li span{font-size:14px;color:#D7D9DD;line-height:1.5}
.evk-csatl__miert .evk-halk{color:#B9BDC4;margin:18px 0 0}
.evk-szintek{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}
.evk-szint{position:relative;display:block;border:1px solid #E3E5E9;border-radius:12px;padding:18px;cursor:pointer}
.evk-szint input{position:absolute;opacity:0}
.evk-szint--be{border-color:var(--k-accent);box-shadow:0 0 0 1px var(--k-accent)}
.evk-szint--ki{background:#F7F8FA;color:#5F6670;cursor:default}
.evk-szint__fej{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px}
.evk-szint__fej b{font-size:18px;color:#111316}
.evk-szint--ki .evk-szint__fej b{color:#7A5A12}
.evk-szint__fej em{font-style:normal;font-weight:800}
.evk-szint ul{margin:0;padding-left:18px;font-size:14px;line-height:1.6}
.evk-hamarosan{display:inline-block;margin-top:10px;font-size:12px;font-weight:800;background:#FBF3DF;color:#7A5A12;border-radius:999px;padding:4px 10px}
.evk-mezo{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;font-weight:700;font-size:14px}
.evk-mezo select{height:48px;border:1px solid #CFD3D9;border-radius:8px;padding:0 12px;font-size:16px;max-width:420px;background:#fff}
.evk-mezo small{font-weight:500;color:#5F6670}
.evk-mezo i,.evk-pipa i{color:#C8102E;font-style:normal}
.evk-pipa{display:flex;gap:10px;align-items:flex-start;margin-bottom:14px;font-size:15px;line-height:1.5}
.evk-pipa input{width:20px;height:20px;margin-top:2px;flex:0 0 auto;accent-color:var(--k-accent)}
.evk-fogomb{margin-top:8px;height:52px;padding:0 32px;font-size:16px;border:0;cursor:pointer}
.evk-siker{max-width:720px}
.evk-siker h2{font-size:32px}
.evk-belepes{max-width:560px}

/* tagkártya */
.evk-kartyak{max-width:640px}
.evk-fulek{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.evk-ful{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px 0 8px;border:1px solid #E3E5E9;border-radius:999px;background:#fff;font-size:14px;font-weight:600;cursor:pointer;color:#111316}
.evk-ful img{border-radius:50%}
.evk-ful[aria-selected=true]{border:2px solid #111316;font-weight:800}
.evk-kartyak__tipp{background:#F4F5F7;border-radius:8px;padding:12px 14px;font-size:14px;line-height:1.5;margin-top:10px}
.evk-wallet{font-size:14px;font-weight:700;color:#8A8F98}
.evk-wallet em{font-style:normal;font-size:12px;background:#EDEFF2;border-radius:999px;padding:3px 8px;margin-left:6px}

.evk-kartya{container-type:inline-size;position:relative;aspect-ratio:1.586;width:100%;border-radius:clamp(14px,3.5cqw,26px);overflow:hidden;color:#fff;
	background:repeating-linear-gradient(135deg,rgba(255,255,255,.028) 0 2px,transparent 2px 16px),var(--k-dark);
	box-shadow:0 18px 50px rgba(0,0,0,.28);display:flex;flex-direction:column;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.evk-kartya__fej{display:flex;align-items:center;gap:4.5cqw;padding:5cqw 5cqw 0}
.evk-kartya__fej img{width:9.6cqw;height:9.6cqw;border-radius:50%;background:#fff;flex:0 0 auto}
.evk-kartya__klub{flex:1;min-width:0;display:flex;flex-direction:column;gap:.6cqw}
.evk-kartya__klub b{font-size:3.7cqw;font-weight:800;letter-spacing:.04em;line-height:1.1}
.evk-kartya__klub span{font-size:2.6cqw;color:#C9CCD1}
.evk-kartya__torzs{font-size:2.3cqw;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border:1.5px solid rgba(255,255,255,.8);border-radius:999px;padding:1.1cqw 2.2cqw;white-space:nowrap}
.evk-kartya__test{flex:1;display:flex;align-items:flex-end;justify-content:space-between;gap:4cqw;padding:0 5cqw 5cqw}
.evk-kartya__adat{min-width:0}
.evk-kartya__nev{font-size:5.2cqw;font-weight:800;line-height:1.15;margin-bottom:1.4cqw;overflow-wrap:anywhere}
.evk-kartya__szam{font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:4.1cqw;font-weight:700;letter-spacing:.12em;margin-bottom:3cqw;white-space:nowrap}
.evk-kartya__sor{display:flex;align-items:center;gap:2cqw;flex-wrap:wrap;font-size:2.7cqw;color:#D7D9DD}
.evk-kartya__szint{font-size:2.5cqw;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border:1.5px solid rgba(255,255,255,.85);color:#fff;border-radius:.8cqw;padding:.9cqw 1.8cqw}
.evk-kartya__szint--tam{border-color:#E2B866;color:#E2B866}
.evk-kartya__megujul{margin-top:2cqw;font-size:2.7cqw;font-weight:800;color:#E2B866}
.evk-kartya__qr{flex:0 0 auto;width:27cqw;height:27cqw;background:#fff;border-radius:2.2cqw;padding:2.2cqw;box-sizing:border-box;display:block}
.evk-kartya__qr svg{width:100%;height:100%;display:block}
.evk-kartya__csik{height:1.2cqw;background:var(--k-accent)}
.evk-kartya--hub .evk-kartya__csik{background:linear-gradient(90deg,#CE2939 0 33.3%,#fff 33.3% 66.6%,#477050 66.6%)}

/* tagságaim */
.evk-tagsagok{display:flex;flex-direction:column;gap:12px}
.evk-tagsag{display:flex;align-items:flex-start;gap:14px;border:1px solid #E3E5E9;border-left:4px solid var(--k-accent);border-radius:12px;padding:16px}
.evk-tagsag img{border-radius:50%;flex:0 0 auto}
.evk-tagsag__adat{flex:1;display:flex;flex-direction:column;gap:4px;font-size:14px;color:#3D424A}
.evk-tagsag__adat b{font-size:17px;color:#111316}
.evk-tagsag__adat small{color:#5F6670}
.evk-kilep summary{cursor:pointer;font-size:14px;font-weight:700;color:#5F6670;text-decoration:underline;list-style:none}
.evk-kilep summary::-webkit-details-marker{display:none}
.evk-kilep form{margin-top:10px;max-width:340px;font-size:14px;background:#FFF8F8;border:1px solid #F3B8C1;border-radius:8px;padding:12px}
.evk-kilep form p{margin:0 0 8px}
.evk-tovabbi{display:flex;flex-direction:column;gap:8px}
.evk-tovabbi a{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #E3E5E9;border-radius:10px;text-decoration:none;color:#111316}
.evk-tovabbi a span{flex:1}
.evk-tovabbi img{border-radius:50%}

/* ellenőrzés */
.evk-ell{display:flex;gap:18px;align-items:flex-start;max-width:640px}
.evk-ell__jel{flex:0 0 auto;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#fff}
.evk-ell--ok{border-color:#9CCBA8;background:#F3FAF5}
.evk-ell--ok .evk-ell__jel{background:#1F7A3A}
.evk-ell--rossz{border-color:#F3B8C1;background:#FFF6F7}
.evk-ell--rossz .evk-ell__jel{background:#B0001E}
.evk-ell dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:8px 0 0;font-size:15px}
.evk-ell dt{color:#5F6670}
.evk-ell dd{margin:0;font-weight:800}
.evk-kezi{max-width:640px}
.evk-kezi__sor{display:flex;gap:10px;flex-wrap:wrap}
.evk-kezi__sor input{flex:1 1 220px;height:48px;border:1px solid #CFD3D9;border-radius:8px;padding:0 14px;font-size:17px;text-transform:uppercase}
.evk-kezi__sor .evc-btn{border:0;cursor:pointer}

@media (max-width:900px){.evk-csatl__racs{grid-template-columns:1fr}.evk-csatl__miert{order:-1}}
@media (max-width:640px){.evk-szintek{grid-template-columns:1fr}.evk-tagsag{flex-wrap:wrap}.evk-panel{padding:18px}.evk-siker h2{font-size:26px}}
@media print{
	body *{visibility:hidden}
	.evk-kartyalap:not([hidden]) .evk-kartya,.evk-kartyalap:not([hidden]) .evk-kartya *{visibility:visible}
	.evk-kartyalap:not([hidden]) .evk-kartya{position:fixed;top:10mm;left:10mm;width:85.6mm;box-shadow:none}
}
/* a csatlakozás oldala a választott klub színeivel */
.evk-csatl .evc-btn{background:var(--k-accent);border-color:var(--k-accent);color:#fff}
.evk-csatl .evc-btn:hover{filter:brightness(.9);color:#fff}
.evk-csatl .evk-urlap a{color:var(--k-accent)}
.evk-ful:hover,.evk-ful:focus{background:#fff;color:#111316;border-color:#111316}