/* ════════════════════════════════════════════════════════════════════════
   KANTİN + GÜNLÜK YAŞAM STATLARI
   ════════════════════════════════════════════════════════════════════════ */
body.kantin-page { overflow-y: auto; }
.kantin-layout { max-width: 880px; margin: 0 auto; padding: 84px 18px 60px; }

.kantin-ust { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap;
    border-bottom: 1px solid #1e3a4a; padding-bottom: 18px; margin-bottom: 20px; }
.kantin-etiket { font-family: 'Orbitron', monospace; font-size: .62rem; letter-spacing: 2px; color: #5d8aaa; }
.kantin-ust h1 { font-family: 'Orbitron', monospace; font-size: 1.7rem; color: #fff; margin-top: 5px; }
.kantin-mangir { display: flex; align-items: center; gap: 7px; }
.kantin-mangir .ui-ikon { width: 22px; height: 22px; }
.kantin-mangir b { font-family: 'Orbitron', monospace; font-size: 1.4rem; color: #c9a23a; }
.kantin-mangir small { font-size: .6rem; letter-spacing: 1px; color: #5d6a90; text-transform: uppercase; }

/* ── Yaşam statları paneli ── */
.yasam-panel { display: flex; flex-direction: column; gap: 12px;
    background: linear-gradient(120deg, rgba(20,40,40,.4), rgba(12,18,38,.9));
    border: 1px solid #1e3a44; border-radius: 14px; padding: 18px; margin-bottom: 30px; }
.yasam-bar { display: flex; align-items: center; gap: 14px; }
.yasam-bar img { width: 30px; height: 30px; opacity: .85; flex: 0 0 auto; }
.yasam-govde { flex: 1; min-width: 0; }
.yasam-ad { display: flex; justify-content: space-between; font-family: 'Rajdhani', sans-serif;
    font-weight: 700; color: #cfe; font-size: .92rem; margin-bottom: 5px; }
.yasam-ad b { font-family: 'Orbitron', monospace; color: #fff; }
.yasam-track { display: block; height: 12px; background: #0a1520; border: 1px solid #1e3a4a;
    border-radius: 8px; overflow: hidden; }
.yasam-track i { display: block; height: 100%; border-radius: 8px; transition: width .4s ease; }
.yasam-bar[data-stat="aclik"]    .yasam-track i { background: linear-gradient(90deg, #c97b3a, #ffb169); }
.yasam-bar[data-stat="susuzluk"] .yasam-track i { background: linear-gradient(90deg, #2f7fd6, #6fc3ff); }
.yasam-bar[data-stat="stamina"]  .yasam-track i { background: linear-gradient(90deg, #36b06a, #7ef0a8); }
.yasam-bar.dusuk .yasam-track i { background: linear-gradient(90deg, #b03636, #ff7a7a) !important; }
.yasam-bar.dusuk .yasam-ad b { color: #ff8a8a; }
.kondisyon-satir { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 6px;
    padding-top: 12px; border-top: 1px solid #1e3a44; }
.kondisyon-rozet { font-family: 'Orbitron', monospace; font-size: .8rem; font-weight: 700;
    border-radius: 7px; padding: 4px 10px; background: #0a1520; border: 1px solid #1e3a4a; color: #cfe; }
.kondisyon-rozet.iyi { color: #7ef0a8; border-color: #2e6b4a; }
.kondisyon-rozet.kotu { color: #ff9a9a; border-color: #6b2e2e; }
.kondisyon-aciklama { color: #8aa0c8; font-size: .8rem; }
.yasam-not { color: #6a7aa0; font-size: .76rem; margin-top: 8px; }

/* ── Kantin mesaisi ── */
.mesai-panel { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
    background: linear-gradient(120deg, rgba(60,46,18,.4), rgba(12,18,38,.9));
    border: 1px solid #6a5320; border-left: 3px solid #ffcf5c; border-radius: 14px; padding: 16px 18px; margin-bottom: 26px; }
.mesai-baslik { font-family: 'Orbitron', monospace; font-size: .72rem; letter-spacing: 1.5px; color: #c9a23a; display: block; margin-bottom: 4px; }
.mesai-aciklama { color: #b6a073; font-size: .82rem; }
.mesai-btn { flex: 0 0 auto; background: #ffcf5c; color: #2a1f06; border: none; border-radius: 10px;
    padding: 12px 18px; font-family: 'Rajdhani', sans-serif; font-weight: 800; font-size: .92rem; cursor: pointer; transition: .15s; }
.mesai-btn:hover:not(:disabled) { background: #ffe08a; }
.mesai-btn:disabled { opacity: .6; cursor: not-allowed; }
.mesai-btn.kilitli { background: #3a2f12; color: #c9a23a; font-family: 'Orbitron', monospace; letter-spacing: 1px; }

/* ── Kantin tezgâhı (eşya pazarı kart stili) ── */
.kantin-baslik { font-family: 'Orbitron', monospace; font-size: .72rem; letter-spacing: 2px;
    color: #6c79a8; text-transform: uppercase; margin-bottom: 14px; }
.kantin-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 14px; }
.kantin-yukleniyor, .kantin-bos { grid-column: 1/-1; color: #667; text-align: center; padding: 24px; }

.kantin-kart { position: relative; display: flex; flex-direction: column; gap: 8px;
    background: linear-gradient(180deg, #14203c, #0e1528);
    border: 1px solid #25406a; border-radius: 14px; padding: 14px; }
.kk-ust { display: flex; align-items: center; justify-content: space-between; }
.kk-gorsel { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;
    background: radial-gradient(circle, rgba(126,232,255,.18), transparent 70%); border-radius: 10px; flex: 0 0 auto; }
.kk-gorsel img { width: 32px; height: 32px; object-fit: contain; filter: drop-shadow(0 0 4px rgba(126,232,255,.4)); }
.kk-qty { font-family: 'Orbitron', monospace; font-size: .62rem; color: #7ee8ff;
    background: #0a1520; border: 1px solid #1e3a4a; border-radius: 6px; padding: 2px 7px; }
.kk-qty.sifir { color: #4a5578; }
.kk-ad { font-family: 'Rajdhani', sans-serif; font-weight: 800; color: #eef; font-size: 1rem; line-height: 1.15; }

/* Etki çipleri — stamina/açlık/su renklendirmesi */
.kk-etki { display: flex; flex-wrap: wrap; gap: 5px; min-height: 22px; }
.kk-cip { font-family: 'Rajdhani', sans-serif; font-size: .72rem; font-weight: 700;
    border-radius: 6px; padding: 2px 7px; border: 1px solid transparent; }
.kk-cip.none { color: #4a5578; border: none; padding: 0; }
.kk-cip[data-stat="aclik"]    { color: #ffb169; background: rgba(201,123,58,.14); border-color: rgba(201,123,58,.42); }
.kk-cip[data-stat="susuzluk"] { color: #6fc3ff; background: rgba(47,127,214,.14); border-color: rgba(47,127,214,.42); }
.kk-cip[data-stat="stamina"]  { color: #7ef0a8; background: rgba(54,176,106,.14); border-color: rgba(54,176,106,.42); }
.kk-cip.eksi { color: #ff9a9a !important; background: rgba(176,54,54,.14) !important; border-color: rgba(176,54,54,.45) !important; }

.kk-aksiyon { display: flex; flex-direction: column; gap: 6px; margin-top: auto; }
.kk-aksiyon button { border-radius: 9px; padding: 9px 8px; font-family: 'Rajdhani', sans-serif; font-weight: 800;
    font-size: .85rem; cursor: pointer; border: 1px solid transparent; transition: .15s; }
.kk-al { background: linear-gradient(135deg, #ffcf5c, #e0a83c); color: #2a1d00; }
.kk-al:hover:not(:disabled) { transform: translateY(-1px); }
.kk-kullan { background: #14361f; color: #7fe6a0; border: 1px solid #2f9e54; }
.kk-kullan:hover:not(:disabled) { background: #1a4527; transform: translateY(-1px); }
.kk-aksiyon button:disabled { opacity: .45; cursor: not-allowed; }