/* ============================================================
   aily AI – globale Styles und Markenfarben
   ============================================================ */

:root {
    --aily-blue: #0095db;
    --aily-blue-dark: #007ab3;
    --aily-magenta: #a6529a;
    --aily-dark: #1d1d1b;
    --aily-gray: #4a4a48;
    --aily-light: #f1f1f0;

    --bs-primary: var(--aily-blue);
    --bs-primary-rgb: 0, 149, 219;
    --bs-link-color: var(--aily-blue);
    --bs-link-hover-color: var(--aily-blue-dark);
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--aily-dark);
}

/* Marken-Button (gefüllt, Pillenform wie im Layout) */
.btn-aily {
    --bs-btn-bg: var(--aily-dark);
    --bs-btn-border-color: var(--aily-dark);
    --bs-btn-color: #fff;
    --bs-btn-hover-bg: var(--aily-blue);
    --bs-btn-hover-border-color: var(--aily-blue);
    --bs-btn-hover-color: #fff;
    --bs-btn-active-bg: var(--aily-blue-dark);
    --bs-btn-active-border-color: var(--aily-blue-dark);
    --bs-btn-active-color: #fff;
    border-radius: 50rem;
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: .55rem 1.5rem;
}

.btn-aily-outline {
    --bs-btn-color: var(--aily-dark);
    --bs-btn-border-color: var(--aily-dark);
    --bs-btn-hover-bg: var(--aily-dark);
    --bs-btn-hover-border-color: var(--aily-dark);
    --bs-btn-hover-color: #fff;
    --bs-btn-active-bg: var(--aily-dark);
    --bs-btn-active-border-color: var(--aily-dark);
    --bs-btn-active-color: #fff;
    border-radius: 50rem;
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: .55rem 1.5rem;
}

.btn-primary {
    --bs-btn-bg: var(--aily-blue);
    --bs-btn-border-color: var(--aily-blue);
    --bs-btn-hover-bg: var(--aily-blue-dark);
    --bs-btn-hover-border-color: var(--aily-blue-dark);
    --bs-btn-active-bg: var(--aily-blue-dark);
    --bs-btn-active-border-color: var(--aily-blue-dark);
}

/* Eyebrow-Überschriften (kleine Vorzeile in Versalien) */
.eyebrow {
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--aily-gray);
}

.text-aily {
    color: var(--aily-blue) !important;
}

/* ============================================================
   Öffentlicher Header / Footer
   ============================================================ */

.public-logo img {
    height: 90px;
    width: auto;
}

.public-iconnav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: .9;
    transition: opacity .15s ease-in-out;
}

.public-iconnav a:hover {
    opacity: 1;
}

.public-iconnav img {
    height: 17px;
    width: auto;
}

.public-footer {
    background: var(--aily-dark);
}

.footer-social {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255, 255, 255, .6);
    border-radius: 50%;
    color: #fff;
    font-size: 1.1rem;
    transition: background .15s ease-in-out, color .15s ease-in-out;
}

.footer-social:hover {
    background: #fff;
    color: var(--aily-dark);
}

/* Login-Seiten ohne Hero brauchen Abstand unter dem absoluten Header */
.page-offset {
    padding-top: 130px;
}