/**
 * SEO-Day 2025 Zertifikat - Klassische Premium Effekte
 * Schwarz/Grau Theme mit minimalem Gold nur im Siegel
 */

/* Frame - Elegante Schatten (kein Blau) */
.certificate-frame {
    position: relative;
    overflow: visible;
    box-shadow: 
        inset 0 0 60px rgba(0, 0, 0, 0.04),
        0 4px 20px rgba(0, 0, 0, 0.08);
}

/* Main Title - Sauberes Premium Gold */
.certificate-main-title {
    background: linear-gradient(
        135deg,
        #B8941F 0%,
        #D4AF37 25%,
        #E4C15C 50%,
        #D4AF37 75%,
        #B8941F 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-text-stroke: 0.3px rgba(139, 105, 20, 0.2);
    filter: drop-shadow(0 2px 4px rgba(180, 148, 31, 0.25));
}

/* Participant Name - Sauberes Premium Gold */
.participant-name {
    background: linear-gradient(
        90deg,
        #B8941F 0%,
        #D4AF37 30%,
        #E4C15C 50%,
        #D4AF37 70%,
        #B8941F 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-text-stroke: 0.3px rgba(139, 105, 20, 0.2);
    filter: drop-shadow(0 2px 4px rgba(180, 148, 31, 0.25));
}

/* Badge Seal - Clean (ohne Schatten) */
.badge-seal {
    filter: none;
}

/* Corner Ornaments - Premium Gold Glow */
.corner-ornament {
    filter: drop-shadow(0 0 8px rgba(212, 175, 55, 0.4))
            drop-shadow(0 0 15px rgba(255, 215, 0, 0.25));
}

/* Title Ornament - Gold Glow */
.title-ornament svg circle:first-of-type {
    filter: drop-shadow(0 0 6px rgba(212, 175, 55, 0.5));
}

.title-ornament svg line {
    filter: drop-shadow(0 0 4px rgba(212, 175, 55, 0.4));
}

/* Topic Icons - Professional Gray */
.topic-icon svg circle,
.topic-icon svg rect,
.topic-icon svg path,
.topic-icon svg line {
    stroke: #2c2c2c;
    fill: none;
}

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

/* Print Mode: Clean Output */
@media print {
    .certificate-frame {
        border: 4px solid #2c2c2c;
        box-shadow: none;
    }
    
    .certificate-frame::before {
        border: 2px solid #4a4a4a;
        box-shadow: none;
    }
    
    .certificate-main-title,
    .participant-name {
        color: #000000;
        text-shadow: none;
        filter: none;
    }
    
    .badge-seal,
    .corner-ornament,
    .title-ornament svg circle,
    .title-ornament svg line,
    .signature-handwritten svg {
        filter: none;
    }
}

/* Screen Mode */
@media screen {
    .corner-ornament svg path {
        stroke: #D4AF37;
        stroke-width: 2.5;
    }
    
    .corner-ornament svg circle {
        fill: #D4AF37;
    }
    
    .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;
    }
}