/**
 * SEO-Day 2025 Zertifikat - UI Elemente
 * Blau-Theme basierend auf Logo-Farben mit minimalen Gold-Akzenten
 */

/* Frame Background - Clean White */
.certificate-frame {
    background: linear-gradient(
        135deg,
        #FEFEFE 0%,
        #FFFFFF 50%,
        #FEFEFE 100%
    );
}

/* Corner Ornaments - Premium Gold */
.corner-ornament svg {
    width: 100%;
    height: 100%;
    display: block;
}

.corner-ornament path {
    stroke: #D4AF37;
    fill: none;
    stroke-width: 2.5;
}

.corner-ornament svg circle {
    fill: #D4AF37;
}

/* Title Ornament - Premium Gold */
.title-ornament svg line {
    stroke: #D4AF37;
    stroke-width: 2;
}

.title-ornament svg circle {
    fill: #D4AF37;
}

.title-ornament svg circle:nth-of-type(2) {
    fill: #B8941F;
}

/* Topic Icons - Professional Gray */
.topic-icon svg {
    display: block;
}

.topic-icon svg circle,
.topic-icon svg rect,
.topic-icon svg path,
.topic-icon svg line {
    stroke: #2c2c2c;
    stroke-width: 2;
    fill: none;
}

/* Handwritten Signature - Black Ink */
.signature-handwritten {
    position: relative;
}

.signature-handwritten svg path {
    stroke-dasharray: none;
    stroke-dashoffset: 0;
}

.signature-handwritten svg circle {
    opacity: 1;
}

.signature-handwritten svg {
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.12));
}

/* Badge Seal Text - Gold (nur hier minimal Gold) */
.badge-seal svg text {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: 700;
    letter-spacing: 2px;
}

/* Decorative Background - Subtile Akzente */
.certificate-frame::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at top right, rgba(0, 0, 0, 0.02) 0%, transparent 50%),
        radial-gradient(circle at bottom left, rgba(0, 0, 0, 0.02) 0%, transparent 50%);
    pointer-events: none;
    z-index: 0;
}

/* Signature Line - Elegant Gray */
.signature-line {
    width: 180px;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        #4a4a4a 20%,
        #2c2c2c 50%,
        #4a4a4a 80%,
        transparent 100%
    );
    margin: 0 auto 5px auto;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Print Optimizations */
@media print {
    .certificate-frame {
        background: #FFFFFF;
        box-shadow: none;
    }
    
    .certificate-frame::after {
        display: none;
    }
    
    .signature-line {
        background: #007bff;
        box-shadow: none;
    }
    
    .corner-ornament,
    .badge-seal,
    .title-ornament svg,
    .signature-handwritten svg {
        filter: none;
    }
}