/* Modern tema değişkenleri */
:root{
  --fh-bg:#f6f8fb;
  --fh-card:#ffffff;
  --fh-muted:#64748b;
  --fh-text:#0f172a;
  --fh-primary:#16a34a;
  --fh-primary-600:#15803d;
  --fh-border:#e5e7eb;
  --fh-shadow:0 10px 25px rgba(2,6,23,.08),0 6px 8px rgba(2,6,23,.06);
  --fh-accent:#e0f2fe;
}
/* Turuncu-Mor tema */
.wpfithesap.theme-sunset{--fh-primary:#fb923c;--fh-primary-600:#ea580c;--fh-accent:#ffedd5}
/* Mavi-Yesil tema */
.wpfithesap.theme-ocean{--fh-primary:#06b6d4;--fh-primary-600:#0ea5e9;--fh-accent:#cffafe}

.wpfithesap{background:linear-gradient(180deg,rgba(14,165,233,.06),rgba(14,165,233,.02)),var(--fh-card);border:1px solid var(--fh-border);border-radius:18px;padding:22px;margin:18px auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--fh-text);box-shadow:var(--fh-shadow);max-width:980px;width:100%}
.wpfithesap{position:relative;overflow:hidden}
.wpfithesap::after{content:"🏋️";position:absolute;right:10px;top:8px;font-size:28px;opacity:.12;pointer-events:none}
.wpfithesap::before{content:"";position:absolute;inset:-2px -2px auto auto;width:180px;height:180px;background:radial-gradient(120px 120px at 90% 10%, rgba(14,165,233,.12), transparent 60%);transform:rotate(25deg)}
.wpfithesap-title{margin:0 0 16px 0;font-size:22px;line-height:1.3;display:flex;align-items:center;gap:12px}
.wpfithesap-title::before{content:"";width:10px;height:22px;border-radius:6px;background:linear-gradient(180deg,var(--fh-primary),var(--fh-primary-600))}
.wpfithesap-title{letter-spacing:.2px}

.wpfithesap-form{display:grid;gap:12px;grid-template-columns:1fr 1fr}
.wpfithesap-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--fh-muted);position:relative;padding-left:26px}
.wpfithesap-form label::before{content:"";position:absolute;left:0;top:26px;transform:translateY(-50%);width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}
.wpfithesap-form label:has(input[name="weight"])::before{content:"🏋️"}
.wpfithesap-form label:has(input[name="height"])::before{content:"📏"}
.wpfithesap-form label:has(input[name="age"])::before{content:"🎯"}
.wpfithesap-form label:has(select[name="sex"])::before{content:"👤"}
.wpfithesap-form label:has(select[name="method"])::before{content:"🧮"}
.wpfithesap-form label:has(select[name="activity"])::before{content:"🏃"}
.wpfithesap-form label:has(select[name="goal"])::before{content:"📈"}
.wpfithesap-form label:has(input[name="waist"])::before,.wpfithesap-form label:has(input[name="hip"])::before,.wpfithesap-form label:has(input[name="neck"])::before{content:"📏"}
.wpfithesap-form label:has(input[name="calories"])::before{content:"🔥"}
.wpfithesap-form label:has(input[name="protein"])::before,.wpfithesap-form label:has(input[name="prot_ratio"])::before{content:"🥩"}
.wpfithesap-form label:has(input[name="carb"])::before,.wpfithesap-form label:has(input[name="percent"])::before{content:"🥖"}
.wpfithesap-form label:has(input[name="fat"])::before,.wpfithesap-form label:has(input[name="fat_percent"])::before{content:"🧈"}
.wpfithesap-form label:has(input[name="alcohol"])::before{content:"🍷"}
.wpfithesap-form label:has(select[name="dose"])::before{content:"☕"}
.wpfithesap-form input,.wpfithesap-form select{padding:12px 14px;border:1px solid var(--fh-border);border-radius:12px;background:#ffffff;color:var(--fh-text);outline:none;transition:box-shadow .2s,border-color .2s}
.wpfithesap-form input:focus,.wpfithesap-form select:focus{border-color:var(--fh-primary);box-shadow:0 0 0 3px rgba(34,197,94,.15)}

.wpfithesap-actions{grid-column:1/-1;display:flex;gap:10px;align-items:center}
.wpfithesap-calc{background:var(--fh-primary);color:#ecfdf5;border:none;border-radius:12px;padding:12px 16px;cursor:pointer;font-weight:700;transition:transform .06s ease,background .2s}
.wpfithesap-calc:hover{background:var(--fh-primary-600)}
.wpfithesap-calc:active{transform:translateY(1px)}
.wpfithesap-actions{position:relative}
.wpfithesap-actions::after{content:"⚡";position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:.2}

.wpfithesap-result{grid-column:1/-1;margin-top:6px;font-weight:700;background:#f8fafc;border:1px dashed var(--fh-border);border-radius:14px;padding:14px}
.wpfithesap-result.active{background:linear-gradient(180deg, color-mix(in srgb, var(--fh-primary) 8%, #fff), #fff);border:1px solid color-mix(in srgb, var(--fh-primary) 35%, transparent);box-shadow:0 10px 24px rgba(2,6,23,.08), inset 0 0 0 1px color-mix(in srgb, var(--fh-primary) 15%, transparent)}
.wpfithesap-result .title{display:block;font-size:13px;font-weight:600;color:var(--fh-muted);margin-bottom:6px}
.wpfithesap-result .value{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:16px}
.wpfithesap-result .value .em{font-size:18px}
.wpfithesap-result .badge{display:inline-block;margin-right:8px;padding:4px 8px;border-radius:999px;background:var(--fh-accent);color:#065f46;border:1px solid rgba(16,185,129,.35)}
.wpfithesap-toolbar{grid-column:1/-1;display:none;gap:8px;margin-top:8px}
.wpfithesap-toolbar button{background:#fff;color:var(--fh-text);border:1px solid var(--fh-border);border-radius:10px;padding:8px 10px;cursor:pointer}
.wpfithesap-toolbar button:hover{background:#f8fafc}
.wpfithesap.has-result .wpfithesap-toolbar{display:flex}
.wpfithesap-hint{grid-column:1/-1;font-size:12px;color:var(--fh-muted)}
.wpfithesap-info{grid-column:1/-1;background:#ffffff;border:1px solid var(--fh-border);border-radius:12px;padding:12px;margin-top:10px;display:block;border-left:4px solid var(--fh-primary)}
.wpfithesap-info.open{display:block}
.wpfithesap-info h4{margin:0 0 8px 0;font-size:14px;color:#0f172a}
.wpfithesap-info table{width:100%;border-collapse:collapse;font-size:13px}
.wpfithesap-info th,.wpfithesap-info td{border:1px solid var(--fh-border);padding:6px 8px;text-align:left}
.wpfithesap-info th{background:#f1f5f9}

/* Bilgi butonu */
.wpfithesap-info-btn{background:transparent;color:var(--fh-primary);border:1px solid var(--fh-primary);border-radius:10px;padding:10px 12px;cursor:pointer}
.wpfithesap-info-btn:hover{background:var(--fh-accent)}

/* Tema varyantları için başlık şeridi */
.wpfithesap.theme-sunset::before{background:radial-gradient(120px 120px at 90% 10%, rgba(249,115,22,.12), transparent 60%)}
.wpfithesap.theme-ocean::before{background:radial-gradient(120px 120px at 90% 10%, rgba(16,185,129,.12), transparent 60%)}
.wpfithesap.theme-iron{--fh-primary:#ef4444;--fh-primary-600:#b91c1c;--fh-accent:#fee2e2; --fh-text:#0a0a0a}
.wpfithesap.theme-iron::before{background:radial-gradient(120px 120px at 90% 10%, rgba(239,68,68,.12), transparent 60%)}
.wpfithesap.theme-energy{--fh-primary:#fb8c00;--fh-primary-600:#f57c00;--fh-accent:#ffe8cc}
.wpfithesap.theme-energy::before{background:radial-gradient(120px 120px at 90% 10%, rgba(251,140,0,.12), transparent 60%)}

/* İlerleme çubuğu */
.wpfithesap-progress{grid-column:1/-1;height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-top:8px}
.wpfithesap-progress>span{display:block;height:100%;width:0;background:var(--fh-primary);transition:width .25s ease}
.wpfithesap-progress.bmi-under>span{background:#60a5fa}
.wpfithesap-progress.bmi-normal>span{background:#22c55e}
.wpfithesap-progress.bmi-over>span{background:#f59e0b}
.wpfithesap-progress.bmi-obese>span{background:#ef4444}

/* WordPress tema uyumluluğu */
.wp-content .wpfithesap,
.entry-content .wpfithesap,
.post-content .wpfithesap,
.page-content .wpfithesap{
  margin-left:auto !important;
  margin-right:auto !important;
  float:none !important;
  clear:both !important;
}

@media (max-width:768px){
  .wpfithesap-form{grid-template-columns:1fr}
  .wpfithesap{margin:12px auto;padding:16px;max-width:calc(100% - 24px)}
  .wpfithesap-title{font-size:20px}
  .wpfithesap-toolbar{gap:6px}
  .wpfithesap-toolbar button{font-size:14px;padding:6px 8px}
}