/*
Theme Name: TL Techmaster
Theme URI: https://tltechmaster.dk
Author: TL Techmaster
Description: Custom WordPress theme for TL Techmaster with Smart Home, Power BI and IT support sections.
Version: 4.0
Text Domain: tltechmaster
*/

:root{
  --bg:#09090b;
  --panel:#18181b;
  --panel2:#27272a;
  --text:#ffffff;
  --muted:#a1a1aa;
  --accent:#00d3f3;
  --accent-hover:#00b8d4;
  --border:#27272a;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}
a{color:inherit}.site{min-height:100vh;background:#09090b;color:#fff}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--border)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,211,243,.12),transparent,rgba(37,99,235,.12));pointer-events:none}.container{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px;position:relative}.topnav{display:flex;justify-content:space-between;align-items:center;padding-top:24px;gap:20px}.brand{font-size:22px;font-weight:800;letter-spacing:-.03em}.brand span{color:var(--accent)}.link-select{appearance:none;background:var(--accent);color:#000;font-weight:800;border:1px solid var(--accent);border-radius:18px;padding:14px 48px 14px 20px;outline:none;box-shadow:0 12px 35px rgba(0,211,243,.35);cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#000 50%),linear-gradient(135deg,#000 50%,transparent 50%);background-position:calc(100% - 22px) calc(50% - 3px),calc(100% - 16px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;transition:.2s}.link-select:hover{background-color:var(--accent-hover);box-shadow:0 16px 45px rgba(0,211,243,.55);transform:translateY(-1px)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-top:80px;padding-bottom:120px}.pill{display:inline-flex;align-items:center;gap:8px;background:#18181b;border:1px solid var(--border);border-radius:999px;padding:9px 16px;color:var(--accent);font-size:14px;margin-bottom:24px}.hero h1{font-size:clamp(48px,7vw,86px);line-height:.98;margin:0;font-weight:900;letter-spacing:-.06em}.hero h1 span{display:block;color:var(--accent)}.lead{margin-top:24px;color:#d4d4d8;font-size:19px;max-width:620px}.btns{display:flex;gap:16px;flex-wrap:wrap;margin-top:40px}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:18px;padding:14px 24px;font-weight:800;transition:.2s}.btn-primary{background:var(--accent);color:#000;box-shadow:0 14px 35px rgba(0,211,243,.25)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{border:1px solid #3f3f46;color:#fff;background:transparent}.btn-secondary:hover{border-color:var(--accent);background:#18181b}.dashboard{background:#18181b;border:1px solid var(--border);border-radius:30px;padding:24px;box-shadow:0 30px 80px rgba(0,211,243,.08)}.dash-head{display:flex;justify-content:space-between;margin-bottom:24px}.small{color:var(--muted);font-size:14px}.dash-title{font-size:22px;font-weight:800}.status{width:12px;height:12px;border-radius:999px;background:#22c55e;box-shadow:0 0 18px rgba(34,197,94,.8)}.dash-row{display:flex;justify-content:space-between;align-items:center;background:#27272a;border-radius:18px;padding:18px;margin-top:14px}.dash-row strong{font-size:16px}.cyan{color:var(--accent)}.green{color:#22c55e}.yellow{color:#facc15}.section{padding-top:96px;padding-bottom:96px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:13px;font-weight:800;color:var(--accent)}.section h2{font-size:clamp(36px,5vw,56px);line-height:1.05;margin:14px 0 0;letter-spacing:-.05em}.section-intro{max-width:760px;color:var(--muted);font-size:18px;margin-top:22px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}.card-box{background:#18181b;border:1px solid var(--border);border-radius:28px;padding:30px;transition:.2s}.card-box:hover{border-color:rgba(0,211,243,.55);transform:translateY(-2px)}.num{width:48px;height:48px;border-radius:16px;background:rgba(0,211,243,.12);border:1px solid rgba(0,211,243,.25);display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:900;margin-bottom:22px}.card-box h3{font-size:24px;margin:0 0 12px}.card-box p{color:var(--muted);margin:0}.split{background:rgba(24,24,27,.55);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}.check{display:flex;gap:14px;align-items:flex-start;margin-top:22px;font-size:18px;color:#d4d4d8}.dot{width:22px;height:22px;border-radius:999px;background:var(--accent);margin-top:4px;flex:none}.contact-card{background:linear-gradient(135deg,rgba(0,211,243,.12),rgba(37,99,235,.08));border:1px solid var(--border);border-radius:28px;padding:36px}.contact-card h3{font-size:28px;margin:0 0 14px}.field{width:100%;background:#09090b;border:1px solid #3f3f46;color:#fff;border-radius:16px;padding:16px;margin-top:14px;font:inherit}.field:focus{outline:none;border-color:var(--accent)}.powerbi-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:56px}.power-panel{background:#18181b;border:1px solid var(--border);border-radius:28px;padding:32px}.power-panel h3{font-size:26px;color:var(--accent);margin:0 0 22px}.power-panel p{color:#d4d4d8;margin:0 0 18px}.report{display:flex;justify-content:space-between;gap:18px;align-items:center;background:#27272a;border:1px solid #3f3f46;border-radius:20px;padding:20px;margin-top:16px}.report-title{font-weight:800;font-size:18px}.report-sub{color:var(--muted);font-size:14px;margin-top:4px}.report .btn{white-space:nowrap;padding:12px 18px;border-radius:16px}footer{padding:36px 0;color:#71717a}.footer-flex{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}footer a{text-decoration:none;margin-left:22px}footer a:hover{color:var(--accent)}@media(max-width:900px){.hero-grid,.two-col,.powerbi-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.hero-grid{padding-top:54px;padding-bottom:76px}.topnav{align-items:flex-start;flex-direction:column}.link-select{width:100%}.report{align-items:flex-start;flex-direction:column}.report .btn{width:100%}footer a{margin-left:0;margin-right:18px}}

/* WPForms styling - TL Techmaster */
.wpforms-contact-wrap{
  margin-top:28px;
}
.wpforms-contact-wrap .wpforms-container,
.contact-card .wpforms-container{
  margin:0 !important;
}
.wpforms-contact-wrap .wpforms-form,
.contact-card .wpforms-form{
  display:grid;
  gap:14px;
}
.wpforms-contact-wrap .wpforms-field,
.contact-card .wpforms-field{
  padding:0 !important;
  margin:0 0 14px !important;
}
.wpforms-contact-wrap .wpforms-field-label,
.contact-card .wpforms-field-label{
  color:#ffffff !important;
  font-weight:700 !important;
  margin-bottom:8px !important;
}
.wpforms-contact-wrap input[type=text],
.wpforms-contact-wrap input[type=email],
.wpforms-contact-wrap input[type=tel],
.wpforms-contact-wrap input[type=url],
.wpforms-contact-wrap textarea,
.contact-card input[type=text],
.contact-card input[type=email],
.contact-card input[type=tel],
.contact-card input[type=url],
.contact-card textarea{
  width:100% !important;
  max-width:100% !important;
  background:#09090b !important;
  border:1px solid #3f3f46 !important;
  color:#ffffff !important;
  border-radius:16px !important;
  padding:16px !important;
  font:inherit !important;
  box-shadow:none !important;
  min-height:54px !important;
}
.wpforms-contact-wrap textarea,
.contact-card textarea{
  min-height:150px !important;
  resize:vertical !important;
}
.wpforms-contact-wrap input::placeholder,
.wpforms-contact-wrap textarea::placeholder,
.contact-card input::placeholder,
.contact-card textarea::placeholder{
  color:#71717a !important;
}
.wpforms-contact-wrap input:focus,
.wpforms-contact-wrap textarea:focus,
.contact-card input:focus,
.contact-card textarea:focus{
  outline:none !important;
  border-color:var(--accent) !important;
  box-shadow:0 0 0 4px rgba(0,211,243,.16) !important;
}
.wpforms-contact-wrap .wpforms-submit-container,
.contact-card .wpforms-submit-container{
  padding:0 !important;
  margin-top:8px !important;
}
.wpforms-contact-wrap button[type=submit],
.contact-card button[type=submit],
.wpforms-contact-wrap .wpforms-submit,
.contact-card .wpforms-submit{
  width:100% !important;
  background:var(--accent) !important;
  color:#000000 !important;
  border:0 !important;
  border-radius:18px !important;
  padding:16px 24px !important;
  font-weight:900 !important;
  font-size:16px !important;
  box-shadow:0 14px 35px rgba(0,211,243,.32) !important;
  transition:.2s !important;
  cursor:pointer !important;
}
.wpforms-contact-wrap button[type=submit]:hover,
.contact-card button[type=submit]:hover,
.wpforms-contact-wrap .wpforms-submit:hover,
.contact-card .wpforms-submit:hover{
  background:var(--accent-hover) !important;
  transform:translateY(-1px) !important;
  box-shadow:0 18px 45px rgba(0,211,243,.48) !important;
}
.wpforms-contact-wrap .wpforms-error,
.contact-card .wpforms-error{
  color:#fb7185 !important;
}
.wpforms-contact-wrap .wpforms-confirmation-container-full,
.contact-card .wpforms-confirmation-container-full{
  background:rgba(0,211,243,.12) !important;
  border:1px solid rgba(0,211,243,.35) !important;
  color:#ffffff !important;
  border-radius:18px !important;
}