/* ═══════════════════════════════════════════════════
   RF3D Solutions — Landing Page CSS
   Version: 3.0 (2026-03-19)
   Stitch Redesign — Light Theme
   Tailwind CDN handles layout/colour/spacing.
   This file handles WordPress-integration fixes only.
   ═══════════════════════════════════════════════════ */

/* ══════════════════════════════════
   FULLWIDTH BREAKOUT
══════════════════════════════════ */
.wp-block-post-content:has(.rf3d-landing),
.entry-content:has(.rf3d-landing),
.wp-block-shortcode:has(.rf3d-landing),
.is-layout-constrained:has(.rf3d-landing) {
    max-width: none !important;
    width: 100% !important;
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.home .wp-block-group.alignfull:has(.rf3d-landing) {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
}
.rf3d-landing {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    overflow-x: hidden;
    font-family: 'Inter', system-ui, sans-serif;
}

/* ══════════════════════════════════
   HIDE DEFAULT TT25 HEADER & FOOTER
══════════════════════════════════ */
header.wp-block-template-part {
    display: none !important;
}
body.home footer.wp-block-template-part {
    display: none !important;
}

/* ══════════════════════════════════
   WORDPRESS LAYOUT FIXES
══════════════════════════════════ */
.home .wp-block-post-title,
.front-page .wp-block-post-title,
body.page .entry-title {
    display: none !important;
}
body.home .wp-block-post-content,
body.home .entry-content,
body.home main,
body.home #main,
body.home .wp-site-blocks > main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
body.home .wp-site-blocks > main,
body.home .wp-site-blocks > footer {
    margin-block-start: 0 !important;
}
.rf3d-landing :where(.wp-site-blocks) > * + * {
    margin-block-start: 0 !important;
}

/* ══════════════════════════════════
   SCROLL-REVEAL ANIMATION
══════════════════════════════════ */
[data-rf3d-animate] {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}
[data-rf3d-animate].is-visible {
    opacity: 1;
    transform: translateY(0);
}
[data-rf3d-animate]:nth-child(2) { transition-delay: 0.1s; }
[data-rf3d-animate]:nth-child(3) { transition-delay: 0.2s; }
[data-rf3d-animate]:nth-child(4) { transition-delay: 0.3s; }
@media (prefers-reduced-motion: reduce) {
    [data-rf3d-animate] {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}

/* ══════════════════════════════════
   TAILWIND RESET HELPERS
══════════════════════════════════ */
.rf3d-landing *, .rf3d-landing *::before, .rf3d-landing *::after {
    box-sizing: border-box;
}
.rf3d-landing section,
.rf3d-landing div,
.rf3d-landing header,
.rf3d-landing footer {
    margin-block-start: 0 !important;
}
.rf3d-hero-image-wrap {
    background: transparent;
}

/* ══════════════════════════════════
   NON-HOME FOOTER
══════════════════════════════════ */
body:not(.home) footer.wp-block-template-part {
    background-color: #f9f9fa !important;
    border-top: 1px solid #e5e7eb !important;
    color: #6b7280 !important;
    font-size: 0.85rem !important;
    margin-block-start: 0 !important;
}
body:not(.home) footer.wp-block-template-part a {
    color: #6b7280 !important;
    text-decoration: none !important;
}
body:not(.home) footer.wp-block-template-part a:hover {
    color: #f06e38 !important;
}

/* ===== Logo-Größenfix ===== */
/* Custom-Logo im Sticky-Header */
#rf3d-header .custom-logo-link img,
#rf3d-header .custom-logo-link .custom-logo,
#rf3d-header .custom-logo {
    max-height: 40px !important;
    width: auto !important;
    display: block;
}

/* Custom-Logo im Landing-Footer */
.rf3d-landing .custom-logo-link img,
.rf3d-landing .custom-logo-link .custom-logo,
.rf3d-landing .custom-logo {
    max-height: 48px !important;
    width: auto !important;
    display: block;
}

/* Sicherheits-Fallback: custom-logo global nie breiter als Container */
.custom-logo {
    max-width: 100% !important;
    height: auto;
}


/* ===== Logo-Farbanpassung ===== */
/* Header hat hellen Hintergrund → weißes Logo invertieren (wird dunkel/schwarz) */
#rf3d-header .custom-logo-link .custom-logo {
    filter: invert(1) !important;
}

/* Landing-Footer hat dunklen Hintergrund → Logo bleibt weiß (kein Filter nötig) */
.rf3d-landing .custom-logo-link .custom-logo {
    filter: none !important;
}

/* ===== Über Uns Page fullwidth ===== */
.rf3d-about {
    width: 100vw;
    position: relative;
    left: 50%;
    margin-left: -50vw;
}