/* britedom v2 (F36 W2) -- DOAR specificul usii. Tot restul = CSS-ul hub-ului laurenbrite.com, livrat VERBATIM la /assets/css/site.css. */
.door{width:min(560px,calc(100% - 36px));margin-inline:auto;padding-block:18px 56px}
.door .accounts-list{margin-top:8px}
.door .button.full{margin-top:22px}
.door .button+.accounts-list{margin-top:22px}
.door .note{margin-top:14px;text-align:center;font-size:12px;line-height:1.7}
/* usa 18+ = contur auriu (rafinarea TEST-REAL 2, varianta B); la hover / focus se umple in auriu */
#lnk-door{color:var(--gold);border-color:var(--gold-dark)}
#lnk-door:hover,#lnk-door:focus-visible{background:var(--gold);color:#221d17;border-color:var(--gold)}
/* root v2.1 (F.8 D7): identitate compacta -- portret mic rotund + tagline + o linie serif, in locul hero-ului */
.identity{width:min(560px,calc(100% - 36px));margin-inline:auto;text-align:center;padding:40px 0 6px}
.avatar{width:96px;height:96px;border-radius:50%;overflow:hidden;margin:0 auto 18px;border:1px solid var(--gold-dark);box-shadow:0 0 0 6px #ffffff08}
.avatar img{object-position:var(--pos,50% 15%)}
.identity .eyebrow{display:flex;justify-content:center;gap:13px}
.identity h1{font-size:clamp(28px,4vw,38px);line-height:1.15;letter-spacing:-.03em;margin-top:10px}
/* F.8 D9: glifa generica la stanga fiecarui rand; pe "LIVE on cam" punctul de status sta in locul ei (gri; rosu cat e LIVE) */
.account-row .row-glyph,.account-row .row-dot{width:38px;height:38px;flex:none;display:grid;place-items:center;border:1px solid var(--line);color:var(--gold)}
.account-row .row-glyph .icon{width:18px;height:18px;color:inherit}
.account-row>span:not(.row-glyph):not(.row-dot){flex:1}
/* randurile (root + /18/, rafinarea TEST-REAL 2): la hover / focus / atingere = banda discreta, titlu auriu, cutiuta glifei umpluta
   in auriu, sageata impinsa in diagonala; "LIVE on cam" = aceeasi banda + titlu, fara glifa (punctul ramane cum e) */
.account-row{transition:background .2s,padding .2s,border-color .2s}
.account-row .row-glyph{transition:background .2s,color .2s,border-color .2s}
.account-row>.icon{transition:transform .2s}
.account-row:hover,.account-row:focus-visible,.account-row:active{background:#ffffff08;padding-inline:10px}
.account-row:hover strong,.account-row:focus-visible strong,.account-row:active strong{color:var(--gold)}
.account-row:hover .row-glyph,.account-row:focus-visible .row-glyph,.account-row:active .row-glyph{background:var(--gold);color:#221d17;border-color:var(--gold)}
.account-row:hover>.icon,.account-row:focus-visible>.icon,.account-row:active>.icon{transform:translate(2px,-2px)}
.is-live-page .account-row .status-dot{background:var(--live);animation:pulse 2s infinite}
#live-on .button.full{margin:0 0 18px}
/* /18/: intro-ul pe aceeasi coloana cu lista (hub-ul are .narrow = 760px) */
.narrow.page-intro{width:min(560px,calc(100% - 36px))}
/* subsolul usii = doar randul de jos al hub-ului (fara footer-top) -> fara banda goala si linia dubla */
.site-footer{padding-top:0}
.site-footer .footer-bottom{border-top:0}
/* britedom nu are bara de jos a hub-ului (mobile-nav) -> fara padding-ul ei */
@media(max-width:650px){body{padding-bottom:0}}
