/*
Theme Name: Bytefix Solutions
Theme URI: https://bytefixsolutions.com/
Author: Bytefix Solutions
Author URI: https://bytefixsolutions.com/
Description: A bold, B2B-focused WordPress theme for data recovery and micro soldering. Blue background with bright orange and green accents. Includes a Partner sign-up feature.
Version: 1.0.0
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bytefix
*/

/* CSS Variables for easy brand tuning */
:root{
  --bfs-blue: #0B3C78;
  --bfs-blue-900: #082c59;
  --bfs-orange: #FF7A00;
  --bfs-green: #1ED760;
  --bfs-text: #F5F7FA;
  --bfs-muted: #B8C2CC;
  --bfs-card: #0f4a95;
}

html, body{
  background: var(--bfs-blue);
  color: var(--bfs-text);
  margin:0;
  padding:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 1.6;
}

a{ color: var(--bfs-green); text-decoration: none; }
a:hover{ text-decoration: underline; }

.container{ width: min(1100px, 92%); margin-inline: auto; }

.site-header{
  background: linear-gradient(180deg, var(--bfs-blue-900), var(--bfs-blue));
  position: sticky; top:0; z-index:50;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.nav{
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding: .8rem 0;
}

.brand{ display:flex; align-items:center; gap:.6rem; font-weight:700; letter-spacing:.3px; }
.brand .logo-dot{ width:12px; height:12px; background: var(--bfs-green); border-radius: 999px; display:inline-block; }
.brand .name{ font-size:1.05rem; text-transform: uppercase; }

.menu{ display:flex; gap:1rem; flex-wrap:wrap; }
.menu a{ padding:.5rem .8rem; border-radius:10px; }
.menu a.cta{ background: var(--bfs-orange); color:#1a1a1a; font-weight:700; }

.hero{
  padding: 64px 0;
  background:
    radial-gradient(800px 400px at 10% -10%, rgba(30,215,96,.15), transparent 60%),
    radial-gradient(800px 400px at 90% -20%, rgba(255,122,0,.12), transparent 60%);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.hero h1{ font-size: clamp(2rem, 3.5vw + 1rem, 3.4rem); margin: 0 0 .6rem; }
.hero p{ font-size: clamp(1rem, 1.2vw + .8rem, 1.2rem); color: var(--bfs-muted); max-width: 60ch; }

.hero .actions{ display:flex; gap:.8rem; margin-top:1.2rem; flex-wrap:wrap; }
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.8rem 1rem; border-radius:14px; border:1px solid rgba(255,255,255,.12);
  font-weight:700; cursor:pointer;
}
.btn.primary{ background: var(--bfs-orange); color:#111; border-color: transparent; }
.btn.secondary{ background: transparent; color: var(--bfs-text); }

.grid{ display:grid; gap:1rem; }
.grid.cols-3{ grid-template-columns: repeat(3,1fr); }
.grid.cards .card{ background: var(--bfs-card); border:1px solid rgba(255,255,255,.08); border-radius:18px; padding:1rem; }
.card h3{ margin-top:0; }
.badge{ display:inline-block; background: rgba(30,215,96,.2); color: var(--bfs-text); padding:.2rem .5rem; border-radius:999px; font-size:.82rem; }

.section{ padding: 40px 0; }
.section h2{ font-size: 1.6rem; margin: 0 0 .6rem; }
.section p.lead{ color: var(--bfs-muted); }

.site-footer{
  border-top: 1px solid rgba(255,255,255,.1);
  background: var(--bfs-blue-900);
  padding: 30px 0;
  color: var(--bfs-muted);
  font-size: .95rem;
}

form.bfs-form{
  display:grid; gap:.8rem; max-width:720px;
}
form.bfs-form input, form.bfs-form select, form.bfs-form textarea{
  background: rgba(255,255,255,.06);
  color: var(--bfs-text);
  border: 1px solid rgba(255,255,255,.14);
  padding:.7rem .8rem; border-radius:12px; width:100%;
}
form.bfs-form button{ margin-top:.4rem; }
.notice{ padding: .9rem 1rem; border-radius: 12px; background: rgba(30,215,96,.15); border:1px solid rgba(30,215,96,.35); }
.notice.error{ background: rgba(255, 84, 84, .15); border-color: rgba(255,84,84,.45); }
*/