/* =====================================================================
   Shablon 2 — ELEGANT & SOFT: romantik PUSHTI uslub (qizlarbop)
   - Nozik shriftlar: Cormorant Garamond (sarlavha) + Nunito (matn) + Caveat (qo'lyozma)
   - Ikkala rejimda ham pushti kayfiyat: Kun — pudra, Tun — pushti neon
   - NOTE: shablon o'z pushti palitrasiga ega — profil accent rangi
     bu yerda !important bilan e'tiborga olinmaydi (shablon identitetini saqlash uchun)
   ===================================================================== */
:root{
  --display:'Cormorant Garamond',Georgia,serif;
  --font:'Nunito',system-ui,sans-serif;
  --script:'Caveat','Cormorant Garamond',cursive;
  --ease:cubic-bezier(.25,.8,.3,1);
  --r:28px; --btn-r:999px; --ava-r:50%;
}

/* ---------------- KUN — pudra-pushti romantizm ---------------- */
html[data-theme="light"],:root{
  --bg:#fdf2f7; --card:#ffffff; --card2:#fce9f1; --line:#f7d5e6;
  --ink:#47212f; --muted:#b0728a;
  --accent:#ec5fa2; --accent-ink:#ffffff; --accent-soft:rgba(236,95,162,.13);
  --shadow:0 30px 70px -34px rgba(224,72,152,.38);
  color-scheme:light;
}
body.tpl-elegant,.tpl-elegant{
  --accent:#ec5fa2!important; --accent-ink:#ffffff!important;
  --accent-soft:rgba(236,95,162,.13)!important;
}

/* ---------------- TUN — pushti neon, ammo nozik ---------------- */
html[data-theme="dark"]{
  --bg:#1f1018; --card:#2b1621; --card2:#381b2c; --line:#543049;
  --ink:#fbe4f0; --muted:#d29ab4;
  --accent:#ff8cc6; --accent-ink:#3a0d24; --accent-soft:rgba(255,140,198,.16);
  --shadow:0 32px 80px -34px rgba(255,105,180,.34);
  color-scheme:dark;
}
html[data-theme="dark"] body.tpl-elegant,
html[data-theme="dark"] .tpl-elegant{
  --accent:#ff8cc6!important; --accent-ink:#3a0d24!important;
  --accent-soft:rgba(255,140,198,.16)!important;
}

/* ---------------- Umumiy noziklik ---------------- */
.tpl-elegant{font-size:17px;letter-spacing:.002em}
.tpl-elegant h1,.tpl-elegant h2,.tpl-elegant h3,.tpl-elegant h4{
  font-family:var(--display);font-weight:600;letter-spacing:0;
}

/* Fon — sekin suzib yuruvchi pushti aurora */
.tpl-elegant::before{
  content:"";position:fixed;inset:-12%;z-index:-1;pointer-events:none;
  background:
    radial-gradient(38vw 38vw at 12% 8%,  color-mix(in srgb,var(--accent) 20%,transparent),transparent 70%),
    radial-gradient(34vw 34vw at 88% 16%, color-mix(in srgb,#ffb0d5 22%,transparent),transparent 70%),
    radial-gradient(42vw 42vw at 78% 88%, color-mix(in srgb,var(--accent) 15%,transparent),transparent 70%),
    radial-gradient(30vw 30vw at 8% 82%,  color-mix(in srgb,#ffd1e8 14%,transparent),transparent 70%);
  filter:blur(28px);
}
html[data-theme="dark"] .tpl-elegant::before{
  background:
    radial-gradient(38vw 38vw at 12% 8%,  color-mix(in srgb,var(--accent) 26%,transparent),transparent 70%),
    radial-gradient(34vw 34vw at 88% 16%, color-mix(in srgb,#ff6fb5 20%,transparent),transparent 70%),
    radial-gradient(42vw 42vw at 78% 88%, color-mix(in srgb,var(--accent) 20%,transparent),transparent 70%),
    radial-gradient(30vw 30vw at 8% 82%,  color-mix(in srgb,#ff8cc6 16%,transparent),transparent 70%);
}

/* ---------------- Hero ---------------- */
.tpl-elegant .pf-name{
  font-style:italic;font-weight:600;
  background:linear-gradient(115deg,var(--ink) 30%,var(--accent) 85%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
/* Tagline — romantik qo'lyozma (Caveat) */
.tpl-elegant .pf-tagline{
  font-family:var(--script);font-style:normal;font-weight:600;
  font-size:clamp(1.7rem,4.4vw,2.4rem);line-height:1.1;color:var(--accent);max-width:26ch;
}
.tpl-elegant .pf-about{font-size:1.02rem}
/* Avatar — nozik yulgʻun halqasi */
.tpl-elegant .pf-ava-ring{
  border-style:dashed;border-width:2.5px;border-color:var(--accent);opacity:.85;inset:-11px;
  animation:elegantSpin 16s linear infinite;
}
@keyframes elegantSpin{to{transform:rotate(360deg)}}
html[data-theme="dark"] .tpl-elegant .pf-ava,
html[data-theme="dark"] .tpl-elegant .pf-ava-let{
  box-shadow:0 0 44px -6px rgba(255,140,198,.5);
}
html[data-theme="light"] .tpl-elegant .pf-ava,
html[data-theme="light"] .tpl-elegant .pf-ava-let{
  box-shadow:0 18px 40px -14px rgba(236,95,162,.45);
}
.tpl-elegant .pf-scroll .ic{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 60%,transparent))}

/* ---------------- Sarlavhalar ---------------- */
.tpl-elegant .pf-h2{font-style:italic;font-weight:600}
.tpl-elegant .pf-h2::after{height:2px;border-radius:99px;
  background:linear-gradient(90deg,var(--accent),transparent)}
.tpl-elegant .tl-title{font-style:italic}

/* ---------------- Tugmalar — pushti gradient + yulgʻun ---------------- */
.tpl-elegant .btn-primary,.tpl-elegant .cv-pulse{
  background:linear-gradient(135deg,#ff9fd0,var(--accent) 62%,#dd3387);
  border-color:transparent;color:var(--accent-ink);
  box-shadow:0 14px 34px -14px var(--accent);
}
.tpl-elegant .btn-primary:hover{box-shadow:0 20px 44px -14px var(--accent)}
.tpl-elegant .cv-pulse{font-family:var(--display);font-style:italic;letter-spacing:.03em}
.tpl-elegant .btn-ghost,.tpl-elegant .btn:not(.btn-primary):hover{border-color:var(--accent)}

/* ---------------- Ijtimoiy tarmoqlar — doiroviy, o'ynoqi ---------------- */
.tpl-elegant .soc{border-radius:50%;color:var(--muted)}
.tpl-elegant .soc:hover{
  transform:translateY(-4px) rotate(-8deg);border-radius:50%;
  color:#fff;background:linear-gradient(135deg,#ff9fd0,var(--accent));
  border-color:transparent;box-shadow:0 12px 26px -12px var(--accent);
}

/* ---------------- Timeline — nozik pushti ---------------- */
.tpl-elegant .tl-item h4{font-weight:600}
.tpl-elegant .tl-dot{box-shadow:0 0 0 4px var(--accent-soft)}

/* ---------------- Kartalar ---------------- */
.tpl-elegant .pj-card,.tpl-elegant .cslide,.tpl-elegant .cform{
  box-shadow:0 10px 30px -24px color-mix(in srgb,var(--accent) 55%,transparent);
}
.tpl-elegant .pj-card:hover,.tpl-elegant .cform:focus-within{
  box-shadow:var(--shadow);
}

/* ---------------- Izohlar — nozik serif iqtibos ---------------- */
.tpl-elegant .cslide blockquote{font-weight:500;font-style:italic}

/* ---------------- Haliqalar / avatarlar ---------------- */
.tpl-elegant .ava-let{border-radius:50%}
.tpl-elegant .pf-foot-ava{border-radius:50%}

/* ---------------- Izoh formasi yulduzlari ---------------- */
.tpl-elegant .pst{border-radius:50%}
.tpl-elegant .pstars-lab{font-family:var(--script);font-size:1.2rem;color:var(--accent)}

/* ---------------- Brend / footer ---------------- */
.tpl-elegant .pf-brand{font-style:italic;font-size:1.1rem}
.tpl-elegant .pf-credit a{text-decoration:underline;text-decoration-style:wavy;
  text-decoration-color:color-mix(in srgb,var(--accent) 55%,transparent);text-underline-offset:4px}
.tpl-elegant .pf-credit a:hover{text-decoration-color:var(--accent)}