/* Color X — paylaşım kartı görünümü (uygulamadaki PhotoShareCard'ın web eşi).
   tarifler.html + topluluk.html ortak kullanır. */
/* Yazı tipi KENDİ sunucumuzdan (2026-10-04, gizlilik incelemesi): Google
   Fonts'tan yüklemek her ziyaretçinin IP'sini Google'a iletiyordu (AB'de
   izinsiz yapılması GDPR'a aykırı bulundu). Aynı font, aynı lisans:
   Share Tech Mono, SIL OFL 1.1 — /fonts/ShareTechMono-OFL.txt. */
@font-face{font-family:'Share Tech Mono';font-style:normal;font-weight:400;font-display:swap;
  src:url('/fonts/ShareTechMono-Regular.woff') format('woff')}
/* 10 ayar satırı 4:5 kartta fotoğrafı örtüyordu (kullanıcı 2026-09-17): kart
   2:3 (daha uzun), panel daha sıkı ve daha saydam — fotoğrafın üst ~%40'ı
   açık, panelin arkasından da görünür. */
.xcard{position:relative;aspect-ratio:2/3;border-radius:16px;overflow:hidden;background:#222;border:1px solid #262626}
.xcard .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.xcard .glass{position:absolute;left:14px;right:14px;top:auto;bottom:40px;border-radius:12px;padding:8px 10px;
  /* Daha şeffaf (kullanıcı 2026-09-17, iki kez): .22 → .10 → .04, bulanıklık 7 → 4 → 2. Okunurluk
     için yazılara hafif gölge (.k/.v). */
  background:rgba(0,0,0,.04);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
  border:1px solid rgba(255,255,255,.16);color:#fff}
.xcard .head{display:flex;gap:8px;align-items:center;min-width:0}
.xcard .head>img{width:22px;height:22px;border-radius:5px;object-fit:cover;flex:none}
.xcard .hd{min-width:0}
.xcard .ttl{font-weight:800;font-size:.86rem;text-shadow:0 1px 4px rgba(0,0,0,.85);line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xcard .sub{color:rgba(255,255,255,.8);font-size:.6rem;text-shadow:0 1px 3px rgba(0,0,0,.8);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xcard .sep{height:1px;background:rgba(255,255,255,.18);margin:5px 0 3px}
.xcard .ln{display:flex;justify-content:space-between;gap:8px;font-size:.58rem;line-height:1.5;padding:.5px 0}
.xcard .ln .k{color:rgba(255,255,255,.78);font-weight:600;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.8)}
.xcard .ln .v{font-weight:800;text-align:right;text-shadow:0 1px 3px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* İmza SAĞ altta, uygulamadaki galeri damgası stiliyle: Share Tech Mono,
   90'lar kompakt makine tarih-damgası turuncusu (#FF8A3D) + turuncu ışıma
   (community_gallery_screen.dart ile aynı); logo SOL altta (2026-09-17).
   Fontta İ/Ğ/Ş yok → o harfler yedek monospace'ten gelir. */
.xcard .sig{position:absolute;right:12px;bottom:10px;font-family:'Share Tech Mono','Courier New',monospace;font-weight:400;
  font-size:.86rem;letter-spacing:.02em;color:#ff8a3d;
  text-shadow:0 0 7px rgba(232,100,31,.75),0 1px 3px rgba(0,0,0,.6);
  max-width:calc(100% - 118px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
.xcard .lg{position:absolute;left:12px;bottom:12px;height:20px;filter:drop-shadow(0 1px 4px rgba(0,0,0,.85))}
.xcard.hl{outline:2px solid #b53142;outline-offset:3px}
.xcard .more{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;
  background:rgba(0,0,0,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center;
  color:#fff;line-height:0;text-decoration:none;transition:background .15s}
.xcard .more svg{display:block}
.xcard .more:hover{background:rgba(0,0,0,.6)}
/* Kart tıklanınca tarifin tam sayfası açılır (2026-09-17); imza bağlantıysa
   (sigHref, topluluk) kullanıcı sayfasına gider. */
.xcard{cursor:pointer}
.xcard a.sig:hover{text-decoration:underline}
.xcard img{-webkit-user-drag:none;user-select:none}
/* Uzun imza (17+ karakter) küçülür, kesilmez (2026-09-18 "isim sığmıyor"). */
.xcard .sig.uzun{font-size:.68rem;max-width:calc(100% - 96px)}
/* YENİ rozeti (istek 2026-09-22): yeni eklenen tarifler listenin başında ve
   sol üstte bu etiketle durur. Tarih geçince video.html rozeti hiç yazmaz. */
/* SİLİNME geri sayımı (2026-10-08): uygulamadaki koyu gri kapakla aynı. */
.xcard .silinme{position:absolute;left:10px;top:10px;z-index:2;width:38px;height:38px;
  border-radius:50%;background:radial-gradient(circle at 35% 30%,#6b6b6b,#1e1e1e);
  color:#fff;font:900 .95rem/1 'Share Tech Mono','Courier New',monospace;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  box-shadow:0 1px 6px rgba(0,0,0,.55)}
.xcard .silinme small{font-size:.42rem;letter-spacing:.08em;margin-top:2px}
.xcard .yeni{position:absolute;left:10px;top:10px;z-index:2;
  font-family:'Share Tech Mono','Courier New',monospace;font-size:.6rem;
  letter-spacing:.14em;color:#fff;background:#b53142;border-radius:999px;
  padding:4px 10px;box-shadow:0 1px 6px rgba(0,0,0,.55)}