/*
Theme Name: TT Pro Magazine
Description: Fast, mobile-first magazine/institute WordPress theme with Jannah-like blocks (original code).
Version: 1.3.0
License: GPLv2 or later
Text Domain: tt-pro-magazine
*/

:root{
  --tt-accent:#1b74e4;
  --tt-bg:#ffffff;
  --tt-text:#111827;
  --tt-muted:#6b7280;
  --tt-card:#ffffff;
  --tt-border:#e5e7eb;
  --tt-shadow:0 10px 30px rgba(0,0,0,.06);
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--tt-bg);color:var(--tt-text);line-height:1.6}
a{color:inherit;text-decoration:none} a:hover{color:var(--tt-accent)}
img{max-width:100%;height:auto}
.container{max-width:1180px;margin:0 auto;padding:0 16px}

.tt-topbar{background:#0b1220;color:#e5e7eb;font-size:14px}
.tt-topbar .container{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:8px 16px}
.tt-topbar a{color:#e5e7eb}

.tt-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--tt-border)}
.tt-header-inner{display:flex;align-items:center;gap:14px;padding:12px 0}
.tt-brand{display:flex;align-items:center;gap:10px;font-weight:800}
.tt-brand img{height:36px;width:auto}
.tt-nav{margin-left:auto;display:flex;align-items:center;gap:12px}
.tt-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.tt-nav a{display:inline-block;padding:8px 10px;border-radius:10px}
.tt-nav a:hover{background:#f3f4f6}
.tt-actions{display:flex;align-items:center;gap:10px}
.tt-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--tt-border);background:#fff}
.tt-btn.primary{background:var(--tt-accent);border-color:var(--tt-accent);color:#fff}
.tt-burger{display:none}

.tt-grid{display:grid;grid-template-columns:1.6fr .9fr;gap:20px;padding:18px 0 28px}
.tt-grid.left{grid-template-columns:.9fr 1.6fr}
.tt-grid.full{grid-template-columns:1fr}
@media(max-width:980px){
  .tt-grid,.tt-grid.left{grid-template-columns:1fr}
  .tt-nav{display:none}
  .tt-burger{display:inline-flex}
}

.tt-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}
@media(max-width:980px){.tt-hero{grid-template-columns:1fr}}

.tt-card{background:var(--tt-card);border:1px solid var(--tt-border);border-radius:18px;overflow:hidden;box-shadow:var(--tt-shadow)}
.tt-card .pad{padding:14px}
.tt-kicker{color:var(--tt-accent);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.tt-title{margin:6px 0 8px;font-size:24px;line-height:1.2}
.tt-title.sm{font-size:16px}
.tt-meta{font-size:13px;color:var(--tt-muted);display:flex;gap:10px;flex-wrap:wrap}
.tt-thumb{aspect-ratio:16/9;background:#f3f4f6;display:block}
.tt-thumb img{width:100%;height:100%;object-fit:cover}

.tt-list{display:grid;gap:12px}
.tt-item{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:center}
@media(max-width:540px){.tt-item{grid-template-columns:1fr}}

.tt-section{margin-top:18px}
.tt-section h2{margin:0 0 12px;font-size:18px}

.tt-badges{display:flex;gap:8px;flex-wrap:wrap}
.tt-badge{border:1px solid var(--tt-border);padding:6px 10px;border-radius:999px;font-size:13px;color:var(--tt-muted)}
.tt-badge:hover{border-color:var(--tt-accent);color:var(--tt-accent)}

.tt-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:980px){.tt-grid3{grid-template-columns:1fr}}
.tt-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(max-width:980px){.tt-grid2{grid-template-columns:1fr}}

.tt-sidebar .widget{background:var(--tt-card);border:1px solid var(--tt-border);border-radius:18px;padding:14px;box-shadow:var(--tt-shadow);margin-bottom:14px}
.widget-title{margin:0 0 10px;font-size:16px;display:flex;gap:8px;align-items:center}
.widget-title:before{content:"";width:10px;height:10px;border-radius:3px;background:var(--tt-accent);display:var(--tt-wicon, inline-block)}

.tt-footer{border-top:1px solid var(--tt-border);background:#0b1220;color:#e5e7eb;padding:28px 0}
.tt-footer a{color:#e5e7eb}
.tt-footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px}
@media(max-width:980px){.tt-footer .cols{grid-template-columns:1fr}}
.tt-footer small{color:#9ca3af}

.tt-content{background:var(--tt-card);border:1px solid var(--tt-border);border-radius:18px;box-shadow:var(--tt-shadow);padding:18px}
.tt-pagination{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:14px}

.tt-mobile-menu{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:2000}
.tt-mobile-panel{width:min(360px,92vw);height:100%;background:#fff;padding:14px}
.tt-mobile-menu.open{display:block}
.tt-mobile-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.tt-mobile-panel a{display:block;padding:10px;border-radius:12px;border:1px solid var(--tt-border)}

.tt-ticker{display:flex;gap:10px;align-items:center;background:#0b1220;color:#e5e7eb;border-radius:14px;padding:10px 12px;margin-top:14px;flex-wrap:wrap}
.tt-ticker strong{background:var(--tt-accent);color:#fff;border-radius:999px;padding:4px 10px;font-size:12px}
.tt-ticker a{color:#e5e7eb}

.tt-ad{border:1px dashed var(--tt-border);border-radius:14px;padding:14px;color:var(--tt-muted);text-align:center}

.tt-sticky{position:sticky;top:92px}