/* =====================================================================
   Shablon 1 — MINIMALIZIM v2 "MONOXROM"
   Uslubiy namuna: alijonov.uz — sof oq-qora, hech qanday rang yo'q
   - Shrift: yagona Source Sans 3 (kirill toʻliq) — vazn kontrasti bilan
   - Kun: oq fonda qora · Tun: qora fonda oq (aksent ham o'zgaruvchan)
   - NOTE: shablon qat'iy monoxrom — profil accent rangi bu yerda
     !important bilan e'tiborga olinmaydi (shablon identiteti uchun)
   ===================================================================== */
:root{
  --display:'Source Sans 3','Inter',system-ui,sans-serif;
  --font:'Source Sans 3','Inter',system-ui,sans-serif;
  --ease:cubic-bezier(.3,.7,.3,1);
  --r:16px; --btn-r:6px; --ava-r:50%;
}

/* ---------------- KUN — oq qog'oz, qora siyoh ---------------- */
html[data-theme="light"],:root{
  --bg:#ffffff; --card:#ffffff; --card2:#fafafa; --line:#e9e9e9; --line2:#dcdcdc;
  --ink:#141414; --muted:#7a7a7a;
  --accent:#141414; --accent-ink:#ffffff; --accent-soft:rgba(20,20,20,.06);
  --shadow:0 10px 20px rgba(0,0,0,.10);
  color-scheme:light;
}
body.tpl-minimal,.tpl-minimal{
  --accent:#141414!important; --accent-ink:#ffffff!important;
  --accent-soft:rgba(20,20,20,.06)!important;
}

/* ---------------- TUN — qora fon, oq siyoh (to'liq inversiya) ---------------- */
html[data-theme="dark"]{
  --bg:#0a0a0a; --card:#101010; --card2:#161616; --line:#242424; --line2:#303030;
  --ink:#f2f2f2; --muted:#8f8f8f;
  --accent:#f2f2f2; --accent-ink:#0a0a0a; --accent-soft:rgba(255,255,255,.08);
  --shadow:0 10px 28px rgba(0,0,0,.6);
  color-scheme:dark;
}
html[data-theme="dark"] body.tpl-minimal,
html[data-theme="dark"] .tpl-minimal{
  --accent:#f2f2f2!important; --accent-ink:#0a0a0a!important;
  --accent-soft:rgba(255,255,255,.08)!important;
}

/* ---------------- Baza — alijonov.uz keng nafasli tipografiya ---------------- */
.tpl-minimal{font-size:17px;letter-spacing:.002em}
.tpl-minimal p,.tpl-minimal li{letter-spacing:.015em}
.tpl-minimal ::selection{background:var(--ink);color:var(--bg)}
/* Yuqori yupqa chiziq — alijonov.uz imzosi (body{border-top:2px solid}) */
.tpl-minimal{border-top:2px solid var(--line2)}

/* ---------------- Nav — toza, opasiti bilan o'ynaydi ---------------- */
.tpl-minimal .pf-brand{font-weight:700;font-size:1.02rem;letter-spacing:.01em}
.tpl-minimal .pf-links a{
  background:none;color:var(--ink);opacity:.55;border-radius:6px;
  padding:.45em .7em;font-weight:400;transition:opacity .25s;
}
.tpl-minimal .pf-links a:hover{opacity:1;background:none;color:var(--ink)}
.tpl-minimal .pf-links a.is-active{opacity:1;font-weight:600;background:none;color:var(--ink)}
.tpl-minimal .pf-nav.is-scrolled{border-color:var(--line)}
.tpl-minimal .icon-btn{border-radius:8px}
.tpl-minimal .view-chip{border-radius:8px;background:var(--card2)}
.tpl-minimal .view-chip b{color:var(--ink)}

/* ---------------- Hero — doiraviy avatar, qalin ism, kulrang tagline ---------------- */
.tpl-minimal .pf-ava-ring{
  animation:none;border-width:1px;border-color:var(--line);inset:-10px;
}
html[data-theme="light"] .tpl-minimal .pf-ava,
html[data-theme="light"] .tpl-minimal .pf-ava-let{box-shadow:0 10px 30px -14px rgba(0,0,0,.28)}
html[data-theme="dark"] .tpl-minimal .pf-ava,
html[data-theme="dark"] .tpl-minimal .pf-ava-let{box-shadow:0 10px 34px -10px rgba(0,0,0,.85)}
.tpl-minimal .pf-name{font-weight:700;letter-spacing:-.015em}
.tpl-minimal .pf-tagline{color:var(--muted);font-weight:400;font-size:clamp(1.05rem,2.4vw,1.3rem)}
.tpl-minimal .pf-about{color:var(--muted);line-height:1.75}
.tpl-minimal .pf-scroll{color:var(--muted)}
.tpl-minimal .pf-scroll:hover{color:var(--ink)}
.tpl-minimal .chip{font-weight:600;border-radius:8px}
.tpl-minimal .chip-ghost{background:var(--card2);color:var(--muted)}

/* ---------------- Sarlavhalar — kichik uppercase yorliq + qisqa chiziq ---------------- */
.tpl-minimal .pf-h2{
  font-size:1.02rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.24em;gap:.9rem;
}
.tpl-minimal .pf-h2::before{content:"";flex:none;width:2.2em;height:2px;background:var(--ink)}
.tpl-minimal .pf-h2::after{background:var(--line)}
/* Bo'lim sarlavhalari — archive .sticky pill uslubida */
.tpl-minimal .tl-title{
  display:inline-flex;gap:.55em;background:var(--card2);border:1px solid var(--line);
  border-radius:999px;padding:.5em 1.15em;font-size:.86rem;font-weight:600;
  color:var(--ink);letter-spacing:.02em;
}

/* ---------------- Timeline — bitta ingichka chiziq, sof nuqtalar ---------------- */
.tpl-minimal .timeline::before{width:1px;background:var(--line)}
.tpl-minimal .tl-dot{
  width:9px;height:9px;border:0;border-radius:50%;background:var(--ink);
  left:calc(-1.6rem + 2.5px);top:9px;
}
.tpl-minimal .tl-date{color:var(--muted);font-weight:600;letter-spacing:.14em}
.tpl-minimal .tl-item h4{font-weight:600}
.tpl-minimal .tl-org{color:var(--muted);opacity:1}

/* ---------------- Tugmalar — kvadratish, monoxrom inversiya hover ---------------- */
.tpl-minimal .btn{font-weight:600;letter-spacing:.01em}
.tpl-minimal .btn:hover{transform:translateY(-2px)}
.tpl-minimal .btn-primary{border-color:var(--accent)}
.tpl-minimal .btn:not(.btn-primary):hover{
  background:var(--ink);color:var(--bg);border-color:var(--ink);
}

/* ---------------- Ijtimoiy ikonkalar — chegarasiz, sof ---------------- */
.tpl-minimal .soc{
  border:0;background:none;border-radius:8px;color:var(--ink);opacity:.65;
  width:42px;height:42px;
}
.tpl-minimal .soc:hover{
  opacity:1;color:var(--ink);transform:translateY(-3px) rotate(0deg);
  background:var(--accent-soft);
}

/* ---------------- Kartalar — hairline + yumshoq alijonov soyasi ---------------- */
.tpl-minimal .pj-card{border-radius:var(--r);overflow:hidden}
.tpl-minimal .pj-card:hover{
  transform:translateY(-4px);border-color:var(--line2);box-shadow:var(--shadow);
}
.tpl-minimal .pj-body h3{font-weight:600}
.tpl-minimal .pj-tags span{
  background:var(--card2);color:var(--muted);border:1px solid var(--line);
  border-radius:8px;font-size:.78rem;
}
.tpl-minimal .pj-open{letter-spacing:.01em}

/* ---------------- Izohlar — serif'siz nozik iqtibos ---------------- */
.tpl-minimal .cslide blockquote{font-style:italic;font-weight:400;letter-spacing:.01em}
.tpl-minimal .ava-let{border-radius:50%}
.tpl-minimal .cslider-btn{transition:background .25s,color .25s,border-color .25s}
.tpl-minimal .cslider-btn:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.tpl-minimal .cslider-dots button{border-radius:99px}

/* ---------------- Izoh formasi — kvadratish maydonlar ---------------- */
.tpl-minimal .cform .field{border-radius:8px;background:var(--card2)}
.tpl-minimal .cform .btn{align-self:flex-start}
.tpl-minimal .pst{border-radius:8px}
.tpl-minimal .cform-me{border-radius:8px}
.tpl-minimal .cform-me .ic{color:var(--ink)}

/* ---------------- Footer — bitta chiziq bilan yakun ---------------- */
.tpl-minimal .pf-foot{border-top:1px solid var(--line)}
.tpl-minimal .pf-foot strong{font-weight:700}
.tpl-minimal .pf-credit a{
  text-decoration:underline;text-decoration-color:var(--line2);
  text-underline-offset:3px;transition:text-decoration-color .25s;
}
.tpl-minimal .pf-credit a:hover{text-decoration-color:var(--ink)}
.tpl-minimal .cv-pulse{border-radius:6px}