/* =========================================
   LINKS
   Änderungsprotokoll: 2026-07-17 | parent-agent | @skill-css-rules, @skill-change-provenance | Footer-Links ruhiger und hochwertiger
   Änderungsprotokoll: 2026-08-01 | parent-agent | @skill-css-rules, @skill-change-provenance | Nav-Rubrik-Links groesser, Unterstrich-Hover
   ========================================= */

.base-link-standard {
    text-decoration: underline;
    color: var(--color-primary);
    font-weight: var(--font-weight-normal);
}

.base-link-standard:hover {
    color: var(--color-primary-hover);
}

.base-link-white {
    text-decoration: underline;
    color: var(--color-text-inverse);
    font-weight: var(--font-weight-normal);
}

.base-link-white:hover {
    color: var(--color-text-inverse);
}

.base-link-primary {
    text-decoration: underline;
    color: var(--color-primary);
    font-weight: var(--font-weight-normal);
}

.base-link-primary:hover {
    color: var(--color-primary-hover);
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Hauptnav nur Base-Primary-Font */
.base-nav-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    align-self: flex-end;
    font-family: var(--font-family-primary);
    font-weight: var(--font-weight-bold);
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-tight);
    text-decoration: none;
    padding: 0.55rem 1.05rem 0.5rem;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: var(--letter-spacing-nav);
    background-color: var(--color-surface-hover);
    border-top: 1px solid var(--color-rule-light);
    border-right: 1px solid var(--color-rule-light);
    border-bottom: none;
    border-left: 1px solid var(--color-rule-light);
    margin-bottom: -1px;
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Home-Nav Desktop Icon-only kompakt */
.base-nav-link-home {
    justify-content: center;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
    min-width: 2.35rem;
    letter-spacing: 0;
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Home-Icon Groesse */
.base-nav-link-home-icon {
    display: block;
    width: 1.05rem;
    height: 1.05rem;
    flex-shrink: 0;
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Home-Label Desktop aus Platzgruenden aus */
.base-nav-link-home-label {
    display: none;
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Stellenmarkt Icon+Label */
.base-nav-link-jobs {
    gap: 0.4rem;
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Stellenmarkt Lupen-Icon */
.base-nav-link-jobs-icon {
    display: block;
    width: 0.95rem;
    height: 0.95rem;
    flex-shrink: 0;
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Mein-Bereich Icon+Label */
.base-nav-link-dashboard {
    gap: 0.4rem;
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Mein-Bereich Grid-Icon */
.base-nav-link-dashboard-icon {
    display: block;
    width: 0.95rem;
    height: 0.95rem;
    flex-shrink: 0;
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Auth Einstellungen Icon+Label */
.base-nav-link-auth-preferences,
.base-nav-link-auth-register {
    gap: 0.4rem;
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Auth Hamburger Icons */
.base-nav-link-auth-preferences-icon,
.base-nav-link-auth-register-icon {
    display: block;
    width: 0.95rem;
    height: 0.95rem;
    flex-shrink: 0;
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Pseudo-Unterstrich bei Reiter-Nav aus */
.base-nav-link::after {
    content: "";
    display: none;
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Inaktiver Reiter Hover */
.base-nav-link:hover {
    color: var(--color-primary);
    background-color: var(--color-primary-wash);
    border-top-color: var(--color-primary-soft);
    border-right-color: var(--color-primary-soft);
    border-left-color: var(--color-primary-soft);
    text-decoration: none;
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Aktiver Hauptnav-Reiter starker Primary-Akzent und helle Flaeche */
.base-nav-link.is-active,
.base-nav-link[aria-current="page"] {
    color: var(--color-primary);
    background-color: var(--color-surface);
    border-top: 4px solid var(--color-primary);
    border-right: 1px solid var(--color-border);
    border-left: 1px solid var(--color-border);
    padding-top: calc(0.55rem - 3px);
    text-decoration: none;
    box-shadow: 0 1px 0 var(--color-surface);
    z-index: 2;
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Aktiver Reiter Hover ohne Pill-Rueckfall */
.base-nav-link.is-active:hover,
.base-nav-link[aria-current="page"]:hover {
    color: var(--color-primary-hover);
    background-color: var(--color-surface);
    border-top-color: var(--color-primary-hover);
    border-right-color: var(--color-border);
    border-left-color: var(--color-border);
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Mein-Bereich-Reiter Padding und Stretch im Cluster */
.base-nav-link-personal-area {
    padding: 0.55rem 1.05rem 0.5rem;
    align-self: stretch;
    box-sizing: border-box;
    white-space: nowrap;
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Aktiver Mein-Bereich-Reiter deutlicher Primary-Rahmen */
.base-nav-link.is-active.base-nav-link-personal-area,
.base-nav-link[aria-current="page"].base-nav-link-personal-area {
    color: var(--color-primary);
    background-color: var(--color-surface);
    border-top: 4px solid var(--color-primary);
    border-right: 1px solid var(--color-border);
    border-left: 1px solid var(--color-border);
    padding-top: calc(0.55rem - 3px);
    box-shadow: 0 1px 0 var(--color-surface);
    z-index: 2;
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Mein-Bereich-Reiter Hover */
.base-nav-link-personal-area:hover {
    background-color: var(--color-primary-wash);
    color: var(--color-primary);
    text-decoration: none;
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Aktiver Mein-Bereich Hover */
.base-nav-link.is-active.base-nav-link-personal-area:hover,
.base-nav-link[aria-current="page"].base-nav-link-personal-area:hover {
    color: var(--color-primary-hover);
    background-color: var(--color-surface);
    border-top-color: var(--color-primary-hover);
    border-right-color: var(--color-border);
    border-left-color: var(--color-border);
}

@media (max-width: 1023px) {
    /* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Hamburger Mein-Bereich: gleiche Listenoptik */
    .base-nav-link-personal-area {
        padding: 1.05rem 0.85rem 1.05rem 1rem;
        margin-bottom: 0;
        border-top: none;
        border-right: none;
        border-bottom: 1px solid var(--color-border);
        border-left: 3px solid transparent;
        background-color: transparent;
        box-shadow: none;
    }

    /* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Hamburger aktiver Mein-Bereich mit Primary-Akzent */
    .base-nav-link.is-active.base-nav-link-personal-area,
    .base-nav-link[aria-current="page"].base-nav-link-personal-area {
        padding-top: 1.05rem;
        border-top: none;
        border-top-width: 0;
        border-left: 3px solid var(--color-primary);
        background-color: var(--color-primary-wash);
        box-shadow: none;
    }

    /* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Hamburger-Hover ohne Tab-Rahmen */
    .base-nav-link:hover {
        border-top: none;
        border-right: none;
        border-left-color: var(--color-primary-soft);
        background-color: var(--color-primary-wash);
    }

    /* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Hamburger aktiver Hover ruhig halten */
    .base-nav-link.is-active:hover,
    .base-nav-link[aria-current="page"]:hover {
        border-top: none;
        border-left-color: var(--color-primary-hover);
        background-color: var(--color-primary-wash);
    }

    /* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Hamburger Auth-Links in Listenoptik */
    .base-nav-link-auth {
        display: block;
        padding: 1.05rem 0.85rem 1.05rem 1rem;
        border-bottom: 1px solid var(--color-border);
        border-left: 3px solid transparent;
        color: var(--color-text-secondary);
    }

    /* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Hamburger Auth Unterstrich aus (Listenstil) */
    .base-nav-link-auth::after {
        display: none;
    }

    /* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Hamburger Auth Hover */
    .base-nav-link-auth:hover {
        color: var(--color-primary);
        background-color: var(--color-primary-wash);
        border-left-color: var(--color-primary-soft);
    }

    /* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Hamburger Auth aktiv mit Primary-Akzent */
    .base-nav-link-auth.is-active,
    .base-nav-link-auth[aria-current="page"] {
        color: var(--color-primary);
        background-color: var(--color-primary-wash);
        border-left: 3px solid var(--color-primary);
    }
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Auth-Nav nur Base-Primary-Font */
.base-nav-link-auth {
    position: relative;
    display: none;
    font-family: var(--font-family-primary);
    font-weight: var(--font-weight-bold);
    color: var(--color-text);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-tight);
    text-decoration: none;
    padding: 0.45rem 0 0.5rem;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: var(--letter-spacing-nav);
}

.base-nav-link-auth::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: var(--color-primary);
    opacity: 0;
}

.base-nav-link-auth:hover {
    color: var(--color-primary);
    background-color: transparent;
    text-decoration: none;
}

.base-nav-link-auth:hover::after {
    opacity: 1;
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance, @skill-base-template-chrome | Aktiver Auth-Nav-Link im Hamburger dauerhaft sichtbar */
.base-nav-link-auth.is-active,
.base-nav-link-auth[aria-current="page"] {
    color: var(--color-primary);
    background-color: transparent;
    text-decoration: none;
}

.base-nav-link-auth.is-active::after,
.base-nav-link-auth[aria-current="page"]::after {
    opacity: 1;
}

@media (max-width: 1023px) {
    .base-nav-link-auth {
        display: block;
    }
}

/* Änderungsprotokoll: 2026-07-17 | parent-agent | @skill-css-rules, @skill-change-provenance | Footer-Links ruhiger und hochwertiger */
/* Änderungsprotokoll: 2026-08-01 | parent-agent | @skill-css-rules, @skill-change-provenance | Footer-Links Kolophon: ruhiger Hover, bessere Lesbarkeit */
.base-footer-link {
    display: block;
    color: var(--color-text);
    margin: 0;
    font-family: var(--font-family-primary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: 0.015em;
    text-decoration: none;
    padding: 0.28rem 0;
    width: auto;
    border-bottom: 1px solid transparent;
    transition: color 0.15s ease, border-color 0.15s ease;
}

.base-footer-link:hover {
    color: var(--color-primary);
    text-decoration: none;
    border-bottom-color: var(--color-primary);
}

/* Hamburger-Overlay: Listenoptik muss nach Desktop-Reiter-Regeln kommen (Cascade) */
@media (max-width: 1023px) {
    /* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Hamburger-Linkliste statt Tab-Kaesten */
    .base-nav-link {
        align-self: stretch;
        display: flex;
        width: 100%;
        box-sizing: border-box;
        font-size: var(--font-size-lg);
        letter-spacing: 0.16em;
        color: var(--color-text-secondary);
        padding: 1.05rem 0.85rem 1.05rem 1rem;
        margin-bottom: 0;
        border-top: none;
        border-right: none;
        border-bottom: 1px solid var(--color-border);
        border-left: 3px solid transparent;
        background-color: transparent;
        box-shadow: none;
    }

    /* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Hamburger Home Icon+Text */
    .base-nav-link-home {
        justify-content: flex-start;
        min-width: 0;
        padding-left: 1rem;
        padding-right: 0.85rem;
        letter-spacing: 0.16em;
        gap: 0.65rem;
    }

    .base-nav-link-home-icon {
        display: block;
        width: 1.15rem;
        height: 1.15rem;
    }

    .base-nav-link-home-label {
        display: inline;
    }

    /* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Hamburger Stellenmarkt Icon groesser */
    .base-nav-link-jobs {
        gap: 0.65rem;
    }

    .base-nav-link-jobs-icon {
        width: 1.15rem;
        height: 1.15rem;
    }

    /* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Hamburger Mein-Bereich Icon */
    .base-nav-link-dashboard {
        gap: 0.65rem;
    }

    .base-nav-link-dashboard-icon {
        width: 1.15rem;
        height: 1.15rem;
    }

    /* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Hamburger Auth Icons */
    .base-nav-link-auth-preferences,
    .base-nav-link-auth-register {
        gap: 0.65rem;
    }

    .base-nav-link-auth-preferences-icon,
    .base-nav-link-auth-register-icon {
        width: 1.15rem;
        height: 1.15rem;
    }

    /* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Hamburger aktiver Link linker Primary-Akzent */
    .base-nav-link.is-active,
    .base-nav-link[aria-current="page"] {
        color: var(--color-primary);
        padding-top: 1.05rem;
        border-top: none;
        border-right: none;
        border-bottom: 1px solid var(--color-border);
        border-left: 3px solid var(--color-primary);
        background-color: var(--color-primary-wash);
        box-shadow: none;
        z-index: 1;
    }

    /* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Hamburger Hover ohne Reiter-Rahmen */
    .base-nav-link:hover {
        color: var(--color-primary);
        border-top: none;
        border-right: none;
        border-left-color: var(--color-primary-soft);
        background-color: var(--color-primary-wash);
        text-decoration: none;
    }

    /* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Hamburger aktiver Hover */
    .base-nav-link.is-active:hover,
    .base-nav-link[aria-current="page"]:hover {
        color: var(--color-primary-hover);
        border-top: none;
        border-left-color: var(--color-primary-hover);
        background-color: var(--color-primary-wash);
    }

    /* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Hamburger Mein-Bereich Listenzeile */
    .base-nav-link-personal-area {
        padding: 1.05rem 0.85rem 1.05rem 1rem;
        margin-bottom: 0;
        border-top: none;
        border-right: none;
        border-bottom: 1px solid var(--color-border);
        border-left: 3px solid transparent;
        background-color: transparent;
        box-shadow: none;
    }

    /* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Hamburger Mein-Bereich aktiv */
    .base-nav-link.is-active.base-nav-link-personal-area,
    .base-nav-link[aria-current="page"].base-nav-link-personal-area {
        padding-top: 1.05rem;
        border-top: none;
        border-top-width: 0;
        border-left: 3px solid var(--color-primary);
        background-color: var(--color-primary-wash);
        box-shadow: none;
    }

    /* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Hamburger Auth-Zeile Listenoptik */
    .base-nav-link-auth {
        display: flex;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        font-size: var(--font-size-lg);
        letter-spacing: 0.16em;
        color: var(--color-text-secondary);
        padding: 1.05rem 0.85rem 1.05rem 1rem;
        border-top: none;
        border-right: none;
        border-bottom: 1px solid var(--color-border);
        border-left: 3px solid transparent;
        background-color: transparent;
    }

    /* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Hamburger Auth Pseudo-Unterstrich aus */
    .base-nav-link-auth::after {
        display: none;
        opacity: 0;
    }

    /* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Hamburger Auth Hover */
    .base-nav-link-auth:hover {
        color: var(--color-primary);
        background-color: var(--color-primary-wash);
        border-left-color: var(--color-primary-soft);
        text-decoration: none;
    }

    /* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Hamburger Auth aktiv */
    .base-nav-link-auth.is-active,
    .base-nav-link-auth[aria-current="page"] {
        color: var(--color-primary);
        background-color: var(--color-primary-wash);
        border-left: 3px solid var(--color-primary);
    }

    /* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Hamburger Auth aktiv Pseudo aus */
    .base-nav-link-auth.is-active::after,
    .base-nav-link-auth[aria-current="page"]::after {
        display: none;
        opacity: 0;
    }
}