/*
Theme Name: BalutaTech
Theme URI: https://balutatech.ro
Author: BalutaTech
Author URI: https://balutatech.ro
Description: Tema custom pentru BalutaTech.Ro - licente si componente PC. Suport WooCommerce.
Version: 1.0
License: GPL v2 or later
Text Domain: balutatech
*/

:root {
    --bt-primary: #0A2540;
    --bt-accent: #FF6A00;
    --bt-light: #F5F7FA;
}

* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color:#1a1a1a; background:#fff; }
a { color: var(--bt-primary); text-decoration: none; }
a:hover { color: var(--bt-accent); }
.container { max-width: 1200px; margin: 0 auto; padding: 0 1rem; }
.btn-primary { background: var(--bt-accent); color:#fff; font-weight:700; padding:0.75rem 1.5rem; border-radius:0.5rem; display:inline-block; }
.btn-primary:hover { background:#E55F00; }
.btn-secondary { background:#fff; color:var(--bt-primary); border:2px solid var(--bt-primary); font-weight:700; padding:0.75rem 1.5rem; border-radius:0.5rem; display:inline-block; }
.btn-secondary:hover { background:var(--bt-primary); color:#fff; }
.header { position:sticky; top:0; background:#fff; border-bottom:1px solid #eee; z-index:50; }
.header-inner { display:flex; justify-content:space-between; align-items:center; padding:1rem 0; }
.logo { font-weight:800; font-size:1.5rem; color:var(--bt-primary); }
.nav { display:flex; gap:1.5rem; font-weight:500; }
.hero { background:var(--bt-primary); color:#fff; padding:5rem 0; }
.hero h1 { font-size:2.5rem; font-weight:800; line-height:1.2; margin-bottom:1rem; }
.section { padding:4rem 0; }
.section-light { background:var(--bt-light); }
.grid-4 { display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem; }
@media(min-width:768px){ .grid-4 { grid-template-columns:repeat(4,1fr); } }
.card { background:#fff; padding:1.5rem; border-radius:0.75rem; box-shadow:0 2px 8px rgba(0,0,0,0.06); text-align:center; }
.card:hover { box-shadow:0 4px 16px rgba(0,0,0,0.1); }
.footer { background:var(--bt-primary); color:#fff; padding:3rem 0; margin-top:4rem; text-align:center; }
