/* ============================================================ */
/* DNA Infotel - Homepage Styles                               */
/* ============================================================ */

#hero-wrapper {
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
    background: var(--hero-bg, var(--dna-deep-space));
}

.hero-content-overlay {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    z-index: 20;
    text-align: center;
    pointer-events: none;
}

.hero-btns {
    pointer-events: auto;
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
}

.hero-btn-outline {
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid var(--dna-accent-cyan);
    color: #fff;
    backdrop-filter: blur(4px);
}

[data-theme="light"] .hero-btn-outline {
    background: rgba(255, 255, 255, 0.85);
    color: var(--text-primary);
}

.dna-clay-glass-ticker {
    width: 100%;
    overflow: hidden;
    padding: 14px 0;
    position: relative;
    z-index: 30;
    display: flex;
    background: rgba(0, 242, 255, 0.08);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-top: 1px solid rgba(0, 242, 255, 0.3);
    border-bottom: 1px solid rgba(0, 242, 255, 0.3);
    box-shadow:
        inset 2px 2px 6px rgba(255, 255, 255, 0.15),
        inset -3px -3px 8px rgba(0, 0, 0, 0.4),
        0 10px 30px rgba(0, 0, 0, 0.3);
}

[data-theme="light"] .dna-clay-glass-ticker {
    background: rgba(0, 119, 182, 0.08);
    border-color: rgba(0, 119, 182, 0.2);
}

.ticker-track {
    display: flex;
    flex-shrink: 0;
    min-width: 100%;
    animation: dnaScrollTicker 35s linear infinite;
}

.dna-clay-glass-ticker:hover .ticker-track {
    animation-play-state: paused;
}

.ticker-item {
    flex-shrink: 0;
    padding: 0 40px;
    color: var(--ticker-text, #ffffff);
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.ticker-item strong {
    color: var(--dna-accent-cyan);
    margin: 0 5px;
}

@keyframes dnaScrollTicker {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

.packages-section {
    padding: 80px 0;
    background: var(--section-muted-bg, rgba(255, 255, 255, 0.02));
}

.reviews-section {
    padding: 80px 0;
    background: var(--section-muted-bg, rgba(255, 255, 255, 0.02));
}

.inquiry-section {
    padding: 100px 0;
}

.faq-section {
    padding: 100px 0;
}

.inquiry-form label {
    display: block;
    margin-bottom: 6px;
    color: var(--text-secondary);
    font-size: 0.9rem;
}

@media (max-width: 768px) {
    .desktop-slide { display: none !important; }
    .hero-content-overlay { bottom: 15px; }
    .ticker-item { font-size: 0.95rem; padding: 0 20px; }
}

@media (min-width: 769px) {
    .mobile-slide { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
    .ticker-track {
        animation: none;
    }
}