/* ==========================================
   landing.css — flowingTable landing pages
   Place in: static/css/landing.css
   ========================================== */

/* Full-Screen Hero Section */
.hero-fullscreen {
    min-height: calc(100vh - 70px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    padding-top: 8vh;
    padding-bottom: 80px;
}

.upload-bridge-card {
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    overflow: hidden;
    width: 100%;
}

.drop-zone-custom {
    border: 2px dashed #a0b0c0;
    border-radius: 8px;
    padding: 50px 20px;
    text-align: center;
    background-color: #f8fafc;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.drop-zone-custom:hover,
.drop-zone-custom.dragover {
    background-color: #eef2f6;
    border-color: #2196F3;
}

.hidden-until-upload {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.hidden-until-upload.show-options {
    max-height: 300px;
    opacity: 1;
    margin-top: 20px;
}

/* Animated Scroll Indicator */
.scroll-indicator {
    position: absolute;
    bottom: 3vh;
    left: 50%;
    transform: translateX(-50%);
    color: #2196F3;
    animation: bounce 2s infinite;
    cursor: pointer;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

.scroll-indicator:hover { color: #1769aa; }

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translate(-50%, 0); }
    40%  { transform: translate(-50%, -15px); }
    60%  { transform: translate(-50%, -7px); }
}

/* AdSense Placeholder */
.adsense-top-banner {
    width: 100%;
    max-width: 728px;
    min-height: 90px;
    background-color: #f1f3f5;
    border: 1px solid #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #adb5bd;
    font-size: 0.9rem;
    border-radius: 8px;
}

/* FAQ Block */
.faq-item h5 {
    font-size: 1rem;
    line-height: 1.5;
}

/* Dark Mode Adaptations */
body.dark-mode .upload-bridge-card  { background-color: #2c2c2c; }
body.dark-mode .drop-zone-custom    { background-color: #333; border-color: #555; }
body.dark-mode .drop-zone-custom:hover { background-color: #3d3d3d; border-color: #9b59b6; }
body.dark-mode .text-dark           { color: #e0e0e0 !important; }
body.dark-mode .landing-content     { background-color: transparent; color: #e0e0e0; }
body.dark-mode .content-block       { color: #cccccc; }
body.dark-mode .faq-item h5         { color: #e0e0e0 !important; }
body.dark-mode .list-group-item     { background-color: #2c2c2c; color: #e0e0e0; border-color: #444; }
body.dark-mode hr                   { border-color: rgba(255,255,255,0.1) !important; }
body.dark-mode .adsense-top-banner  { background-color: #222; border-color: #333; }