/* ============================================================
   stil.css — tema comuna "Povestea Noastra"
   ============================================================ */
:root{
  --noapte:#131228; --noapte-2:#1d1a3a;
  --aur:#d9ad5c; --aur-pal:#f0d9a8;
  --rodie:#c04b5c; --rodie-adanc:#8e2f40;
  --firuze:#7fcfc6;
  --ivory:#f4ecdd; --ivory-dim:rgba(244,236,221,.72);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--noapte);color:var(--ivory);min-height:100svh;
  font-family:"EB Garamond",Georgia,serif;font-size:18px;line-height:1.6;
  overflow-x:hidden}
.farsi{font-family:"Vazirmatn",sans-serif;direction:rtl}

/* stele de fundal */
#sky{position:fixed;inset:0;z-index:0;pointer-events:none}
.star{position:absolute;border-radius:50%;background:var(--ivory);
  animation:tw var(--d,3s) ease-in-out infinite alternate}
@keyframes tw{from{opacity:.12}to{opacity:.85}}

.wrap{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:1.2rem 1rem 5rem}

/* ---------- bara de sus ---------- */
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.7rem;
  padding:.7rem .9rem;margin:-1.2rem -1rem 1.4rem;
  background:rgba(19,18,40,.88);backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(217,173,92,.22)}
.topbar .back{background:none;border:none;color:var(--aur);font-size:1.3rem;
  cursor:pointer;text-decoration:none;line-height:1}
.topbar h1{flex:1;font-family:"Cormorant Garamond",serif;font-weight:500;
  font-size:1.3rem;color:var(--aur-pal)}
.badge{padding:.28rem .8rem;border-radius:999px;font-size:.66rem;letter-spacing:.16em;
  text-transform:uppercase;font-family:"Cormorant Garamond",serif;white-space:nowrap}
.badge.owner{border:1px solid var(--aur);color:var(--aur-pal);background:rgba(217,173,92,.12)}
.badge.guest{border:1px solid rgba(244,236,221,.3);color:var(--ivory-dim)}

/* ---------- titluri ---------- */
.page-title{font-family:"Cormorant Garamond",serif;font-weight:500;
  font-size:clamp(1.9rem,8vw,2.6rem);line-height:1.1;text-align:center;
  background:linear-gradient(160deg,var(--aur-pal) 20%,var(--aur) 55%,var(--rodie) 110%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.page-sub{text-align:center;color:var(--ivory-dim);font-style:italic;margin-top:.3rem}
.ie-divider{display:flex;gap:.5rem;justify-content:center;margin:1.1rem auto 1.6rem;
  color:var(--rodie);font-size:.75rem;letter-spacing:.35rem}
.ie-divider span:nth-child(even){color:var(--aur)}

/* ---------- butoane ---------- */
.gold-btn{font-family:"Cormorant Garamond",serif;letter-spacing:.12em;
  text-transform:uppercase;font-size:.88rem;color:var(--noapte);
  background:linear-gradient(140deg,var(--aur-pal),var(--aur));
  border:none;border-radius:999px;padding:.75rem 1.5rem;cursor:pointer;
  box-shadow:0 5px 18px rgba(217,173,92,.28)}
.gold-btn:disabled{opacity:.5;cursor:wait}
.ghost-btn{background:none;border:1px solid rgba(244,236,221,.25);color:var(--ivory-dim);
  border-radius:999px;padding:.7rem 1.2rem;cursor:pointer;
  font-family:"EB Garamond",serif;font-size:.9rem}

/* ---------- inputuri ---------- */
input[type=text],input[type=password],input[type=date],input[type=number],textarea,select{
  width:100%;background:rgba(244,236,221,.07);border:1px solid rgba(217,173,92,.35);
  border-radius:14px;padding:.7rem 1rem;color:var(--ivory);
  font-family:"EB Garamond",serif;font-size:1rem;outline:none}
input:focus,textarea:focus,select:focus{border-color:var(--firuze)}
textarea{resize:vertical;min-height:70px;border-radius:14px}
label{display:block;text-align:left;font-size:.78rem;letter-spacing:.14em;
  text-transform:uppercase;color:rgba(127,207,198,.8);
  font-family:"Cormorant Garamond",serif;margin:.9rem 0 .35rem}

/* ---------- carduri ---------- */
.panel{border:1px solid rgba(217,173,92,.3);border-radius:18px;padding:1.3rem 1.2rem;
  background:linear-gradient(165deg,rgba(240,217,168,.07),rgba(192,75,92,.05));
  position:relative}
.panel .corner{position:absolute;color:var(--aur);font-size:.8rem;opacity:.6}
.corner.tl{top:.4rem;left:.65rem}.corner.tr{top:.4rem;right:.65rem}
.corner.bl{bottom:.4rem;left:.65rem}.corner.br{bottom:.4rem;right:.65rem}

/* ---------- mesaje ---------- */
.msg{min-height:1.4em;margin-top:.7rem;font-size:.88rem;font-style:italic;
  color:rgba(127,207,198,.9);text-align:center}
.msg.err{color:var(--rodie)}
.empty{text-align:center;color:var(--ivory-dim);font-style:italic;padding:2.5rem 1rem}
.empty .big{font-size:2.4rem;display:block;margin-bottom:.6rem;opacity:.7}

/* ---------- spinner ---------- */
.spinner{width:26px;height:26px;margin:2rem auto;border:2px solid rgba(217,173,92,.25);
  border-top-color:var(--aur);border-radius:50%;animation:spin .9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ascunde elementele de editare pentru guest */
body.guest-mode .owner-only{display:none!important}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important}
}