/* =============================================
   SINCER.EU — Stylesheet principal
   ============================================= */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=DM+Mono:wght@300;400;500&family=Instrument+Sans:wght@400;500;600&display=swap');

:root {
    --bg:         #0e0c0a;
    --surface:    #171410;
    --card:       #1e1a16;
    --border:     #2e2820;
    --amber:      #e8a942;
    --amber-dim:  #9c7230;
    --cream:      #f0e8d8;
    --muted:      #7a6f62;
    --text:       #e8e0d0;
    --danger:     #c94f3a;
    --green:      #4a9e6b;
    --radius:     8px;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    font-family: 'Instrument Sans', sans-serif;
    background: var(--bg);
    color: var(--text);
    min-height: 100vh;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

/* Grain overlay */
body::before {
    content: '';
    position: fixed;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 9999;
    opacity: 0.35;
}

/* ─── TYPOGRAPHY ─────────────────────────── */
h1, h2, h3 { font-family: 'Playfair Display', serif; line-height: 1.15; }
.mono       { font-family: 'DM Mono', monospace; }

/* ─── LAYOUT ─────────────────────────────── */
.container  { max-width: 1100px; margin: 0 auto; padding: 0 24px; }
.center     { text-align: center; }

/* ─── BUTTONS ────────────────────────────── */
.btn {
    display: inline-block;
    padding: 13px 28px;
    font-family: 'Instrument Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s ease;
    letter-spacing: 0.2px;
}
.btn-primary { background: var(--amber); color: #0e0c0a; }
.btn-primary:hover { background: var(--cream); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(232,169,66,0.2); }
.btn-ghost { background: transparent; color: var(--muted); border: 1px solid var(--border); }
.btn-ghost:hover { border-color: var(--amber-dim); color: var(--text); }
.btn-danger { background: var(--danger); color: #fff; }
.btn-full { width: 100%; display: block; text-align: center; padding: 15px; }

/* ─── FORMS ──────────────────────────────── */
.form-group  { margin-bottom: 20px; }
.form-label  { display: block; font-family: 'DM Mono', monospace; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--muted); margin-bottom: 8px; }
.form-input, .form-select {
    width: 100%;
    background: var(--card);
    border: 1px solid var(--border);
    color: var(--text);
    padding: 13px 16px;
    font-family: 'Instrument Sans', sans-serif;
    font-size: 15px;
    border-radius: 6px;
    outline: none;
    transition: border-color 0.2s;
}
.form-input:focus, .form-select:focus { border-color: var(--amber); }
.form-input::placeholder { color: var(--muted); }
.form-input.error { border-color: var(--danger); }
.form-textarea {
    width: 100%;
    background: var(--card);
    border: 1px solid var(--border);
    color: var(--text);
    padding: 14px 16px;
    font-family: 'Instrument Sans', sans-serif;
    font-size: 14px;
    border-radius: 6px;
    outline: none;
    resize: vertical;
    min-height: 100px;
    line-height: 1.6;
    transition: border-color 0.2s;
}
.form-textarea:focus { border-color: var(--amber); }
.form-textarea::placeholder { color: var(--muted); }
.form-error { color: var(--danger); font-size: 13px; margin-top: 6px; display: block; }

/* ─── ALERTS ─────────────────────────────── */
.alert { padding: 14px 18px; border-radius: 6px; font-size: 14px; margin-bottom: 20px; }
.alert-error   { background: rgba(201,79,58,0.15); border: 1px solid rgba(201,79,58,0.4); color: #e07060; }
.alert-success { background: rgba(74,158,107,0.15); border: 1px solid rgba(74,158,107,0.4); color: #6abf85; }
.alert-info    { background: rgba(232,169,66,0.1);  border: 1px solid rgba(232,169,66,0.3); color: var(--amber); }

/* ─── CARDS ──────────────────────────────── */
.card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 24px; }
.card-sm { padding: 18px 20px; }

/* ─── STARS ──────────────────────────────── */
.star-filled { color: var(--amber); }
.star-empty  { color: var(--border); }

/* ─── BADGE ──────────────────────────────── */
.badge { display: inline-block; padding: 3px 10px; border-radius: 20px; font-family: 'DM Mono', monospace; font-size: 11px; letter-spacing: 0.5px; }
.badge-amber { background: rgba(232,169,66,0.15); border: 1px solid var(--amber-dim); color: var(--amber); }
.badge-green { background: rgba(74,158,107,0.15); border: 1px solid rgba(74,158,107,0.4); color: var(--green); }

/* ─── LINK PREVIEW ───────────────────────── */
.link-preview { background: var(--bg); border: 1px solid var(--border); border-radius: 6px; padding: 12px 16px; font-family: 'DM Mono', monospace; font-size: 13px; color: var(--amber); margin-top: 8px; }
.link-preview .dim { color: var(--muted); }

/* ─── NAV ────────────────────────────────── */
.logo { font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 700; color: var(--amber); font-style: italic; text-decoration: none; }

/* ─── ANON BADGE ─────────────────────────── */
.anon-badge { display: flex; align-items: center; gap: 12px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 14px 18px; }
.anon-icon  { width: 36px; height: 36px; border-radius: 50%; background: var(--card); display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
.anon-text  { font-size: 13px; color: var(--muted); line-height: 1.5; }
.anon-text strong { color: var(--text); }

/* ─── AVATAR ─────────────────────────────── */
.avatar {
    border-radius: 50%;
    background: linear-gradient(135deg, var(--amber-dim), var(--amber));
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    color: #0e0c0a;
    flex-shrink: 0;
}
.avatar-lg { width: 80px; height: 80px; font-size: 32px; }
.avatar-md { width: 44px; height: 44px; font-size: 18px; }
.avatar-sm { width: 32px; height: 32px; font-size: 14px; }

/* ─── DIVIDER ────────────────────────────── */
.divider { display: flex; align-items: center; gap: 12px; color: var(--muted); font-size: 13px; margin: 20px 0; }
.divider::before, .divider::after { content: ''; flex: 1; height: 1px; background: var(--border); }

/* ─── TOAST ──────────────────────────────── */
#toast { position: fixed; bottom: 28px; right: 28px; background: var(--card); border: 1px solid var(--amber); color: var(--text); padding: 13px 20px; border-radius: 8px; font-family: 'DM Mono', monospace; font-size: 13px; z-index: 10000; opacity: 0; transform: translateY(8px); transition: all 0.3s; pointer-events: none; }
#toast.show { opacity: 1; transform: translateY(0); }

/* ─── LOADING ────────────────────────────── */
.spinner { width: 20px; height: 20px; border: 2px solid var(--border); border-top-color: var(--amber); border-radius: 50%; animation: spin 0.7s linear infinite; display: inline-block; }
@keyframes spin { to { transform: rotate(360deg); } }

/* ─── RESPONSIVE ─────────────────────────── */
@media (max-width: 640px) {
    .hide-mobile { display: none !important; }
    .container { padding: 0 16px; }
}

/* ─── EU ACUM — Stiluri suplimentare ─────────── */

/* Landing */
.lp-nav{display:flex;justify-content:space-between;align-items:center;padding:24px 48px;border-bottom:1px solid var(--border);}
@media(max-width:640px){.lp-nav{padding:16px 20px;}}
.lp-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:90px 24px 60px;position:relative;overflow:hidden;}
.ring{position:absolute;border-radius:50%;border:1px solid var(--border);pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%);}
.ring-1{width:380px;height:380px;opacity:.5;}
.ring-2{width:620px;height:620px;opacity:.3;}
.ring-3{width:880px;height:880px;opacity:.15;}
.eyebrow{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--amber);margin-bottom:20px;position:relative;z-index:1;}
.hero-title{font-family:'Playfair Display',serif;font-size:clamp(48px,9vw,100px);font-weight:900;line-height:.95;color:var(--cream);position:relative;z-index:1;letter-spacing:-3px;}
.hero-title em{font-style:italic;color:var(--amber);}
.hero-sub{font-size:16px;color:var(--muted);max-width:440px;line-height:1.75;margin:24px auto 44px;position:relative;z-index:1;}
.hero-actions{display:flex;gap:14px;align-items:center;position:relative;z-index:1;flex-wrap:wrap;justify-content:center;}
.lp-footer{padding:24px 48px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.lp-footer-links{display:flex;gap:24px;}
.lp-footer-links a{color:var(--muted);text-decoration:none;font-size:13px;transition:color .2s;}
.lp-footer-links a:hover{color:var(--amber);}
.lp-footer-copy{font-family:'DM Mono',monospace;font-size:11px;color:var(--muted);}
.sample-cards{display:flex;gap:16px;margin-top:64px;position:relative;z-index:1;flex-wrap:wrap;justify-content:center;max-width:720px;}
.sample-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:18px 22px;max-width:210px;text-align:left;opacity:0;animation:floatUp .6s ease forwards;}
.sample-card:nth-child(1){animation-delay:.3s;--r:-2deg;}
.sample-card:nth-child(2){animation-delay:.5s;--r:1.5deg;}
.sample-card:nth-child(3){animation-delay:.7s;--r:-1deg;}
@keyframes floatUp{to{opacity:1;transform:rotate(var(--r,0)) translateY(0);}}
.sample-card{transform:rotate(var(--r,0)) translateY(18px);}
.sample-tag{font-family:'DM Mono',monospace;font-size:10px;color:var(--amber);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;}
.sample-card p{font-size:12px;color:var(--text);line-height:1.65;font-style:italic;}
@media(max-width:640px){.sample-cards{display:none;}}
.features-row{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;padding:48px 24px;border-top:1px solid var(--border);}
.feat-item{display:flex;align-items:center;gap:10px;font-family:'DM Mono',monospace;font-size:12px;color:var(--muted);}
.feat-dot{width:5px;height:5px;border-radius:50%;background:var(--amber-dim);}

/* Auth pages */
.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 16px;}
.auth-box{width:100%;max-width:420px;}
.auth-logo{font-family:'Playfair Display',serif;font-style:italic;font-size:22px;color:var(--amber);text-align:center;margin-bottom:8px;text-decoration:none;display:block;}
.auth-tagline{text-align:center;font-family:'DM Mono',monospace;font-size:11px;color:var(--muted);letter-spacing:1px;margin-bottom:32px;}
.auth-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:32px;}
.auth-title{font-family:'Playfair Display',serif;font-size:22px;font-weight:700;color:var(--cream);margin-bottom:6px;}
.auth-sub{font-size:13px;color:var(--muted);margin-bottom:24px;}
.auth-footer{text-align:center;margin-top:20px;font-size:13px;color:var(--muted);}
.auth-footer a{color:var(--amber);text-decoration:none;}

/* Dashboard */
.dash-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:100;flex-wrap:wrap;gap:10px;}
@media(max-width:600px){.dash-nav{padding:12px 16px;}}
.dash-layout{display:flex;min-height:calc(100vh - 57px);}
.dash-side{width:240px;flex-shrink:0;border-right:1px solid var(--border);padding:28px 16px;position:sticky;top:57px;height:calc(100vh - 57px);overflow-y:auto;}
@media(max-width:860px){.dash-side{display:none;}}
.dash-main{flex:1;padding:32px;}
@media(max-width:600px){.dash-main{padding:20px 16px;}}
.side-label{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);padding:0 12px;margin-bottom:8px;margin-top:20px;}
.side-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:var(--muted);text-decoration:none;font-size:14px;transition:all .15s;cursor:pointer;border:none;background:none;width:100%;text-align:left;}
.side-link:hover{background:var(--card);color:var(--text);}
.side-link.active{background:var(--card);color:var(--amber);border-left:2px solid var(--amber);}
.side-link .icon{font-size:16px;width:20px;text-align:center;flex-shrink:0;}
.stat-mini{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:16px;text-align:center;margin-bottom:10px;}
.stat-mini-big{font-family:'Playfair Display',serif;font-size:32px;font-weight:700;color:var(--amber);line-height:1;}
.stat-mini-lbl{font-family:'DM Mono',monospace;font-size:10px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-top:4px;}
.sec-head{margin-bottom:24px;}
.sec-title{font-family:'Playfair Display',serif;font-size:24px;font-weight:700;color:var(--cream);margin-bottom:4px;}
.sec-sub{font-size:13px;color:var(--muted);}
.profile-url-bar{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--amber-dim);border-radius:8px;padding:12px 16px;margin-bottom:28px;flex-wrap:wrap;gap:12px;}
.pub-url{font-family:'DM Mono',monospace;font-size:13px;color:var(--amber);}
.section-editor{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:24px;margin-bottom:16px;transition:border-color .2s;}
.section-editor:hover{border-color:var(--amber-dim);}
.section-editor-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.section-icon{font-size:18px;opacity:.7;}
.section-label-text{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--amber);}
.section-optional{font-family:'DM Mono',monospace;font-size:10px;color:var(--muted);margin-left:auto;background:var(--surface);border:1px solid var(--border);padding:2px 8px;border-radius:20px;}
.visibility-row{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-top:24px;}
.visibility-label{font-size:14px;color:var(--text);}
.visibility-sub{font-size:12px;color:var(--muted);margin-top:2px;}
.toggle{position:relative;display:inline-block;width:44px;height:24px;}
.toggle input{opacity:0;width:0;height:0;}
.toggle-slider{position:absolute;inset:0;background:var(--border);border-radius:24px;cursor:pointer;transition:.3s;}
.toggle-slider::before{content:'';position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s;}
.toggle input:checked + .toggle-slider{background:var(--amber);}
.toggle input:checked + .toggle-slider::before{transform:translateX(20px);}
.save-bar{position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--border);padding:16px 32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
@media(max-width:600px){.save-bar{padding:12px 16px;}}
.save-hint{font-family:'DM Mono',monospace;font-size:12px;color:var(--muted);}

/* Now page public */
.now-wrap{max-width:720px;margin:0 auto;padding:80px 32px;}
@media(max-width:640px){.now-wrap{padding:48px 20px;}}
.now-name{font-family:'Playfair Display',serif;font-size:clamp(36px,7vw,60px);font-weight:900;color:var(--cream);letter-spacing:-2px;line-height:1;margin-bottom:6px;}
.now-name em{color:var(--amber);font-style:italic;}
.now-slug{font-family:'DM Mono',monospace;font-size:14px;color:var(--muted);margin-bottom:32px;}
.now-slug span{color:var(--amber-dim);}
.now-divider{height:1px;background:linear-gradient(to right,var(--amber-dim),transparent);width:100px;margin-bottom:32px;}
.now-date{font-family:'DM Mono',monospace;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:52px;display:flex;align-items:center;gap:8px;}
.now-date::before{content:'';display:inline-block;width:16px;height:1px;background:var(--amber-dim);}
.now-sections{display:grid;gap:36px;}
.now-sec-label{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--amber);margin-bottom:14px;display:flex;align-items:center;gap:10px;}
.now-sec-label::after{content:'';flex:1;max-width:40px;height:1px;background:var(--border);}
.now-sec-icon{font-size:13px;opacity:.7;}
.now-sec-content{font-size:17px;color:var(--text);line-height:1.8;white-space:pre-line;}
.now-sec-content.italic-lg{font-family:'Playfair Display',serif;font-size:20px;color:var(--cream);font-style:italic;line-height:1.55;}
.now-footer{margin-top:56px;padding-top:32px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;}
.now-footer-text{font-family:'DM Mono',monospace;font-size:11px;color:var(--muted);}
.now-footer-text a{color:var(--amber-dim);text-decoration:none;}
.live-badge{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);background:var(--card);border:1px solid var(--border);padding:5px 12px;border-radius:20px;display:flex;align-items:center;gap:6px;}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:livePulse 2s ease-in-out infinite;}
@keyframes livePulse{0%,100%{opacity:1;}50%{opacity:.25;}}
.now-empty{text-align:center;padding:80px 24px;color:var(--muted);}
.now-empty-icon{font-size:48px;margin-bottom:16px;opacity:.4;}
.now-empty h2{font-family:'Playfair Display',serif;font-size:22px;color:var(--cream);margin-bottom:8px;}
.now-empty p{font-size:14px;line-height:1.7;}

/* Admin */
.admin-body{display:flex;min-height:calc(100vh - 57px);}
.admin-sidebar{width:220px;flex-shrink:0;border-right:1px solid var(--border);padding:24px 12px;position:sticky;top:57px;height:calc(100vh - 57px);overflow-y:auto;}
@media(max-width:900px){.admin-sidebar{display:none;}}
.admin-main{flex:1;padding:32px;}
.admin-title{font-family:'Playfair Display',serif;font-size:26px;font-weight:700;color:var(--cream);margin-bottom:4px;}
.admin-sub{font-size:13px;color:var(--muted);margin-bottom:28px;}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;}
@media(max-width:860px){.stat-grid{grid-template-columns:repeat(2,1fr);}}
.stat-block{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:20px;text-align:center;}
.stat-block .stat-big{font-family:'Playfair Display',serif;font-size:36px;font-weight:700;color:var(--amber);line-height:1;}
.stat-block .stat-lbl{font-family:'DM Mono',monospace;font-size:10px;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;margin-top:6px;}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
@media(max-width:860px){.two-col{grid-template-columns:1fr;}}
.admin-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:24px;}
.card-title{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--amber);margin-bottom:16px;}
.admin-table{width:100%;border-collapse:collapse;}
.admin-table th{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);padding:8px 0;border-bottom:1px solid var(--border);text-align:left;}
.admin-table td{padding:10px 0;border-bottom:1px solid var(--surface);font-size:13px;vertical-align:middle;}
.admin-table tr:last-child td{border-bottom:none;}
.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px;}
.search-bar{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:10px 14px;}
.search-bar input{background:none;border:none;color:var(--text);font-size:14px;outline:none;min-width:200px;}
.search-bar input::placeholder{color:var(--muted);}
.pagination{display:flex;gap:6px;align-items:center;margin-top:20px;justify-content:center;}
.pg-btn{padding:8px 14px;border-radius:6px;border:1px solid var(--border);background:var(--card);color:var(--muted);font-family:'DM Mono',monospace;font-size:12px;cursor:pointer;text-decoration:none;transition:all .15s;}
.pg-btn:hover{border-color:var(--amber-dim);color:var(--text);}
.pg-btn.active{background:var(--amber);border-color:var(--amber);color:#0e0c0a;}