/*
Theme Name: HD Solutions
Theme URI: https://hdsolutions.com.pl
Author: HD Solutions
Description: Custom theme for HD Solutions - Your European Helpdesk. Under Your Brand. Includes employee portal, break tool, agenda, team management.
Version: 1.0
*/

:root{
  --hd-green:#9EFF00;
  --hd-black:#0A0A0A;
  --hd-dark:#111111;
  --hd-gray:#F5F5F5;
  --hd-text:#1A1A1A;
}
* { box-sizing:border-box; }
body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#fff;color:var(--hd-text);}
a{color:inherit;text-decoration:none}
.hd-header-top{background:#000;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:8px 24px;font-size:13px}
.hd-header-top .logins{display:flex;gap:12px}
.hd-header-top .btn-small{border:1px solid #333;padding:6px 12px;border-radius:20px;background:#111;color:#fff;cursor:pointer}
.hd-header-top .btn-small.admin{background:var(--hd-green);color:#000;border-color:var(--hd-green);font-weight:700}
.hd-header-main{background:#000;position:sticky;top:0;z-index:100;border-bottom:1px solid #222;display:flex;justify-content:space-between;align-items:center;padding:14px 24px}
.hd-logo{display:flex;align-items:center;gap:12px}
.hd-logo img{height:42px}
.hd-logo-text{color:var(--hd-green);font-weight:900;font-size:32px;letter-spacing:1px;line-height:1}
.hd-logo-sub{color:#fff;font-size:10px;letter-spacing:4px}
.hd-nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.hd-nav a{color:#ccc;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:0.5px}
.hd-nav a:hover{color:var(--hd-green)}
.hd-hero{background:#000;color:#fff;padding:80px 24px;display:grid;grid-template-columns:1.2fr 0.8fr;gap:40px;align-items:center}
.hd-hero h1{font-size:56px;line-height:1;margin:0 0 16px;font-weight:900}
.hd-hero h1 span{color:var(--hd-green)}
.hd-hero p{color:#aaa;font-size:18px;line-height:1.6;max-width:600px}
.hd-btn{display:inline-block;padding:14px 28px;border-radius:30px;font-weight:700;font-size:14px;cursor:pointer;border:none}
.hd-btn-primary{background:var(--hd-green);color:#000}
.hd-btn-outline{border:1px solid #333;color:#fff;background:transparent}
.hd-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.hd-card{background:#fff;border:1px solid #eee;padding:24px;border-radius:16px}
.hd-card.dark{background:#111;color:#fff;border-color:#222}
.hd-section{padding:80px 24px;max-width:1280px;margin:0 auto}
.hd-section-dark{background:#0A0A0A;color:#fff}
.hd-badge{background:var(--hd-green);color:#000;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:800;display:inline-block;margin-bottom:12px}
.footer{background:#000;color:#777;padding:60px 24px;border-top:1px solid #222}
@media(max-width:900px){.hd-hero{grid-template-columns:1fr}.hd-grid-4{grid-template-columns:1fr 1fr}.hd-nav{display:none}}