/* =========================================================
   YnbDigital v1.6.0 — GitHub-inspired UI layer
   Görsel yaklaşım: kompakt, düz, ince border, düşük efekt.
   ========================================================= */
:root{
  --ynb-gh-bg:#0d1117;
  --ynb-gh-canvas:#010409;
  --ynb-gh-card:#161b22;
  --ynb-gh-card-2:#0d1117;
  --ynb-gh-border:#30363d;
  --ynb-gh-border-soft:#21262d;
  --ynb-gh-text:#f0f6fc;
  --ynb-gh-muted:#8b949e;
  --ynb-gh-link:#58a6ff;
  --ynb-gh-green:#238636;
  --ynb-gh-green-hover:#2ea043;
  --ynb-gh-danger:#da3633;
  --ynb-gh-brand:#f59e0b;
  --ynb-gh-radius:6px;
  --ynb-gh-radius-lg:8px;
  --ynb-gh-shadow:0 1px 0 rgba(27,31,36,.04);
}

html,body{background:var(--ynb-gh-bg)!important;color:var(--ynb-gh-text)}
body{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{transition:color .12s ease,background-color .12s ease,border-color .12s ease,opacity .12s ease}
a:hover{text-decoration:none}

/* Genel container ve başlıklar */
.container{max-width:1280px}
h1,h2,h3,h4,h5,h6{letter-spacing:-.015em}
p,.text-muted,.muted,small{color:var(--ynb-gh-muted)}
hr{border-color:var(--ynb-gh-border)!important;opacity:1}

/* Kartlar — GitHub repository/settings blokları gibi daha düz */
.card,
.product-card,
.category-card,
.customer-card,
.digital-card,
.ts-service,
.cstat,
.panel,
.box,
.widget,
.stat-card,
.dashboard-card,
.content-card{
  background:var(--ynb-gh-card)!important;
  border:1px solid var(--ynb-gh-border)!important;
  border-radius:var(--ynb-gh-radius-lg)!important;
  box-shadow:none!important;
  transform:none!important;
  transition:border-color .12s ease,background-color .12s ease!important;
}
.card:hover,
.product-card:hover,
.category-card:hover,
.digital-card:hover,
.ts-service:hover{
  transform:none!important;
  box-shadow:none!important;
  border-color:#484f58!important;
}
.product-card img,.category-card img,.card img{
  transition:none!important;
}
.product-card:hover img,.category-card:hover img{
  transform:none!important;
}

/* Kart iç boşluklarını biraz kompaktlaştır */
.card-body{padding:16px!important}
.card-header,.card-footer{
  background:var(--ynb-gh-card)!important;
  border-color:var(--ynb-gh-border)!important;
}

/* Butonlar — düz, kompakt */
.btn,
button,
.button,
.mini-btn,
a.btn,
input[type="submit"]{
  border-radius:var(--ynb-gh-radius)!important;
  box-shadow:0 1px 0 rgba(27,31,36,.1)!important;
  transition:background-color .12s ease,border-color .12s ease,color .12s ease!important;
  transform:none!important;
}
.btn:hover,
button:hover,
.button:hover,
.mini-btn:hover,
a.btn:hover{
  transform:none!important;
  box-shadow:0 1px 0 rgba(27,31,36,.1)!important;
}
.btn.primary,.btn-primary,
button.primary,
input[type="submit"].btn-primary{
  background:var(--ynb-gh-green)!important;
  border:1px solid rgba(240,246,252,.1)!important;
  color:#fff!important;
}
.btn.primary:hover,.btn-primary:hover,
button.primary:hover{
  background:var(--ynb-gh-green-hover)!important;
}
.btn-secondary,.btn-light,.mini-btn,.btn-outline-secondary{
  background:#21262d!important;
  border:1px solid var(--ynb-gh-border)!important;
  color:var(--ynb-gh-text)!important;
}
.btn-secondary:hover,.btn-light:hover,.mini-btn:hover,.btn-outline-secondary:hover{
  background:#30363d!important;
  border-color:#8b949e!important;
}
.btn-danger{
  background:transparent!important;
  border:1px solid var(--ynb-gh-border)!important;
  color:#f85149!important;
}
.btn-danger:hover{
  background:#b62324!important;
  border-color:#f85149!important;
  color:#fff!important;
}

/* Form alanları */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
select,textarea,
.form-control,.form-select{
  background:var(--ynb-gh-bg)!important;
  color:var(--ynb-gh-text)!important;
  border:1px solid var(--ynb-gh-border)!important;
  border-radius:var(--ynb-gh-radius)!important;
  box-shadow:inset 0 0 0 1px transparent!important;
  min-height:38px;
}
input:focus,select:focus,textarea:focus,.form-control:focus,.form-select:focus{
  border-color:#1f6feb!important;
  box-shadow:0 0 0 3px rgba(31,111,235,.25)!important;
  outline:none!important;
}
input::placeholder,textarea::placeholder{color:#6e7681!important}
label,.form-label{color:var(--ynb-gh-text)}

/* Tablo */
table,.table{
  --bs-table-bg:transparent!important;
  --bs-table-color:var(--ynb-gh-text)!important;
  --bs-table-border-color:var(--ynb-gh-border)!important;
  color:var(--ynb-gh-text)!important;
}
.table>:not(caption)>*>*,table td,table th{
  border-color:var(--ynb-gh-border)!important;
}
.table thead th,table thead th{
  color:var(--ynb-gh-muted)!important;
  font-size:12px;
  font-weight:600;
  background:var(--ynb-gh-card)!important;
}
.table-hover>tbody>tr:hover>*,
table tbody tr:hover td{
  background:#161b22!important;
}

/* Badge / durum */
.badge,.status-pill{
  border-radius:20px!important;
  font-weight:600!important;
  box-shadow:none!important;
}
.status-pill{
  background:rgba(46,160,67,.12)!important;
  border:1px solid rgba(46,160,67,.35)!important;
  color:#3fb950!important;
}

/* Ana site header/navigation */
header,.site-header,.main-header,.topbar,.navbar{
  box-shadow:none!important;
}
.site-header,.main-header,.navbar{
  background:var(--ynb-gh-canvas)!important;
  border-bottom:1px solid var(--ynb-gh-border)!important;
}
.navbar a,.main-nav a,.category-nav a{
  border-radius:var(--ynb-gh-radius)!important;
}
.navbar a:hover,.main-nav a:hover,.category-nav a:hover{
  background:#161b22!important;
}

/* Arama */
.search-box,.search-form,.header-search{
  box-shadow:none!important;
}
.search-box input,.search-form input,.header-search input{
  background:#0d1117!important;
  border-color:#30363d!important;
}

/* Ürün / kategori kartlarını daha repo-card havasına getir */
.product-card,.category-card{
  overflow:hidden;
}
.product-card .product-title,
.product-card h3,
.category-card h3{
  font-weight:600!important;
}
.product-card .price,
.price-current,
.product-price{
  color:var(--ynb-gh-text)!important;
  font-weight:700!important;
}
.old-price,.price-old{
  color:#6e7681!important;
}
.discount,.discount-badge{
  background:rgba(248,81,73,.12)!important;
  border:1px solid rgba(248,81,73,.32)!important;
  color:#ff7b72!important;
  border-radius:20px!important;
}
.stock,.stock-badge{
  border-radius:20px!important;
}

/* Banner: aşırı parlaklığı azalt */
.hero,.banner,.hero-slider,.slider{
  border-radius:var(--ynb-gh-radius-lg)!important;
  box-shadow:none!important;
}
.hero:after,.banner:after{opacity:.55}

/* Müşteri merkezi */
.customer-shell{gap:20px!important}
.customer-sidebar{
  background:var(--ynb-gh-card)!important;
  border-color:var(--ynb-gh-border)!important;
  border-radius:var(--ynb-gh-radius-lg)!important;
  box-shadow:none!important;
}
.customer-userbox,.customer-side-bottom{border-color:var(--ynb-gh-border)!important}
.customer-avatar,.service-icon,.digital-icon,.cstat>span{
  background:#21262d!important;
  border:1px solid var(--ynb-gh-border)!important;
  border-radius:var(--ynb-gh-radius)!important;
  color:var(--ynb-gh-muted)!important;
}
.customer-sidebar nav a,.customer-side-bottom a{
  border-radius:var(--ynb-gh-radius)!important;
}
.customer-sidebar nav a:hover{
  background:#21262d!important;
}
.customer-sidebar nav a.active{
  color:var(--ynb-gh-text)!important;
  background:#21262d!important;
  box-shadow:inset 3px 0 0 var(--ynb-gh-brand)!important;
}
.customer-sidebar nav a.active i{color:var(--ynb-gh-brand)!important}
.customer-head h1{font-weight:600!important}
.eyebrow{color:var(--ynb-gh-muted)!important;letter-spacing:.08em!important}
.customer-table th{background:transparent!important}
.customer-table td,.customer-table th{border-color:var(--ynb-gh-border)!important}
.secret-code,.ts-address,.slot-panel{
  background:var(--ynb-gh-bg)!important;
  border:1px solid var(--ynb-gh-border)!important;
  border-radius:var(--ynb-gh-radius)!important;
}
.ts-info>div{
  background:#21262d!important;
  border:1px solid var(--ynb-gh-border)!important;
  border-radius:var(--ynb-gh-radius)!important;
}
.order-progress>div{
  border-radius:var(--ynb-gh-radius)!important;
  background:var(--ynb-gh-card)!important;
  border-color:var(--ynb-gh-border)!important;
}

/* Admin Bootstrap */
.admin-sidebar,.sidebar{
  box-shadow:none!important;
}
.admin-sidebar{
  border-right:1px solid #d0d7de!important;
}
.admin-sidebar .nav-link,.sidebar .nav-link{
  border-radius:6px!important;
  transition:background-color .12s ease,color .12s ease!important;
}
.admin-sidebar .nav-link:hover,.sidebar .nav-link:hover{
  transform:none!important;
}
.admin-sidebar .nav-link.active,.sidebar .nav-link.active{
  box-shadow:none!important;
}
.admin-content .card,.admin-main .card{
  border:1px solid #d0d7de!important;
  border-radius:6px!important;
}

/* Modal/dropdown */
.dropdown-menu,.modal-content,.offcanvas{
  background:var(--ynb-gh-card)!important;
  color:var(--ynb-gh-text)!important;
  border:1px solid var(--ynb-gh-border)!important;
  border-radius:var(--ynb-gh-radius-lg)!important;
  box-shadow:0 8px 24px rgba(1,4,9,.5)!important;
}
.dropdown-item{color:var(--ynb-gh-text)!important}
.dropdown-item:hover{background:#21262d!important}

/* Alert */
.alert{
  border-radius:var(--ynb-gh-radius)!important;
  box-shadow:none!important;
}
.alert-success{background:rgba(46,160,67,.12)!important;border-color:rgba(46,160,67,.4)!important;color:#7ee787!important}
.alert-danger{background:rgba(248,81,73,.12)!important;border-color:rgba(248,81,73,.4)!important;color:#ff7b72!important}
.alert-warning{background:rgba(210,153,34,.12)!important;border-color:rgba(210,153,34,.4)!important;color:#e3b341!important}

/* Pagination */
.pagination .page-link{
  background:transparent!important;
  border-color:var(--ynb-gh-border)!important;
  color:var(--ynb-gh-link)!important;
  box-shadow:none!important;
}
.pagination .page-item.active .page-link{
  background:#1f6feb!important;
  border-color:#1f6feb!important;
  color:#fff!important;
}

/* Scrollbar: çok baskın olmayan */
*{scrollbar-width:thin;scrollbar-color:#30363d #0d1117}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#0d1117}
::-webkit-scrollbar-thumb{background:#30363d;border:2px solid #0d1117;border-radius:10px}

/* GitHub tarzı: animasyonları ve "uçan kart" efektlerini bastır */
[class*="card"]:hover,
[class*="box"]:hover,
[class*="product"]:hover{
  translate:none!important;
}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}