/* ============================================
   OBROFY CUSTOM OVERRIDES
   Tasks 4 & 5 — CTA Button + Sticky Header
   ============================================ */

/* ----- TASK 4: Orange Hero CTA Button ----- */
.hero-cta-orange,
.btn.hero-cta-orange {
    background-color: #FF6600 !important;
    color: #000000 !important;
    border: 2px solid #FF6600 !important;
    font-weight: 800 !important;
    transition: all 0.3s ease-in-out;
}

.hero-cta-orange span,
.hero-cta-orange .btn-double-text {
    color: #000000 !important;
    font-weight: 800 !important;
}

.hero-cta-orange:hover,
.hero-cta-orange:focus {
    background-color: #E65C00 !important;
    border-color: #E65C00 !important;
    color: #000000 !important;
    transform: scale(1.05);
}

.hero-cta-orange:hover span,
.hero-cta-orange:hover .btn-double-text {
    color: #000000 !important;
}

/* Same style for the form submit "Get My Free Audit" */
.btn-get-my-free-audit {
    background-color: #FF6600 !important;
    color: #000000 !important;
    border: 2px solid #FF6600 !important;
    font-weight: 800 !important;
    transition: all 0.3s ease-in-out;
}
.btn-get-my-free-audit:hover {
    background-color: #E65C00 !important;
    border-color: #E65C00 !important;
    color: #000000 !important;
    transform: scale(1.05);
}

/* ============================================
   TASK 5: STICKY HEADER — Forced override (kills theme's scroll-hide behavior)
   ============================================ */

/* Lock the header in place permanently */
header,
body header,
body > header,
html body header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    background-color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
    margin: 0 !important;
    transform: none !important;
    transition: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Override ANY transform that scroll JS might apply */
header.header-hide,
header.scrolled,
header.scroll-down,
header.scroll-up,
header[style*="transform"],
header[style*="display: none"] {
    position: fixed !important;
    top: 0 !important;
    transform: translateY(0) !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Force the inner navbar to stay too */
header .navbar {
    position: relative !important;
    transform: none !important;
}

/* Push content down so it doesn't hide behind fixed header */
body {
    padding-top: 95px !important;
}

@media (max-width: 991px) {
    body {
        padding-top: 75px !important;
    }
}
/* Force orange on form submit button (override request/index.php inline styles) */
.btn-submit,
button.btn-submit,
.btn.btn-submit,
button[type="submit"].btn-submit {
    background: #FF6600 !important;
    background-color: #FF6600 !important;
    color: #000000 !important;
    border: 2px solid #FF6600 !important;
    font-weight: 800 !important;
    transition: all 0.3s ease-in-out !important;
}

.btn-submit:hover,
button.btn-submit:hover,
.btn.btn-submit:hover {
    background: #E65C00 !important;
    background-color: #E65C00 !important;
    border-color: #E65C00 !important;
    color: #000000 !important;
    transform: scale(1.05) !important;
}