/* Kilomatik v1 */
.card { border-radius: 1rem; }
.btn, .form-control, .form-select { border-radius: .9rem; }
.navbar-brand { letter-spacing: .2px; }
.km-muted { color: rgba(0,0,0,.55); }
.km-hero {
  background: var(--km-hero-bg, radial-gradient(1200px 600px at 10% 10%, rgba(13,110,253,.15), transparent 60%),
              radial-gradient(1000px 500px at 90% 0%, rgba(25,135,84,.12), transparent 60%));
  border-radius: 1.25rem;
}


/* Kilomatik v11 - Modern Badges */
.km-badges-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;}
@media (min-width:768px){.km-badges-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
.km-badge-card{position:relative;overflow:hidden;border:0;border-radius:1.25rem;color:#fff;}
.km-badge-card .km-badge-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.18);backdrop-filter: blur(6px);}
.km-badge-card .km-badge-title{font-weight:700;line-height:1.1;}
.km-badge-card .km-badge-desc{opacity:.9;font-size:.85rem;}
.km-badge-card::after{content:'';position:absolute;inset:-40px -60px auto auto;width:160px;height:160px;border-radius:999px;background:rgba(255,255,255,.16);transform:rotate(18deg);}
.km-badge-bg-blue{background:linear-gradient(135deg,#0d6efd,#4dabf7);--km-bg:linear-gradient(135deg,#0d6efd,#4dabf7);}
.km-badge-bg-green{background:linear-gradient(135deg,#198754,#51cf66);--km-bg:linear-gradient(135deg,#198754,#51cf66);}
.km-badge-bg-orange{background:linear-gradient(135deg,#fd7e14,#ff922b);--km-bg:linear-gradient(135deg,#fd7e14,#ff922b);}
.km-badge-bg-purple{background:linear-gradient(135deg,#6f42c1,#b197fc);--km-bg:linear-gradient(135deg,#6f42c1,#b197fc);}
.km-badge-bg-red{background:linear-gradient(135deg,#dc3545,#ff6b6b);--km-bg:linear-gradient(135deg,#dc3545,#ff6b6b);}
.km-badge-bg-dark{background:linear-gradient(135deg,#212529,#495057);--km-bg:linear-gradient(135deg,#212529,#495057);}
.km-pill{border-radius:999px;}


/* v14 Badge Designer */
.km-badge-card { position: relative; }
.km-badge-card::before{
  content:"";
  position:absolute;
  inset:0;
  background: var(--km-bg, linear-gradient(135deg,#0d6efd 0%,#4dabf7 50%,#51cf66 100%));
  opacity: var(--km-opacity, 1);
  filter: brightness(var(--km-brightness, 1));
  z-index:0;
}
.km-badge-card > *{ position: relative; z-index: 1; }
.km-badge-icon{
  width:44px; height:44px;
  display:flex; align-items:center; justify-content:center;
  border-radius: 14px;
  background: rgba(255,255,255,.18);
  backdrop-filter: blur(6px);
  font-size: 22px;
}
.km-icon-tile{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  padding: .7rem .5rem;
  background: #fff;
}
.km-icon-tile i{ font-size: 24px; }
.km-badge-designer{ background: rgba(0,0,0,.02); }

/* v15 Badge Designer Pro */
.km-badge-card{
  box-shadow:
    0 12px calc(var(--km-shadow,0) * 1px) rgba(var(--km-shadow-rgb,0,0,0), var(--km-shadow-a,.25)),
    0 0 calc(var(--km-glow,0) * 1px) rgba(var(--km-glow-rgb,255,255,255), var(--km-glow-a,.35));
}
.km-badge-card .km-badge-icon{ transform: scale(var(--km-icon-scale,1)); transform-origin: center; }

/* v35 - BMI (VKI) icons & scale */
.km-bmi-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .55rem;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.65);vertical-align:middle;}
.km-bmi-pill-ic{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:rgba(0,0,0,.04);}
.km-bmi-pill-ic svg{display:block;width:18px;height:18px;}
.km-bmi-pill-tx{font-size:.85rem;font-weight:700;letter-spacing:.1px;}

.km-bmi-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;}
@media (max-width:575.98px){.km-bmi-scale{gap:.4rem;}}
.km-bmi-item{border:1px solid var(--km-card-border, rgba(0,0,0,.10));background:rgba(255,255,255,.55);border-radius:1rem;padding:.55rem .45rem;text-align:center;position:relative;overflow:hidden;}
.km-bmi-icon{width:46px;height:46px;border-radius:999px;margin:0 auto .35rem;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.06);}
.km-bmi-icon svg{width:26px;height:26px;}
.km-bmi-label{font-weight:800;font-size:.88rem;line-height:1.1;}
.km-bmi-range{font-size:.72rem;opacity:.72;margin-top:.1rem;}

.km-bmi-item.active{box-shadow:0 0 0 4px rgba(var(--bs-primary-rgb,13,110,253), .16);background:rgba(var(--bs-primary-rgb,13,110,253), .05);}
.km-bmi-item.active .km-bmi-icon{box-shadow:0 0 0 4px rgba(var(--bs-primary-rgb,13,110,253), .14);}

/* Category color accents */
.km-bmi-under{color:var(--bs-info,#0dcaf0);}
.km-bmi-healthy{color:var(--bs-success,#198754);}
.km-bmi-over{color:var(--bs-warning,#ffc107);}
.km-bmi-obese{color:var(--bs-danger,#dc3545);}
.km-bmi-morbid{color:var(--bs-dark,#212529);}

/* v37: ensure colors win on desktop themes (higher specificity) */
.km-bmi-scale .km-bmi-item.km-bmi-under,
.km-bmi-pill.km-bmi-under{color:var(--bs-info,#0dcaf0);}
.km-bmi-scale .km-bmi-item.km-bmi-healthy,
.km-bmi-pill.km-bmi-healthy{color:var(--bs-success,#198754);}
.km-bmi-scale .km-bmi-item.km-bmi-over,
.km-bmi-pill.km-bmi-over{color:var(--bs-warning,#ffc107);}
.km-bmi-scale .km-bmi-item.km-bmi-obese,
.km-bmi-pill.km-bmi-obese{color:var(--bs-danger,#dc3545);}
.km-bmi-scale .km-bmi-item.km-bmi-morbid,
.km-bmi-pill.km-bmi-morbid{color:var(--bs-dark,#212529);}

/* Make "Zayıf" more noticeable (requested) */
.km-bmi-item.km-bmi-under .km-bmi-icon,
.km-bmi-pill.km-bmi-under .km-bmi-pill-ic{border:2px solid rgba(var(--bs-info-rgb,13,202,240), .55);background:rgba(var(--bs-info-rgb,13,202,240), .08);}
.km-bmi-item.km-bmi-under::after{content:'';position:absolute;inset:-24px -24px auto auto;width:90px;height:90px;border-radius:999px;background:rgba(var(--bs-info-rgb,13,202,240), .10);transform:rotate(18deg);}

/* v46: Kilo Yarışı */
.km-hover{transition:transform .12s ease, box-shadow .12s ease;}
.km-hover:hover{transform:translateY(-1px);box-shadow:0 .25rem .75rem rgba(0,0,0,.08)!important;}



/* v61: Share preview visibility on dark themes */
.km-share-preview{
  background: rgba(255,255,255,.92);
}
.km-share-preview img{
  background: #fff;
}
html[data-km-theme="t5-muhtesem"] .km-share-preview,
html[data-km-theme="t10-midnight"] .km-share-preview{
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.28) !important;
}