/* ===== Premium metal frames ===== */
.sa-frame{position:relative;display:inline-block;line-height:0;padding:11px;border-radius:50%;
  background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.28) 0 2deg,transparent 2deg 9deg),var(--sa-metal);
  box-shadow:0 8px 20px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.45),inset 0 -3px 6px rgba(0,0,0,.3)}
.sa-frame:after{content:'';position:absolute;inset:11px;border-radius:50%;pointer-events:none;
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.45),inset 0 3px 10px rgba(0,0,0,.45)}
.sa-frame img,.sa-frame .avatar{display:block;border:0!important;outline:0!important;box-shadow:none!important;border-radius:50%;object-fit:cover;max-width:none}
.sa-frame-gold{--sa-metal:conic-gradient(from 20deg,#7a4e12,#f7dc86,#b98a2e,#fff3b8,#8a5a14,#f1cf6e,#a97820,#7a4e12)}
.sa-frame-silver{--sa-metal:conic-gradient(from 20deg,#6b7280,#f3f4f6,#9ca3af,#fff,#6b7280,#e5e7eb,#9ca3af,#6b7280)}
.sa-frame-rose{--sa-metal:conic-gradient(from 20deg,#8a4b3d,#f7c1b0,#c27a68,#ffe3d8,#8a4b3d,#efb09d,#b06a58,#8a4b3d)}
.sa-frame-emerald{--sa-metal:conic-gradient(from 20deg,#064e3b,#34d399,#047857,#a7f3d0,#064e3b,#10b981,#065f46,#064e3b)}
.sa-frame-onyx{--sa-metal:conic-gradient(from 20deg,#0b0b0d,#3a3a40,#111114,#55555c,#0b0b0d,#2c2c31,#111114,#0b0b0d);box-shadow:0 0 0 2px #c9a24a,0 8px 20px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.25)}
.sa-avatar .sa-frame{display:block}

/* ===== Signature Gold layout: author box ===== */
.sa-author-box.sa-template-signature{background:linear-gradient(145deg,#0e0e11,#1b1b20);color:#e8e0cc;border:1px solid #b8892e;border-radius:10px;padding:30px;
  box-shadow:inset 0 0 0 4px #0e0e11,inset 0 0 0 5px rgba(201,162,74,.55),0 12px 30px rgba(0,0,0,.25)}
.sa-template-signature .sa-avatar img{border-color:#c9a24a}
.sa-template-signature .sa-copy h3{font:italic 400 32px/1.15 Georgia,"Times New Roman",serif;letter-spacing:.01em}
.sa-template-signature .sa-copy h3 a{color:#e6c372;text-decoration:none}
.sa-template-signature .sa-title{color:#c9a24a;text-transform:uppercase;letter-spacing:.14em;font-size:12px}
.sa-template-signature .sa-bio{color:#d8d0bc}
.sa-template-signature .sa-social{background:rgba(201,162,74,.14)!important;color:#e6c372;border:1px solid rgba(201,162,74,.6)}
.sa-template-signature .sa-button{background:transparent;color:#e6c372;border-color:#c9a24a}
.sa-template-signature .sa-button:hover{background:#c9a24a;color:#111}

/* ===== Signature Gold layout: profile page ===== */
.sa-profile.sa-theme-signature{padding:28px;border-radius:14px;background:#0c0c0f;color:#e8e0cc;border:1px solid #b8892e;box-shadow:inset 0 0 0 5px #0c0c0f,inset 0 0 0 6px rgba(201,162,74,.45)}
.sa-theme-signature .sa-profile-cover{background:linear-gradient(120deg,#6b4a12,#c9a24a 50%,#6b4a12)}
.sa-theme-signature .sa-profile-avatar img{border-color:#0c0c0f;outline-color:#c9a24a}
.sa-theme-signature .sa-profile-avatar .sa-frame img{border:0;outline:0}
.sa-theme-signature h1{font:italic 400 42px/1.15 Georgia,"Times New Roman",serif;color:#e6c372}
.sa-theme-signature .sa-title{color:#c9a24a;text-transform:uppercase;letter-spacing:.14em;font-size:13px}
.sa-theme-signature .sa-latest h2,.sa-theme-signature .sa-side-card h2{color:#e6c372;font-family:Georgia,"Times New Roman",serif}
.sa-theme-signature .sa-profile-post{border-color:#2a2a30}
.sa-theme-signature .sa-profile-post h3 a{color:#f1e6c8;text-decoration:none}
.sa-theme-signature .sa-profile-post time{color:#9a9180}
.sa-theme-signature .sa-side-card{background:#15151a;border-color:#3a2f15;color:#d8d0bc}
.sa-theme-signature .sa-social{background:rgba(201,162,74,.14)!important;color:#e6c372;border:1px solid rgba(201,162,74,.6)}
.sa-theme-signature .sa-button-solid{background:#c9a24a;border-color:#c9a24a;color:#111}
.sa-theme-signature .sa-button-solid:hover{background:#e6c372;border-color:#e6c372}

/* ===== Admin ===== */
.sa-photo-preview{display:block;width:150px;height:150px;border-radius:50%;object-fit:cover;border:3px solid #c9a24a;margin-bottom:10px}
.sa-photo-warn{color:#b32d2e!important;font-weight:600}
.sa-frame-picker{display:flex;flex-wrap:wrap;gap:14px}
.sa-frame-picker label{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;border:1px solid #dcdcde;border-radius:10px;background:#fff;cursor:pointer;min-width:120px}
.sa-frame-picker input:checked ~ .sa-demo-wrap{outline:3px solid #2271b1;outline-offset:6px;border-radius:50%}
.sa-demo-wrap{display:inline-block;margin:8px}
.sa-demo{display:block;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#e7eef7 0 14px,transparent 15px),radial-gradient(ellipse at 50% 100%,#e7eef7 0 28px,transparent 29px),#1d4f91}
.sa-frame-picker em{font-style:normal;font-size:12px}
