/**
 * AI Experience Room - Print Stylesheet
 * Optimized for printing the landing page
 */

@page {
    size: A4;
    margin: 2cm;
}

/* Hide non-essential elements */
.aurora-bg,
.scan-lines,
.particles-overlay,
.synapse-canvas,
.floating-nav,
.scroll-indicator,
.lightbox,
.video-container,
.ablauf-bg,
.weiche-bg,
.team-bg,
.cta-bg,
.corner-frame,
.icon-pulse,
.timeline-connector,
.connector-spark,
.glow-orb,
.floating-ring,
.floating-shapes,
.grid-lines,
.card-glow,
.skip-link,
#a11y-announcer,
.key-container,
.badge-dot {
    display: none !important;
}

/* Reset backgrounds */
body,
section,
.hero-section,
.weiche-section,
.video-section,
.ablauf-section,
.raum-section,
.team-section,
.ai-experience-section,
.impressions-section,
.faq-section,
.cta-section {
    background: #fff !important;
    color: #000 !important;
    height: auto !important;
    min-height: auto !important;
    scroll-snap-align: none !important;
    overflow: visible !important;
}

html, body {
    overflow: visible !important;
    scroll-snap-type: none !important;
    height: auto !important;
}

/* Typography */
body {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 12pt;
    line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
    color: #000 !important;
    page-break-after: avoid;
    font-family: Arial, Helvetica, sans-serif;
}

h1 { font-size: 24pt; }
h2 { font-size: 18pt; margin-top: 1.5em; }
h3 { font-size: 14pt; }

p {
    color: #333 !important;
    orphans: 3;
    widows: 3;
}

/* Links */
a {
    color: #000 !important;
    text-decoration: underline;
}

a[href^="http"]:after {
    content: " (" attr(href) ")";
    font-size: 10pt;
    color: #666;
}

a[href^="mailto"]:after {
    content: " (" attr(href) ")";
    font-size: 10pt;
    color: #666;
}

a[href^="tel"]:after {
    content: " (" attr(href) ")";
    font-size: 10pt;
    color: #666;
}

/* Hide CTA links printout for internal links */
a[href^="#"]:after,
a.btn:after {
    content: none;
}

/* Buttons as text */
.btn {
    display: inline !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    color: #000 !important;
    font-weight: bold;
}

/* Sections layout */
section {
    display: block !important;
    padding: 1cm 0 !important;
    border-bottom: 1px solid #ccc;
    page-break-inside: avoid;
}

.section-content {
    max-width: 100% !important;
    padding: 0 !important;
}

/* Images */
img {
    max-width: 100% !important;
    height: auto !important;
    page-break-inside: avoid;
}

.room-image img,
.gallery-img {
    border: 1px solid #ccc;
}

/* Cards */
.room-card,
.pricing-card,
.offer-item,
.faq-item,
.timeline-item,
.weiche-card,
.team-card {
    background: #fff !important;
    border: 1px solid #ccc !important;
    padding: 0.5cm !important;
    margin-bottom: 0.5cm !important;
    page-break-inside: avoid;
}

/* FAQ - show all answers */
.faq-answer {
    max-height: none !important;
    display: block !important;
}

.faq-answer[hidden] {
    display: block !important;
}

.faq-icon {
    display: none !important;
}

/* Pricing */
.pricing-cards,
.room-cards {
    display: block !important;
}

.card-features li svg {
    display: none;
}

.card-features li:before {
    content: "✓ ";
}

/* Footer */
.site-footer {
    background: #fff !important;
    border-top: 2px solid #000;
    padding-top: 1cm !important;
}

.footer-logo {
    max-width: 150px !important;
}

.footer-social {
    display: none !important;
}

/* Accent colors to black */
.accent-text,
.highlight,
.offer-price,
.timeline-duration {
    color: #000 !important;
    background: none !important;
    -webkit-text-fill-color: #000 !important;
}

/* Print-specific info */
@page :first {
    margin-top: 1cm;
}

/* Header for print */
body:before {
    content: "AI Experience Room - INNOPORT Reutlingen | ai-erleben.de";
    display: block;
    text-align: center;
    font-size: 10pt;
    color: #666;
    padding-bottom: 0.5cm;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1cm;
}