/* ============================================================
   PRISIJUNGIMAS, PASKYROS MENIU IR PROFILIS — KAIP SVETAINĖ (Domantas 2026-10-03 #194:
   „sign up / sign in lentelė balta ir šviesi — noriu panašaus stiliaus kaip pagrindinė svetainė, mygtukai su efektais“).
   Tik išvaizda: logika (js/auth-modal.js, js/profile-menu.js, js/profile-modal.js) nekeičiama.
   Spalvų kintamieji perrašomi tik šių langų viduje, todėl visos senos taisyklės (main.css) automatiškai tampa tamsios;
   dviguba specifika (#id#id) nurungia menu-ui.css / skin-clay.css.
   ============================================================ */
#auth-modal#auth-modal, #profile-modal#profile-modal, .profile-menu.profile-menu {
    --bg-panel: #0E1319;
    --bg-card: #131A22;
    --bg-input: rgba(255, 255, 255, .04);
    --bg-hover: rgba(255, 255, 255, .07);
    --border: rgba(255, 255, 255, .12);
    --border-light: rgba(255, 255, 255, .14);
    --text: #ECF0F4;
    --text-dim: #95A3B0;
    --text-soft: #75838F;
    --text-secondary: #95A3B0;
    --primary: #E85D2A;
    --primary-light: #FF7A45;
    --primary-dark: #C84A1C;
    --primary-glow: rgba(232, 93, 42, .28);
    --accent-red: #FF8B8B;
    color-scheme: dark;
    font-family: 'Archivo', var(--font, system-ui), sans-serif;
}

/* Fonas už lango — tamsus, kaip svetainė */
#auth-modal#auth-modal, #profile-modal#profile-modal {
    background: radial-gradient(60% 50% at 50% 30%, rgba(232, 93, 42, .14), transparent 70%), rgba(4, 6, 9, .78);
    backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
}

/* Kortelė: tamsus stiklas su švelniu oranžiniu švytėjimu, įskrenda */
#auth-modal#auth-modal .auth-card, #profile-modal#profile-modal .pm-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012)), #0B1015;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 24px;
    box-shadow: 0 40px 120px rgba(0, 0, 0, .65), 0 0 0 1px rgba(232, 93, 42, .08), 0 0 90px -40px rgba(232, 93, 42, .55);
    animation: acKortele .5s cubic-bezier(.2, .8, .2, 1) both;
}
@keyframes acKortele { from { opacity: 0; transform: translateY(18px) scale(.97); filter: blur(6px); } }
#profile-modal#profile-modal .pm-card::-webkit-scrollbar { width: 10px; }
#profile-modal#profile-modal .pm-card::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, .12); border-radius: 999px; border: 3px solid transparent; background-clip: padding-box; }

/* Antraštės — Archivo, kaip svetainėje */
#auth-modal#auth-modal .auth-title, #profile-modal#profile-modal .pm-hero-name {
    font-family: 'Archivo', sans-serif; font-variation-settings: 'wdth' 110; font-weight: 760; letter-spacing: -.02em;
    background: linear-gradient(180deg, #FFFFFF 35%, #A9B6C2 100%); -webkit-background-clip: text; background-clip: text; color: transparent;
}
#auth-modal#auth-modal .auth-title { font-size: 28px; }
#auth-modal#auth-modal .auth-mark { filter: drop-shadow(0 0 16px rgba(232, 93, 42, .7)); }

/* Skirtukai Sign in / Sign up */
#auth-modal#auth-modal .auth-tabs { background: rgba(255, 255, 255, .03); border-color: rgba(255, 255, 255, .1); border-radius: 999px; padding: 4px; }
#auth-modal#auth-modal .auth-tab { border-radius: 999px; color: #95A3B0; transition: color .2s ease, background .25s ease; }
#auth-modal#auth-modal .auth-tab:hover { color: #ECF0F4; }
#auth-modal#auth-modal .auth-tab.is-active { background: rgba(232, 93, 42, .16); color: #FFD3C2; box-shadow: inset 0 0 0 1px rgba(232, 93, 42, .5); }

/* Laukeliai */
#auth-modal#auth-modal .auth-field input, #profile-modal#profile-modal .pm-field input {
    background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .14); color: #ECF0F4; border-radius: 14px;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
#auth-modal#auth-modal .auth-field input::placeholder, #profile-modal#profile-modal .pm-field input::placeholder { color: #66737F; }
#auth-modal#auth-modal .auth-field input:hover, #profile-modal#profile-modal .pm-field input:hover:not(:disabled) { border-color: rgba(255, 255, 255, .24); }
#auth-modal#auth-modal .auth-field input:focus, #profile-modal#profile-modal .pm-field input:focus {
    border-color: rgba(232, 93, 42, .8); background: rgba(255, 255, 255, .06); box-shadow: 0 0 0 4px rgba(232, 93, 42, .16);
}
#auth-modal#auth-modal .auth-field input:-webkit-autofill { -webkit-box-shadow: 0 0 0 100px #151B22 inset; -webkit-text-fill-color: #ECF0F4; }

/* Pagrindinis mygtukas — oranžinis su šviesos blyksniu ir pakilimu (kaip svetainėje) */
#auth-modal#auth-modal .auth-submit, #profile-modal#profile-modal .pm-btn-primary {
    position: relative; overflow: hidden; isolation: isolate;
    background: #E85D2A; color: #0B0F13; border: 0; border-radius: 999px; font-weight: 700;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .1) inset, 0 12px 34px -10px rgba(232, 93, 42, .9);
    transition: transform .25s cubic-bezier(.2, .8, .2, 1), box-shadow .25s ease, background .2s ease;
}
#auth-modal#auth-modal .auth-submit::after, #profile-modal#profile-modal .pm-btn-primary::after {
    content: ''; position: absolute; inset: -2px; z-index: -1; pointer-events: none;
    background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, .45) 50%, transparent 65%);
    transform: translateX(-120%); transition: transform .7s cubic-bezier(.2, .8, .2, 1);
}
#auth-modal#auth-modal .auth-submit:hover:not(:disabled), #profile-modal#profile-modal .pm-btn-primary:hover:not(:disabled) {
    background: #FF7A45; transform: translateY(-2px); box-shadow: 0 0 0 1px rgba(255, 255, 255, .14) inset, 0 18px 44px -10px rgba(255, 122, 69, .95);
}
#auth-modal#auth-modal .auth-submit:hover::after, #profile-modal#profile-modal .pm-btn-primary:hover::after { transform: translateX(120%); }
#auth-modal#auth-modal .auth-submit:active, #profile-modal#profile-modal .pm-btn-primary:active { transform: translateY(0); }

/* Antriniai mygtukai — permatomi, užvedus šviesėja */
#profile-modal#profile-modal .pm-btn:not(.pm-btn-primary):not(.pm-btn-danger) {
    background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .14); color: #ECF0F4; border-radius: 999px;
    transition: background .2s ease, border-color .2s ease, transform .25s cubic-bezier(.2, .8, .2, 1);
}
#profile-modal#profile-modal .pm-btn:not(.pm-btn-primary):not(.pm-btn-danger):hover:not(:disabled) { background: rgba(255, 255, 255, .08); border-color: rgba(232, 93, 42, .5); transform: translateY(-1px); }
#profile-modal#profile-modal .pm-btn-danger { background: rgba(239, 68, 68, .08); border: 1px solid rgba(239, 68, 68, .35); color: #FF9C9C; border-radius: 999px; }
#profile-modal#profile-modal .pm-btn-danger:hover:not(:disabled) { background: rgba(239, 68, 68, .16); }

/* Smulkmenos */
#auth-modal#auth-modal .auth-close, #profile-modal#profile-modal .pm-close { border-radius: 50%; color: #95A3B0; transition: background .2s ease, color .2s ease, transform .3s ease; }
#auth-modal#auth-modal .auth-close:hover, #profile-modal#profile-modal .pm-close:hover { background: rgba(255, 255, 255, .08); color: #fff; transform: rotate(90deg); }
#auth-modal#auth-modal a, #profile-modal#profile-modal a { color: #FF9A70; }
#auth-modal#auth-modal .auth-switch button, #auth-modal#auth-modal .auth-link-sm, #auth-modal#auth-modal .auth-back { color: #FF9A70; }
#auth-modal#auth-modal .auth-error, #profile-modal#profile-modal .pm-msg-error { background: rgba(239, 68, 68, .12); border-color: rgba(239, 68, 68, .35); color: #FFB4B4; }
#profile-modal#profile-modal .pm-msg-ok { background: rgba(63, 208, 138, .1); border-color: rgba(63, 208, 138, .35); color: #8BEBB9; }
#profile-modal#profile-modal .pm-section { border-color: rgba(255, 255, 255, .08); }
#profile-modal#profile-modal .pm-section-title { color: #FFB08F; letter-spacing: .1em; }
#profile-modal#profile-modal .pm-avatar { box-shadow: 0 0 0 4px rgba(232, 93, 42, .18), 0 10px 30px -10px rgba(0, 0, 0, .8); }
#profile-modal#profile-modal .pm-sub-status { color: #ECF0F4; }
/* „Continue with Google“ (Google piešia pats) — tamsus rėmelis aplink */
#auth-modal#auth-modal .auth-gbtn { color-scheme: dark; }

/* Paskyros meniu (spaudus vardą) — tamsus stiklas */
.profile-menu.profile-menu {
    background: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .015)), #0B1015;
    border: 1px solid rgba(255, 255, 255, .12); border-radius: 18px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, .6), 0 0 60px -30px rgba(232, 93, 42, .5);
    backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
    animation: acMeniu .28s cubic-bezier(.2, .8, .2, 1) both;
}
@keyframes acMeniu { from { opacity: 0; transform: translateY(-8px) scale(.98); } }
.profile-menu.profile-menu .profile-menu-email { color: #95A3B0; }
.profile-menu.profile-menu .profile-menu-item { border-radius: 12px; transition: background .2s ease, transform .2s ease, color .2s ease; }
.profile-menu.profile-menu .profile-menu-item:hover { background: rgba(255, 255, 255, .07); transform: translateX(3px); }
.profile-menu.profile-menu .profile-menu-danger { color: #FF8B8B; }
.profile-menu.profile-menu .profile-menu-danger:hover { background: rgba(239, 68, 68, .12); }
.profile-menu.profile-menu .profile-menu-sep { background: rgba(255, 255, 255, .08); }