/* Bzrk WordPress additions: auth pages, account page, WordPress content, notices. Loads after site.css. */

/* ---------- auth pages (log in, sign up, forgot, reset): the scene behind a panel ---------- */
.auth-hero{position:relative;min-height:min(calc(100svh - var(--header-h)),960px);display:grid;align-items:center;overflow:hidden;padding-block:var(--sp-5)}
.auth-hero .scene{--zoom:1.25}
.auth-hero .scene canvas[data-sprite]{display:none}
.auth-hero .shade{position:absolute;inset:0;background:radial-gradient(70% 70% at 50% 45%,rgba(9,11,20,.6),rgba(9,11,20,.92))}
.auth-hero .wrap{position:relative;display:grid;justify-items:center}
.auth-box{--cut:12px;--fill:var(--panel);--fill-size:auto;width:min(100%,560px);padding:var(--sp-4);margin:6px}
.auth-box h1{font-size:clamp(31px,3.7vw,49px);margin-bottom:var(--sp-3)}
.auth-box form{display:grid;gap:var(--sp-3)}
.auth-box .alert{margin-bottom:var(--sp-3)}
.auth-box form .alert{margin-bottom:0}
.pw-wrap{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.pw-eye{margin:2px;min-width:48px}
.pw-eye[aria-pressed="true"]{--fill:var(--royal);color:var(--bone)}
.auth-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;font-size:15px;color:var(--ash)}
.auth-links a{font-weight:600}
.alert[tabindex="-1"]:focus-visible{outline-offset:3px}

/* ---------- account page ---------- */
.who-card .who-row{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap}
.avatar.big{width:72px;height:72px;font-size:26px}
.who-card h2{font-size:var(--s3);margin-bottom:4px}
.who-card p{overflow-wrap:anywhere}
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);align-items:start}
.account-grid>.card{display:grid;gap:var(--sp-3);min-width:0;align-content:start}
.account-grid h2{font-size:var(--s2);margin:0}
.account-grid .field{margin:0}
.account-grid .card>p{margin:0}
.danger-zone{--bd:#6A1A2D}
.danger-zone h2{color:var(--alert)}
@media (width<=900px){.account-grid{grid-template-columns:1fr}}

/* ---------- header user menu links ---------- */
.user-menu .menu a{cursor:var(--cursor-cross)}
.header-actions>span{display:contents}

/* ---------- WordPress content inside .prose (pages edited in the block editor) ---------- */
.prose img{max-width:100%;height:auto}
.prose .wp-block-image,.prose figure{margin-block:var(--sp-3)}
.prose figcaption{font-size:14px;color:var(--ash)}
.prose blockquote{border-left:4px solid var(--voltage);padding-left:16px;color:var(--ash)}
.prose table{margin-block:var(--sp-3)}
.prose .alignleft{float:left;margin:0 var(--sp-3) var(--sp-2) 0}.prose .alignright{float:right;margin:0 0 var(--sp-2) var(--sp-3)}.prose .aligncenter{margin-inline:auto}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.entry{padding-block:var(--sp-3);border-top:2px solid var(--ash-deep)}
.pagination{margin-top:var(--sp-4)}
.pagination .page-numbers{display:inline-block;padding:10px 14px;margin:2px;border:2px solid var(--ash-lo);color:var(--bone);text-decoration:none}
.pagination .page-numbers.current{background:var(--voltage);color:var(--void);border-color:var(--voltage)}

/* ---------- admin: data section ---------- */
.admin-main .data-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:2px solid var(--ash-deep)}
.admin-main .data-row:last-child{border-bottom:0}
.admin-main .data-row b{font-family:var(--display);font-weight:600;display:block}
.admin-main .data-row small{display:block;color:var(--ash);font-size:14px}
.admin-main .row.members-row{grid-template-columns:auto 1fr auto}

/* ---------- filter chips (tips + recipes pages) ---------- */
.chips{display:flex;flex-wrap:wrap;gap:8px 10px}
.chip{font:600 16px/1 var(--display);text-transform:uppercase;letter-spacing:.06em;padding:10px 14px 11px;background:var(--void);border:2px solid var(--ash-lo);color:var(--ash);cursor:var(--cursor-cross);clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px)}
.chip:hover{color:var(--bone);border-color:var(--ash)}
.chip[aria-pressed="true"]{background:var(--voltage);color:var(--void);border-color:var(--voltage)}
.chip:focus-visible{outline:3px solid var(--plasma);outline-offset:3px}
.rc-tools{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--sp-3);padding:var(--sp-3)}
.rc-tools .field.wide{grid-column:1/-1}
.rc-tools .field{margin:0;align-content:start}
.rc-tools input[type=search]{appearance:none;-webkit-appearance:none}
.rc-tools input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
@media (width<=700px){.rc-tools{grid-template-columns:1fr}}
.recipes .rbody .badge{margin-bottom:10px}

/* ---------- live on Kick popup (home) ---------- */
dialog.modal.live{max-width:min(94vw,980px)}
dialog.modal.live .box{padding:var(--sp-3) var(--sp-3) var(--sp-4)}
dialog.modal.live h2{font-size:clamp(25px,2.6vw,34px);margin:8px 0 var(--sp-3);padding-right:56px}
.live-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:15px}
.badge.live::before{content:'';width:10px;height:10px;background:var(--alert);animation:pulse 1s steps(2) infinite}
.live-frame{margin:0}
@media (width<=640px){dialog.modal.live .box{padding:var(--sp-2) var(--sp-2) var(--sp-3)}}

/* card headings on the dedicated tips + recipes pages are h2 (heading order) but keep the card size */
.tips [data-tip] h2{font-size:clamp(25px,2.4vw,31px);margin:12px 0 8px}
.recipes [data-recipe] h2{font-size:var(--s2);margin-bottom:6px}