import re

css_file = 'd:\\iss\\Franciscan Society\\css\\bible-widget.css'
with open(css_file, 'r', encoding='utf-8') as f:
    css = f.read()

# Remove #prayer-widget-btn:hover block completely if it exists
css = re.sub(r'#prayer-widget-btn:hover\s*{[^}]*}', '', css, flags=re.DOTALL)

# Add transition: none !important; to #bible-widget-btn and #prayer-widget-btn in the global bottom bar layout
# This ensures absolutely no hover animations happen
new_rules = """
#bible-widget-btn:hover, #prayer-widget-btn:hover {
    transform: none !important;
    box-shadow: none !important;
    background: transparent !important;
    transition: none !important;
}

#bible-widget-btn, #prayer-widget-btn {
    transition: none !important;
}
"""

if 'transition: none !important;' not in css:
    css += new_rules

with open(css_file, 'w', encoding='utf-8') as f:
    f.write(css)
    
print("Removed hover animations for the bottom bar widgets")
