/* Účet ČeskéKasino.cz – navazuje na styly webu v account-site.css (proměnné, tlačítka, hlavička). */
.account-skip{position:absolute;left:-9999px}
.account-skip:focus{left:16px;top:16px;background:#fff;padding:8px 12px;border-radius:8px;z-index:200}
.account-hero{padding-bottom:64px}
.account-area{max-width:720px;padding-block:0 72px;margin-top:-36px;position:relative;z-index:2}
/* vyhledávání potřebuje index webu, v účtu ho nepoužíváme */
.account-page #searchBtn,.account-page #searchPanel{display:none !important}

.account-tabs{display:flex;flex-wrap:wrap;gap:6px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:var(--shadow-sm);margin-bottom:16px}
.account-tabs a{font-size:14.5px;font-weight:600;color:var(--ink-2);padding:8px 14px;border-radius:10px}
.account-tabs a:hover{color:var(--navy);background:var(--bg-2)}
.account-tabs a[aria-current="page"]{background:var(--navy);color:#fff}
.account-tabs .account-admin-link{margin-left:auto;color:var(--blue)}

.account-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--shadow-sm)}
.account-card h1{display:none} /* nadpis je v hlavičce stránky */
.account-card h2{font-family:var(--font-d);font-size:20px;font-weight:700;color:var(--navy);margin:0 0 6px}
.account-card p{color:var(--ink-2);margin-bottom:10px}
.account-card a{color:var(--blue);font-weight:600}
.account-card section{padding-block:6px}
.account-card hr{border:0;border-top:1px solid var(--line);margin:22px 0}

.account-card form{display:grid;gap:7px;margin:14px 0}
.account-card label{font-size:14px;font-weight:600;color:var(--navy);margin-top:6px}
.account-card input:not([type="checkbox"]){height:48px;border:1.5px solid var(--line-2);border-radius:12px;padding:0 14px;font:inherit;font-size:16px;color:var(--navy);background:#fff;width:100%}
.account-card input:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 4px rgba(27,92,255,.12)}
.account-card label.checkbox{display:flex;gap:10px;align-items:flex-start;font-weight:500;color:var(--ink-2)}
.account-card label.checkbox input{width:18px;height:18px;margin-top:2px;accent-color:var(--blue)}
.account-card button{justify-self:start;margin-top:10px;height:48px;padding:0 24px;border:0;border-radius:999px;font:inherit;font-weight:700;font-size:15px;color:#fff;background:var(--grad-cta,linear-gradient(135deg,#2E7BFF,#0A3FD6));box-shadow:0 8px 20px rgba(27,92,255,.28);cursor:pointer}
.account-card button:hover{filter:brightness(1.06)}
.account-card button.danger{background:#D92D20;box-shadow:0 8px 20px rgba(217,45,32,.22)}
.account-card .logout button{background:none;color:var(--ink-2);box-shadow:none;border:1.5px solid var(--line-2);height:42px}

.hint{font-size:13.5px}
.status{background:#E8F8F1;border:1px solid #B7E8D3;color:#0A6E57 !important;border-radius:12px;padding:10px 14px}
.errors{background:#FDECEA;border:1px solid #F6C5C0;color:#9B1C12;border-radius:12px;padding:10px 14px;margin-bottom:10px}
.errors ul{margin:0;padding-left:18px}
.links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:6px;font-size:14px}
.nickname{font-family:var(--font-d);font-size:24px;font-weight:800;color:var(--navy) !important;margin-bottom:2px !important}

.account-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.account-actions a{display:grid;gap:3px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;color:var(--navy) !important;background:var(--bg,#F6F9FF);transition:.15s}
.account-actions a:hover{border-color:var(--blue);transform:translateY(-2px)}
.account-actions span{font-size:13.5px;font-weight:500;color:var(--ink-2)}
.account-card aside{margin-top:14px;background:#FFF9EC;border:1px solid #F4E2B8;border-radius:12px;padding:12px 14px}
.environment-notice{font-size:13px;color:var(--ink-3);text-align:center;margin-top:16px}

@media (max-width:640px){
  .account-card{padding:22px 18px}
  .account-actions{grid-template-columns:minmax(0,1fr)}
  .account-tabs .account-admin-link{margin-left:0}
}