/* Tament Hasta Yorumları — ön yüz. Temadan bağımsız; yazı tipi ve metin rengi temadan miras alınır. */
/* Renk değişkenleri :root'ta eklenti tarafından basılır (Assets); burada güvenli varsayılanlar. */
:root{--tmgb-renk:#52466A;--tmgb-koyu:#3B2B53;--tmgb-acik:#EEEBF5;--tmgb-cizgi:#DAD4EB}
.tmgb{--tmgb-gri:#5e6680;--tmgb-yildiz:#f2b632;--tmgb-r:10px;box-sizing:border-box}
.tmgb *,.tmgb *::before,.tmgb *::after{box-sizing:inherit}
.tmgb img{max-width:100%;height:auto;display:block}
.tmgb-gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Buton */
.tmgb-btn{display:inline-flex;align-items:center;gap:8px;background:var(--tmgb-renk);color:#fff;border:0;border-radius:8px;padding:13px 22px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;line-height:1.2}
.tmgb-btn:hover{background:var(--tmgb-koyu);color:#fff}
.tmgb-btn:focus-visible,.tmgb button:focus-visible,.tmgb input:focus-visible,.tmgb select:focus-visible,.tmgb textarea:focus-visible{outline:3px solid var(--tmgb-yildiz);outline-offset:2px}
.tmgb-btn:disabled{opacity:.6;cursor:wait}
/* Yıldızlar (gösterim) */
.tmgb-yildiz{color:var(--tmgb-yildiz);letter-spacing:2px;font-size:15px;line-height:1}
.tmgb-yildiz-bos{color:var(--tmgb-cizgi)}
/* Kart */
.tmgb-kart{background:#fff;border:1px solid var(--tmgb-cizgi);border-radius:var(--tmgb-r);padding:20px;display:grid;gap:10px;break-inside:avoid;color:inherit}
.tmgb-kart-ust{display:flex;align-items:center;gap:12px}
.tmgb-avatar{width:42px;height:42px;border-radius:50%;background:var(--tmgb-acik);color:var(--tmgb-koyu);display:grid;place-items:center;font-weight:700;font-size:14px;flex:none;object-fit:cover}
.tmgb-ad{font-weight:700;font-size:15px;line-height:1.3}
.tmgb-rol{font-size:13px;color:var(--tmgb-gri)}
.tmgb-metin{margin:0;font-size:15.5px;line-height:1.6}
.tmgb-foto{border-radius:8px}
.tmgb-kart-alt{font-size:12px;color:var(--tmgb-gri);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.tmgb-cevir{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--tmgb-renk);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.tmgb-cevir:hover,.tmgb-cevir:focus-visible{color:var(--tmgb-koyu)}
.tmgb-metin[hidden]{display:none}
.tmgb-video{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--tmgb-koyu);border:0;padding:0;cursor:pointer}
.tmgb-video video,.tmgb-video img,.tmgb-video iframe{width:100%;height:100%;object-fit:cover;display:block;border:0}
.tmgb-video:hover .tmgb-oynat{transform:scale(1.06)}
.tmgb-oynat{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(255,255,255,.94);transition:transform .15s}
.tmgb-oynat::after{content:"";position:absolute;left:22px;top:17px;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent var(--tmgb-koyu)}
/* Duvar */
.tmgb-duvar-ust{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.tmgb-ozet{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--tmgb-cizgi);border-radius:var(--tmgb-r);padding:14px 20px}
.tmgb-ozet b{font-size:40px;line-height:1;color:var(--tmgb-koyu)}
.tmgb-ozet p{margin:4px 0 0;font-size:14px;color:var(--tmgb-gri)}
.tmgb-filtreler{display:grid;gap:10px;justify-items:end}
.tmgb-filtre{display:flex;gap:8px;flex-wrap:wrap}
.tmgb-filtre button{font:inherit;font-size:14px;font-weight:600;padding:9px 16px;border-radius:999px;border:1px solid var(--tmgb-cizgi);background:#fff;color:var(--tmgb-gri);cursor:pointer}
.tmgb-filtre button[aria-selected="true"]{background:var(--tmgb-koyu);border-color:var(--tmgb-koyu);color:#fff}
.tmgb-duvar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
/* Masonry (JS ekler): 1px satırlar, kart yerini ve yüksekliğini JS yazar; JS yoksa yukarıdaki ızgara kalır.
   Çift sınıf: aşağıdaki bant ızgarasının gap kuralı row-gap'i ezmesin (her 1px satır 21px oluyordu). */
.tmgb-duvar.tmgb-masonry,.tmgb-bant-izgara.tmgb-masonry{grid-auto-rows:1px;row-gap:0}
.tmgb-kolon-1{grid-template-columns:1fr}.tmgb-kolon-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tmgb-kolon-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.tmgb-duvar .tmgb-kart[hidden]{display:none}
.tmgb-duvar-cta,.tmgb-bos{background:var(--tmgb-acik);border-radius:var(--tmgb-r);padding:24px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:32px 0}
.tmgb-duvar-cta p,.tmgb-bos p{margin:0;font-weight:600}
/* Bant */
.tmgb-bant-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.tmgb-bant-kaydir{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,320px);gap:16px;overflow-x:auto;padding:4px 4px 12px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.tmgb-bant-kaydir .tmgb-kart{scroll-snap-align:start}
@media (max-width:900px){.tmgb-bant-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.tmgb-bant-izgara{grid-template-columns:1fr}}
.tmgb-bant-link{text-align:center;margin:8px 0 0}
.tmgb-bant-link a{font-weight:700;color:var(--tmgb-renk)}
/* Form */
.tmgb-form-wrap{max-width:none}
.tmgb-form{display:grid;gap:16px;background:#fff;border:1px solid var(--tmgb-cizgi);border-radius:var(--tmgb-r);padding:clamp(20px,4vw,32px)}
.tmgb-form-baslik{margin:0 0 4px;font-size:1.4em}
.tmgb-satir{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.tmgb-sinif[hidden]{display:none}
.tmgb-alan{display:grid;gap:6px;font-size:14px;font-weight:700;margin:0;padding:0;border:0;min-width:0}
.tmgb-alan em{color:var(--tmgb-renk);font-style:normal}
.tmgb-alan legend{padding:0;font-weight:700;margin-bottom:6px}
.tmgb-form input[type="text"],.tmgb-form input[type="url"],.tmgb-form select,.tmgb-form textarea{font:inherit;font-weight:400;font-size:15px;padding:12px 14px;border:1px solid var(--tmgb-cizgi);border-radius:8px;background:#fff;color:inherit;width:100%;margin:0}
.tmgb-form input[aria-invalid="true"],.tmgb-form select[aria-invalid="true"]{border-color:#c0392b}
.tmgb-form textarea{min-height:130px;resize:vertical}
.tmgb-yildizlar{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px;justify-self:start}
.tmgb-satir-puan{grid-template-columns:1fr}
.tmgb-yildizlar input{position:absolute;opacity:0;width:1px;height:1px}
.tmgb-yildizlar label{font-size:32px;line-height:1;color:var(--tmgb-cizgi);cursor:pointer;padding:0 2px;transition:color .1s}
.tmgb-yildizlar label:hover,.tmgb-yildizlar label:hover~label,.tmgb-yildizlar input:checked~label{color:var(--tmgb-yildiz)}
.tmgb-yildizlar input:focus-visible+label{outline:3px solid var(--tmgb-yildiz);border-radius:4px}
.tmgb-medya{grid-template-columns:1fr 1fr}
.tmgb-dosya{position:relative;display:block;cursor:pointer;margin:0}
.tmgb-dosya input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.tmgb-dosya-kutu{display:grid;gap:2px;border:1.5px dashed var(--tmgb-cizgi);border-radius:10px;padding:14px;text-align:center;background:var(--tmgb-acik);font-size:13px;color:var(--tmgb-gri);pointer-events:none}
.tmgb-dosya-kutu strong{color:inherit;font-size:14px}
.tmgb-dosya-ad{font-weight:700;color:var(--tmgb-koyu);word-break:break-all}
.tmgb-dosya-ad:empty{display:none}
.tmgb-dosya input:focus-visible+.tmgb-dosya-kutu{outline:3px solid var(--tmgb-yildiz)}
.tmgb-video-link span{font-weight:600;color:var(--tmgb-gri)}
.tmgb-onay{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.5;color:var(--tmgb-gri);margin:0}
.tmgb-onay input{margin:3px 0 0;flex:none}
.tmgb-onay a{color:var(--tmgb-renk)}
.tmgb-not{margin:0;font-size:13px;color:var(--tmgb-gri)}
.tmgb-hata{margin:0;font-size:13px;font-weight:600;color:#c0392b}
.tmgb-hata-genel{background:#fdecea;border-radius:8px;padding:10px 14px}
.tmgb-hp{position:absolute;left:-9999px;top:-9999px;height:0;overflow:hidden}
.tmgb-basari{display:flex;gap:14px;align-items:center;background:var(--tmgb-acik);border:1px solid var(--tmgb-cizgi);border-radius:var(--tmgb-r);padding:22px 24px}
.tmgb-basari p{margin:0;font-weight:600}
.tmgb-basari-ikon{width:40px;height:40px;border-radius:50%;background:var(--tmgb-renk);color:#fff;display:grid;place-items:center;font-weight:700;flex:none}
@media (max-width:900px){.tmgb-duvar,.tmgb-kolon-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.tmgb-duvar,.tmgb-kolon-2,.tmgb-kolon-4{grid-template-columns:1fr}.tmgb-satir,.tmgb-medya{grid-template-columns:1fr}.tmgb-ozet b{font-size:32px}}
@media (prefers-reduced-motion:reduce){.tmgb *{transition:none!important}}
/* yüklenen video dosyaları: kutu oranı sunucudaki video ölçüsünden (inline style), yoksa 16/9; video kırpılmaz */
.tmgb-video.tmgb-video-dosya{background:#000;cursor:default}
.tmgb-video.tmgb-video-dosya video{object-fit:contain}
/* dikey gömmeler (Instagram, YouTube Shorts): kutu oranı inline style; geniş kartta aşırı uzamasın */
.tmgb-video.tmgb-video-dikey{max-width:360px;margin-inline:auto}