/*
Theme Name: Love SEO Audit
Theme URI: https://loveseoaudit.com
Author: Love SEO Audit
Author URI: https://loveseoaudit.com
Description: A custom WordPress theme with a built-in SEO & Performance Audit tool powered by Google PageSpeed Insights.
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: love-seo-audit
Tags: blog, responsive, bootstrap, seo, performance
*/

/* Base styles */
:root {
	--primary-blue: #0b3d91;
	--primary-blue-dark: #062a66;
	--accent-orange: #ff6a00;
	--accent-orange-dark: #cc5600;
	--text-on-dark: #ffffff;
	--body-text: #e5e7eb;
	--ahrefs-blue: #0a2e7c;
	--card-bg: #0f1c3a;
	--card-border: #1f2b4d;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
	color: var(--body-text);
	background-color: #0a1024;
}

h1, h2, h3, h4, h5, h6 { color: var(--text-on-dark); }

.hero-audit {
	background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-dark) 60%);
	color: var(--text-on-dark);
	padding: 4rem 0;
}

/* Homepage hero */
.home-hero { background: linear-gradient(160deg, var(--ahrefs-blue) 0%, #071a4d 70%); color: var(--text-on-dark); min-height: 60vh; padding: 6rem 0 4rem 0; }
.home-hero .form-control { max-width: 720px; margin: 0 auto; background-color: #ffffff; color: #111827; border: 2px solid #cbd5e1; box-shadow: 0 0 0 4px rgba(255, 106, 0, 0.15); }
.home-hero .form-control:focus { border-color: var(--accent-orange); box-shadow: 0 0 0 4px rgba(255, 106, 0, 0.25); }
.home-hero .btn-audit { background-color: var(--accent-orange); border-color: var(--accent-orange); color: #111827; font-weight: 700; padding: 0.75rem 2rem; box-shadow: 0 8px 20px rgba(0,0,0,0.25); }
.home-hero .btn-audit:hover { background-color: #ff7f26; border-color: #ff7f26; }

/* Cards and accordions on dark */
.card { background-color: var(--card-bg); border-color: var(--card-border); color: #ffffff; }
.card .card-body, .card .card-header, .card p, .card li, .card .small, .card .h5 { color: #ffffff !important; }
.accordion-button { background-color: #0b1740; color: #ffffff !important; }
.accordion-button:not(.collapsed) { color: #fff !important; background-color: #0d1b48; }
.accordion-body { background-color: #0d1b48; color: #ffffff !important; }

.ad-space { background-color: #0d1b48; border: 1px dashed #334155; padding: 16px; text-align: center; color: #cbd5e1; margin: 16px 0; }

/* Header - force dark blue nav links */
.site-header { border-bottom: 1px solid #1f2b4d; background-color: #0b1433; }
.site-header .navbar-nav .nav-link { color: var(--primary-blue) !important; font-weight: 700; }
.site-header .navbar-nav .nav-link:hover, .site-header .navbar-nav .nav-link:focus { color: #1255c4 !important; }

/* Footer */
.site-footer { border-top: 1px solid #1f2b4d; background-color: #0b0f26; color: #e4e7eb; }
.site-footer a { color: #e4e7eb; text-decoration: underline; }
.footer-follow { text-align: right; color: #e4e7eb; }

/* Ensure contrast on dark hero inputs */
.hero-audit .form-control { background-color: #ffffff; color: #111827; border: 2px solid #d1d5db; }

/* Container tweaks */
.container-narrow { max-width: 860px; }

/* Score bar (0-100) */
.score-bar { background-color: #1f2b4d; border-radius: 8px; width: 100%; max-width: 720px; height: 16px; overflow: hidden; }
.score-bar-fill { height: 100%; width: 0%; background: linear-gradient(90deg, #ff4d4d, #ffb300, #00c853); transition: width 0.8s ease; }
.score-text { min-width: 64px; }

/* Loading state */
.loading-wrap { max-width: 720px; }

/* Download buttons */
.btn-download { color: #ffffff !important; font-weight: 700; }
.btn-download.json { background-color: var(--accent-orange); border-color: var(--accent-orange); }
.btn-download.json:hover { background-color: #ff7f26; border-color: #ff7f26; }
.btn-download.pdf { background-color: var(--primary-blue); border-color: var(--primary-blue); }
.btn-download.pdf:hover { background-color: #1255c4; border-color: #1255c4; }