/*
 * KI-Wasserzeichen — Overlay styles.
 * Used in both editor and frontend.
 */

.has-ai-watermark {
    position: relative;
}

.ai-watermark {
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 0.4em;
    padding: 0.3em 0.6em;
    font-size: var(--ai-watermark-font-size, 12px);
    line-height: 1;
    font-weight: 500;
    border-radius: 4px;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    pointer-events: none;
    z-index: 2;
}

.ai-watermark__logo {
    width: 1em;
    height: 1em;
    flex-shrink: 0;
}

.ai-watermark__text {
    white-space: nowrap;
}

/* Positions */
.ai-watermark--top-left     { top: 0.5rem;    left: 0.5rem; }
.ai-watermark--top-right    { top: 0.5rem;    right: 0.5rem; }
.ai-watermark--bottom-left  { bottom: 0.5rem; left: 0.5rem; }
.ai-watermark--bottom-right { bottom: 0.5rem; right: 0.5rem; }

/* Themes */
.ai-watermark--light {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.45);
}
.ai-watermark--dark {
    color: #1a1a1a;
    background: rgba(255, 255, 255, 0.6);
}

/* Settings-page preview helper (from Task 4 inline SVG wrap) */
.ai-watermark__logo-wrap svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}