/* ====================== FINAL CLEAN CSS - GLENTIDES.ORG ====================== */

/* Gold Theme */
body, p, h1, h2, h3, h4, h5, h6, .woocommerce, .product, .shop-page {
    color: #d4af37 !important;
}
h1, h2, h3, .product-title, .woocommerce-loop-product__title {
    color: #ffd700 !important;
}

/* Gold Buttons */
.add_to_cart_button, .single_add_to_cart_button, .button {
    background-color: #d4af37 !important;
    color: #0a1428 !important;
    font-weight: bold !important;
}

/* === FIXED VIDEO BANNER - Improved for Desktop & Mobile === */
.woocommerce-shop .wp-block-video,
.woocommerce-shop .wp-block-cover {
    position: sticky !important;
    top: 0 !important;
    z-index: 10 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 380px !important;     /* Mobile */
    max-height: 520px !important;     /* Desktop */
    overflow: hidden;
}

.woocommerce-shop .wp-block-video video,
.woocommerce-shop .wp-block-cover video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    autoplay: true !important;
    loop: true !important;
    muted: true !important;
    playsinline: true !important;
}

/* Hide play button */
.woocommerce-shop .wp-block-video .wp-block-video__controls,
.woocommerce-shop .wp-block-cover .wp-block-cover__inner-container::before,
.woocommerce-shop video::-webkit-media-controls-start-playback-button {
    display: none !important;
}

/* Dark Footer */
footer, .site-footer, #colophon, .footer-widgets, .footer-widget-area {
    background-color: #0a2540 !important;
    color: white !important;
}
footer a, .site-footer a {
    color: white !important;
}

/* Hide banner on non-shop pages */
body:not(.woocommerce) .wp-custom-header,
body:not(.woocommerce) .custom-header,
body:not(.woocommerce) .header-image,
body:not(.woocommerce) .hero-banner {
    display: none !important;
}

/* ====================== END ====================== */

.site-info a[href*="woocommerce.com"],

.site-info:contains("Built with WooCommerce") {

    display: none !important;

}

/* Alternative if the above doesn't work - target the whole footer credit */

.site-info {

    display: none !important;

}

<!-- Gold TXT Button - "Text me anytime" -->

<a href="sms:3213521177" id="txt-gold-btn" style="

    display: none !important;

    position: fixed !important;

    bottom: 20px !important;

    right: 20px !important;

    background: linear-gradient(135deg, #EFBF04, #D4AF37) !important;

    color: #1a1a1a !important;

    padding: 16px 26px !important;

    border-radius: 50px !important;

    font-size: 17px !important;

    font-weight: 700 !important;

    text-decoration: none !important;

    box-shadow: 0 8px 20px rgba(239, 191, 4, 0.5) !important;

    z-index: 99999 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    gap: 2px !important;

    border: 3px solid #ffffff !important;

    text-shadow: 0 1px 2px rgba(255,255,255,0.7) !important;

    width: auto !important;

    white-space: nowrap !important;

    min-width: 180px !important;

    text-align: center !important;

">

    <span style="font-size: 17px; font-weight: 700;">Text me anytime</span>

    <span style="font-size: 13px; font-weight: 600; opacity: 0.95;">(321) 352-1177</span>

</a>

<script>

    function showTxtButton() {

        const btn = document.getElementById('txt-gold-btn');

        if (btn) {

            if (window.innerWidth <= 768 || /Mobi|Android/i.test(navigator.userAgent)) {

                btn.style.display = 'flex !important';

            } else {

                btn.style.display = 'none !important';

            }

        }

    }

    window.addEventListener('load', showTxtButton);

    window.addEventListener('resize', showTxtButton);

    window.addEventListener('orientationchange', showTxtButton);

    setTimeout(showTxtButton, 800);

    setTimeout(showTxtButton, 2000);

</script>