/* ============================================================
   Alfred Forge — visual overrides
   - Tone down: deeper black backgrounds, muted text
   - Per-provider OAuth icons (matches gositeme.com /login style)
   ============================================================ */

/* DARKER body — overrides the slightly-grey gitea-dark default */
:root, [data-theme="forge-dark"], [data-theme="gitea-dark"] {
    --color-body:        #0a0d12 !important;   /* was ~#181b1f */
    --color-box-body:    #11151c !important;
    --color-nav-bg:      #0a0d12 !important;
    --color-secondary:   #1a1f28 !important;
    --color-secondary-dark-1: #161b23 !important;
    --color-secondary-dark-2: #11151c !important;
    --color-text:        #c5c8cc !important;   /* slightly muted from #d1d5da */
    --color-text-light:  #8b8f96 !important;
    --color-primary:     #ff7c00 !important;   /* keep Alfred orange */
    --color-primary-dark-1: #e66f00 !important;
    --color-primary-light-1: #ff9020 !important;
}

body { background: #0a0d12 !important; }

/* Hide upstream icon */
.svg.gitea-openid { display: none !important; }

/* OAuth button container — match gositeme.com /login look */
a.oauth-login-link {
    background: #11151c !important;
    border: 1px solid #2a2f38 !important;
    color: #e8eaed !important;
    transition: all .15s ease;
    padding: 10px 16px !important;
    font-weight: 500;
}
a.oauth-login-link:hover {
    background: #1a1f28 !important;
    border-color: #ff7c00 !important;
    box-shadow: 0 2px 12px rgba(255,124,0,0.15);
    transform: translateY(-1px);
}

/* Per-provider icon — uses ::before with svg backgrounds */
a.oauth-login-link::before {
    content: "";
    display: inline-block;
    width: 22px; height: 22px;
    margin-right: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}

/* Default = Alfred logo */
a.oauth-login-link::before {
    background-image: url('/forge/assets/img/logo.svg');
}
/* Google = real Google G */
a.oauth-login-link[href*="/oauth2/Google"]::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="%234285F4" d="M45.12 24.5c0-1.56-.14-3.06-.4-4.5H24v8.51h11.84a10.13 10.13 0 0 1-4.39 6.64v5.52h7.11c4.16-3.83 6.56-9.47 6.56-16.17z"/><path fill="%2334A853" d="M24 46c5.94 0 10.92-1.97 14.56-5.33l-7.11-5.52a13.55 13.55 0 0 1-7.45 2.06c-5.73 0-10.58-3.86-12.31-9.06H4.34v5.7A21.99 21.99 0 0 0 24 46z"/><path fill="%23FBBC05" d="M11.69 28.15A13.21 13.21 0 0 1 11 24c0-1.44.25-2.84.69-4.15v-5.7H4.34A21.99 21.99 0 0 0 2 24c0 3.55.85 6.91 2.34 9.85l7.35-5.7z"/><path fill="%23EA4335" d="M24 10.75c3.23 0 6.13 1.11 8.41 3.29l6.31-6.31C34.91 4.18 29.93 2 24 2A21.99 21.99 0 0 0 4.34 14.15l7.35 5.7C13.42 14.61 18.27 10.75 24 10.75z"/></svg>');
}
/* GoSiteMe = Alfred token */
a.oauth-login-link[href*="/oauth2/GoSiteMe"]::before {
    background-image: url('/forge/assets/img/apple-touch-icon.png');
    border-radius: 4px;
}
/* GitHub */
a.oauth-login-link[href*="/oauth2/GitHub" i]::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff"><path d="M12 .3a12 12 0 0 0-3.79 23.4c.6.11.82-.26.82-.58v-2.03c-3.34.73-4.04-1.61-4.04-1.61-.55-1.39-1.34-1.76-1.34-1.76-1.09-.74.08-.73.08-.73 1.21.08 1.84 1.24 1.84 1.24 1.07 1.84 2.81 1.31 3.5 1 .11-.78.42-1.31.76-1.61-2.66-.3-5.46-1.33-5.46-5.93 0-1.31.47-2.38 1.24-3.22-.13-.3-.54-1.52.12-3.18 0 0 1.01-.32 3.31 1.23a11.5 11.5 0 0 1 6.02 0c2.3-1.55 3.31-1.23 3.31-1.23.66 1.66.25 2.88.12 3.18a4.65 4.65 0 0 1 1.24 3.22c0 4.61-2.81 5.62-5.48 5.92.43.37.81 1.1.81 2.22v3.29c0 .32.22.7.83.58A12 12 0 0 0 12 .3"/></svg>');
}