/* Bardh & Gent Sign — DocuSeal-Branding pro Domain (injiziert vom Host-nginx) */

/* DocuSeal-Logo (oranges SVG) durch Brand-Mark ersetzen */
a[href="/"].text-2xl > svg { display: none !important; }
a[href="/"].text-2xl::before {
    content: "";
    display: inline-block;
    width: 40px; height: 40px;
    background: url(/branding/logo.png) no-repeat center / contain;
}

/* Akzentfarbe: Primär-Buttons und Links */
.btn-primary, .btn-neutral {
    background-color: #102020 !important;
    border-color: #102020 !important;
}
.btn-primary:hover, .btn-neutral:hover {
    background-color: #1f3b3b !important;
    border-color: #1f3b3b !important;
}
.link-primary, a.link { color: #102020; }

/* DocuSeals Haupt-Buttons (Klasse base-button, Standard dunkel-lila) */
.base-button { background-color: #102020 !important; border-color: #102020 !important; }
.base-button:hover { background-color: #1f3b3b !important; border-color: #1f3b3b !important; }

/* --- Gebrandete Startseite (ausgeloggt) ------------------------------------ */
.brand-hero {
    min-height: 62vh;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    text-align: center; gap: 1.1rem; padding: 3.5rem 1.5rem; margin: 0 -1rem;
    border-radius: 18px;
    background: linear-gradient(160deg, #F4F2EE 0%, #EAE7E1 100%);
    color: #102020;
}
.brand-hero img { height: 92px; width: auto; }
.brand-hero h1 { font-size: clamp(2.2rem, 5vw, 3.4rem); font-weight: 800; margin: 0; color: inherit; }
.brand-hero p  { font-size: 1.15rem; max-width: 34rem; margin: 0; opacity: 0.85; }
.brand-cta {
    display: inline-block; margin-top: 0.8rem; padding: 0.85rem 2.6rem;
    border-radius: 999px; font-weight: 700; font-size: 1.05rem; text-decoration: none;
    background: #102020; color: #F4F2EE !important; transition: background .2s ease;
}
.brand-cta:hover { background: #1f3b3b; }
.brand-feats { display: flex; flex-wrap: wrap; gap: 0.6rem; justify-content: center; margin-top: 1.6rem; }
.brand-feats span {
    padding: 0.45rem 1rem; border-radius: 999px; font-size: 0.9rem;
    background: rgba(16,32,32,0.08); color: inherit;
}