/*
Theme Name: BestFFL Professional
Theme URI: https://thebestfflsoftware.com
Description: FFL software reviews with dynamic vendor comparison
Version: 1.0.11
Author: BestFFL
License: GPL v2 or later
*/

* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { background-color: #050507 !important; color: #FFFFFF !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
body { padding-top: 80px; }

.bestffl-sticky-header { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background: linear-gradient(180deg, #0F0F14 0%, #050507 100%); border-bottom: 2px solid rgba(57, 255, 20, 0.2); padding: 0.75rem 2rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5); display: flex; justify-content: space-between; align-items: center; height: 80px; }
.bestffl-header-logo-section { display: flex; align-items: center; gap: 0.75rem; }
.bestffl-header-logo { width: 50px; height: 50px; border-radius: 4px; }
.bestffl-header-title { font-size: 1.35rem; font-weight: 700; color: #FFFFFF; margin: 0; }
.bestffl-header-search { flex: 1; max-width: 350px; }
.bestffl-header-search input { width: 100%; padding: 0.6rem 1rem; background-color: rgba(57, 255, 20, 0.05); border: 1px solid rgba(57, 255, 20, 0.2); border-radius: 6px; color: #FFFFFF; transition: all 0.3s ease; }
.bestffl-header-search input:focus { outline: none; background-color: rgba(57, 255, 20, 0.1); border-color: #39FF14; box-shadow: 0 0 8px rgba(57, 255, 20, 0.2); }

.site-content { max-width: 1200px; margin: 0 auto; padding: 2rem; }
h1 { font-size: 2.5rem; font-weight: 700; margin-bottom: 1rem; color: #FFFFFF; }
h2 { font-size: 2rem; font-weight: 700; margin-bottom: 1rem; color: #FFFFFF; }

#bestffl-loader-container { background: linear-gradient(135deg, rgba(57, 255, 20, 0.1) 0%, rgba(168, 85, 247, 0.1) 100%); border: 1px solid rgba(57, 255, 20, 0.3); border-radius: 12px; padding: 2rem; margin: 2rem 0; text-align: center; }
#bestffl-loader-container h2 { color: #39FF14; margin-top: 0; }
#bestffl-loader-container p { color: #FFFFFF; margin-bottom: 1.5rem; }
#bestffl-parse-btn { background-color: #39FF14; color: #050507; border: none; padding: 12px 32px; font-weight: 700; border-radius: 6px; cursor: pointer; font-size: 1rem; text-transform: uppercase; }
#bestffl-parse-btn:hover:not(:disabled) { background-color: #33E60E; transform: translateY(-2px); }
#bestffl-parse-btn:disabled { opacity: 0.6; cursor: not-allowed; }

.bestffl-spinner { display: inline-block; width: 14px; height: 14px; border: 2px solid rgba(57, 255, 20, 0.3); border-top-color: #39FF14; border-radius: 50%; animation: spin 0.8s linear infinite; margin-right: 8px; }
@keyframes spin { to { transform: rotate(360deg); } }

.bestffl-hidden { display: none !important; }

footer { background-color: #0F0F14; border-top: 1px solid rgba(57, 255, 20, 0.2); padding: 2rem; text-align: center; margin-top: 3rem; }
footer a { color: #39FF14; text-decoration: none; }

@media (max-width: 768px) { body { padding-top: 100px; } .bestffl-sticky-header { flex-direction: column; height: auto; } }