/* Widget Links CSS - Link-Klassen */

/* Base Link Standard */
.base-link-standard {
    color: var(--color-primary);
    text-decoration: none;
    font-family: var(--font-family-primary);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-normal);
    transition: var(--transition-smooth);
    display: inline-block;
}

.base-link-standard:hover {
    color: var(--color-primary-light);
    text-decoration: underline;
}

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

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

/* Base Link Secondary */
.base-link-secondary {
    color: var(--color-secondary);
    text-decoration: none;
    font-family: var(--font-family-primary);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-normal);
    transition: var(--transition-smooth);
    display: inline-block;
}

.base-link-secondary:hover {
    color: var(--color-secondary-light);
    text-decoration: underline;
}

.base-link-secondary:visited {
    color: var(--color-secondary);
}

.base-link-secondary:active {
    color: var(--color-secondary-dark);
}

/* Base Link White – helle Links auf dunklem Hintergrund (z. B. Password-Reset, Cards) */
.base-link-white {
    color: var(--color-text-primary);
    text-decoration: none;
    font-family: var(--font-family-primary);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-normal);
    transition: var(--transition-smooth);
    display: inline-block;
}

.base-link-white:hover {
    color: var(--color-primary);
    text-decoration: underline;
}

.base-link-white:visited {
    color: var(--color-text-primary);
}

.base-link-white:active {
    color: var(--color-primary-light);
}

/* Base Link Text */
.base-link-text {
    color: var(--color-text-primary);
    text-decoration: none;
    font-family: var(--font-family-primary);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-normal);
    transition: var(--transition-smooth);
    display: inline-block;
}

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

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

.base-link-text:active {
    color: var(--color-primary-dark);
}

/* Responsive Design - Mobile-First */
@media (max-width: 576px) {
    .base-link-standard,
    .base-link-secondary,
    .base-link-text,
    .base-link-white {
        font-size: var(--font-size-sm);
    }
}

/* Tablet/iPad: 600px-768px */
@media (min-width: 600px) and (max-width: 768px) {
    .base-link-standard,
    .base-link-secondary,
    .base-link-text,
    .base-link-white {
        font-size: var(--font-size-base);
    }
}

/* Kleiner Desktop/13-Zoll: 1024px-1366px */
@media (min-width: 1024px) and (max-width: 1366px) {
    .base-link-standard,
    .base-link-secondary,
    .base-link-text,
    .base-link-white {
        font-size: var(--font-size-base);
    }
}

/* Großer Desktop/Widescreen: min-width 1440px */
@media (min-width: 1440px) {
    .base-link-standard,
    .base-link-secondary,
    .base-link-text,
    .base-link-white {
        font-size: var(--font-size-base);
    }
}