/*
Theme Name: BY EHU Service
Theme URI: https://byehuservice.com
Author: BY EHU Service
Author URI: https://byehuservice.com
Description: Siyah ağırlıklı, turuncu vurgu renkli; Avolites / grandMA 2-3 teknik servis sitesi için sade ve modern WordPress teması. Menü yapısı: Ana Sayfa, Referanslarımız, Yedek Parça (Avolites/Robot/X32), Bize Ulaşın, Tamirim Ne Oldu?.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: byehuservice
Tags: custom-logo, one-column, two-columns, translation-ready, blog
*/

:root{
  --bg:#0b0b0b;
  --panel:#111;
  --panel2:#0f0f0f;
  --text:#eaeaea;
  --muted:#b7b7b7;
  --accent:#ff7a00;
  --accent2:#ff9a3c;
  --border:rgba(255,255,255,.08);
  --shadow: 0 10px 30px rgba(0,0,0,.35);
  --radius:18px;
  --max:1100px;
  --font: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:var(--font); line-height:1.55;
}
a{color:var(--accent); text-decoration:none;}
a:hover{color:var(--accent2);}
img{max-width:100%; height:auto;}
.container{max-width:var(--max); margin:0 auto; padding:0 18px;}
.hr{height:1px; background:var(--border); margin:24px 0;}

.site-header{
  position:sticky; top:0; z-index:50;
  background:rgba(0,0,0,.75); backdrop-filter: blur(10px);
  border-bottom:1px solid var(--border);
}
.header-inner{
  display:flex; align-items:center; justify-content:space-between;
  gap:18px; padding:14px 0;
}
.brand{
  display:flex; align-items:center; gap:12px;
}
.custom-logo{max-height:44px; width:auto;}
.site-title{font-weight:800; letter-spacing:.3px; color:var(--text);}
.site-title small{display:block; font-weight:600; color:var(--muted); font-size:12px; margin-top:2px;}
.nav-toggle{
  display:none; background:transparent; border:1px solid var(--border);
  color:var(--text); padding:10px 12px; border-radius:12px;
}
.primary-nav ul{list-style:none; margin:0; padding:0; display:flex; gap:8px; flex-wrap:wrap; align-items:center;}
.primary-nav a{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 12px; border-radius:12px; color:var(--text);
}
.primary-nav a:hover, .primary-nav .current-menu-item > a{
  background:rgba(255,122,0,.12); color:var(--accent2);
}
.primary-nav .menu-item-has-children{position:relative;}
.primary-nav .sub-menu{
  position:absolute; left:0; top:44px; min-width:220px;
  background:#000; border:1px solid var(--border); border-radius:14px;
  padding:8px; display:none; box-shadow:var(--shadow);
}
.primary-nav .menu-item-has-children:hover > .sub-menu{display:block;}
.primary-nav .sub-menu a{display:block; padding:10px 12px; border-radius:12px;}
.primary-nav .sub-menu a:hover{background:rgba(255,255,255,.06);}

.hero{
  padding:52px 0 18px;
}
.hero-grid{
  display:grid; grid-template-columns: 1.2fr .8fr;
  gap:18px; align-items:stretch;
}
.card{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:20px;
  box-shadow:var(--shadow);
}
.card h1, .card h2, .card h3{margin:0 0 10px;}
.kicker{
  display:inline-flex; align-items:center; gap:8px;
  font-weight:700; font-size:12px; color:var(--muted);
  text-transform:uppercase; letter-spacing:.12em;
}
.badge{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px; border-radius:999px;
  background:rgba(255,122,0,.12); border:1px solid rgba(255,122,0,.25);
  color:var(--accent2); font-weight:700; font-size:12px;
}
.btn-row{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px;}
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 14px; border-radius:14px;
  border:1px solid var(--border); color:var(--text);
  background:rgba(255,255,255,.04);
}
.btn.primary{
  background:var(--accent); color:#000; border-color:rgba(255,122,0,.8);
  font-weight:800;
}
.btn:hover{transform:translateY(-1px); transition: all .15s ease;}
.meta{
  margin-top:12px; color:var(--muted); font-size:14px;
}
.grid{
  display:grid; gap:14px;
  grid-template-columns: repeat(3, 1fr);
}
.tile{
  background:rgba(255,255,255,.03);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:16px;
}
.tile h3{margin:0 0 6px; font-size:16px;}
.tile p{margin:0; color:var(--muted); font-size:14px;}
.section{padding:18px 0 48px;}
.page-title{font-size:34px; margin:0 0 12px;}
.content p{color:var(--text);}
.content .muted{color:var(--muted);}
.footer{
  border-top:1px solid var(--border);
  padding:24px 0; color:var(--muted);
  background:#000;
}
.footer a{color:var(--muted);}
.footer a:hover{color:var(--accent2);}

.formish input[type="text"], .formish input[type="email"], .formish textarea{
  width:100%; padding:12px 14px; border-radius:14px;
  border:1px solid var(--border); background:rgba(255,255,255,.03); color:var(--text);
  outline:none;
}
.formish input[type="text"]:focus, .formish input[type="email"]:focus, .formish textarea:focus{
  border-color:rgba(255,122,0,.6);
}
.formish button{
  padding:12px 14px; border-radius:14px;
  background:var(--accent); color:#000; border:1px solid rgba(255,122,0,.8);
  font-weight:800; cursor:pointer;
}
.notice{
  padding:12px 14px; border-radius:14px;
  border:1px solid rgba(255,122,0,.35);
  background:rgba(255,122,0,.10);
  color:var(--accent2);
}

/* Responsive */
@media (max-width: 900px){
  .hero-grid{grid-template-columns:1fr;}
  .grid{grid-template-columns:1fr;}
  .primary-nav ul{gap:4px;}
}