/* ============================================================
   D17 Site — Global Front-End Styles
   Version: 1.0.0
   ============================================================ */

/* ── Sticky CTA Footer ──────────────────────────────────────
   Migrated from WPCode "Sticky Footer" snippet.
   Hidden by default; becomes visible via .active class
   added by the inline JS after the user scrolls 40%.
   ---------------------------------------------------------- */

#d17-sticky-cta {
    position:      fixed;
    bottom:        0;
    left:          0;
    right:         0;
    z-index:       9999;
    background:    #1B365D;
    border-top:    3px solid #F59E0B;
    transform:     translateY(100%);
    transition:    transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    will-change:   transform;
}

#d17-sticky-cta.active {
    transform: translateY(0);
}

.d17-sticky-inner {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    flex-wrap:       wrap;
    gap:             10px;
    max-width:       1200px;
    margin:          0 auto;
    padding:         12px 24px;
}

.d17-sticky-text {
    font-size:   1rem;
    font-weight: 700;
    color:       #fff;
    line-height: 1.3;
}

.d17-sticky-buttons {
    display: flex;
    gap:     10px;
    flex-wrap: wrap;
}

.d17-sticky-btn {
    display:         inline-flex;
    align-items:     center;
    padding:         .55rem 1.25rem;
    border-radius:   8px;
    font-size:       .9rem;
    font-weight:     700;
    text-decoration: none !important;
    white-space:     nowrap;
    transition:      background .15s, color .15s, border-color .15s;
}

.d17-sticky-btn.primary {
    background:   #F59E0B;
    color:        #1B365D !important;
    border:       2px solid #F59E0B;
}

.d17-sticky-btn.primary:hover {
    background: #D97706;
    border-color: #D97706;
}

.d17-sticky-btn.secondary {
    background:   transparent;
    color:        rgba(255,255,255,.9) !important;
    border:       2px solid rgba(255,255,255,.35);
}

.d17-sticky-btn.secondary:hover {
    background:   rgba(255,255,255,.12);
    border-color: rgba(255,255,255,.7);
    color:        #fff !important;
}

/* ── Responsive ─────────────────────────────────────────── */
@media (max-width: 600px) {
    .d17-sticky-inner {
        padding:         10px 16px;
        flex-direction:  column;
        align-items:     stretch;
        text-align:      center;
    }
    .d17-sticky-buttons {
        justify-content: center;
    }
    .d17-sticky-text {
        font-size: .9rem;
    }
}