/* ===== 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}


/* ===== Extra social networks ===== */
.sa-social-youtube{background:#f00}.sa-social-tiktok{background:#010101}.sa-social-pinterest{background:#e60023}.sa-social-whatsapp{background:#25d366}
.sa-social-telegram{background:#229ed9}.sa-social-github{background:#24292f}.sa-social-behance{background:#1769ff}.sa-social-dribbble{background:#ea4c89}
.sa-social-medium{background:#12100e}.sa-social-threads{background:#101010}.sa-social-snapchat{background:#fffc00;color:#111}.sa-social-reddit{background:#ff4500}
.sa-social-twitch{background:#9146ff}.sa-social-discord{background:#5865f2}.sa-social-spotify{background:#1db954}

/* ===== Stats ===== */
.sa-stats{display:grid;grid-template-columns:1fr;gap:16px;margin:8px 0 28px}
.sa-stats.has-custom{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.sa-panel{padding:20px;border-radius:12px;border:1px solid #e2e8f0;background:#fff}
.sa-panel h2{margin:0 0 14px;font-size:18px}
.sa-panel h3{margin:18px 0 10px;font-size:13px;font-weight:600;opacity:.75}
.sa-stat-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sa-stat{padding:12px 10px;text-align:center;border-radius:10px;background:var(--sa-bg,#f8fafc)}
.sa-stat strong{display:block;font-size:22px;line-height:1.2;color:var(--sa-accent,#0b6bcb)}
.sa-stat span{font-size:12px;opacity:.75}
.sa-bars{display:flex;align-items:flex-end;gap:6px;height:90px}
.sa-bar-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}
.sa-bar{display:block;width:100%;max-width:22px;border-radius:4px 4px 0 0;background:var(--sa-accent,#38bdf8)}
.sa-bar-col em{font-style:normal;font-size:10px;opacity:.65}
.sa-custom-stats{list-style:none;margin:0;padding:0}
.sa-custom-stats li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:12px 0;border-bottom:1px solid rgba(148,163,184,.3)}
.sa-custom-stats li:last-child{border-bottom:0}
.sa-custom-stats strong{font-size:22px;color:var(--sa-accent,#0b6bcb)}
.sa-booking-row{margin:0 0 20px}
.sa-booking{margin-left:0}
.sa-box-stats{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0 0 14px;padding:10px 0;border-top:1px solid rgba(201,162,74,.35);border-bottom:1px solid rgba(201,162,74,.35);font-size:13px;color:#d8d0bc}
.sa-box-stats strong{color:#e6c372;font-size:16px;margin-right:4px}
.sa-box-cta{display:flex;justify-content:center;margin-top:14px}
.sa-author-box .sa-box-cta .sa-booking{margin:0}

/* ===== Signature Gold: profile hero like the mockup ===== */
.sa-theme-signature .sa-profile-hero{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:36px;row-gap:6px;align-content:center;text-align:left;padding:28px;margin-bottom:24px;border:1px solid #b8892e;border-radius:14px;background:linear-gradient(145deg,#111114,#1b1b20)}
.sa-theme-signature .sa-profile-cover{display:none}
.sa-theme-signature .sa-profile-avatar{grid-column:1;grid-row:1 / span 5;margin:0;align-self:center;justify-content:center}
.sa-theme-signature .sa-profile-hero>:not(.sa-profile-cover):not(.sa-profile-avatar){grid-column:2}
.sa-theme-signature .sa-profile-hero h1{margin:0}
.sa-theme-signature .sa-profile-bio{margin:8px 0;max-width:none;color:#d8d0bc}
.sa-theme-signature .sa-socials{justify-content:flex-start}
.sa-theme-signature .sa-panel{background:#15151a;border-color:#3a2f15;color:#d8d0bc}
.sa-theme-signature .sa-panel h2{color:#e6c372;font-family:Georgia,"Times New Roman",serif}
.sa-theme-signature .sa-stat{background:#0e0e11;border:1px solid #2a2a30}
.sa-theme-signature .sa-stat strong,.sa-theme-signature .sa-custom-stats strong{color:#e6c372}
.sa-theme-signature .sa-bar{background:linear-gradient(#e6c372,#8a5a14)}
.sa-theme-signature .sa-booking{background:#c9a24a;border-color:#c9a24a;color:#111}
.sa-theme-signature .sa-booking:hover{background:#e6c372;border-color:#e6c372}
.sa-theme-signature .sa-posts-grid .sa-profile-post{background:#15151a;border-color:#3a2f15}
.sa-theme-signature .sa-post-excerpt{color:#b9b19d}
.sa-theme-signature .sa-thumb-placeholder{background:linear-gradient(135deg,#6b4a12,#15151a)}

@media(max-width:760px){
  .sa-stats.has-custom{grid-template-columns:1fr}
  .sa-stat-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sa-theme-signature .sa-profile-hero{grid-template-columns:1fr;text-align:center;justify-items:center}
  .sa-theme-signature .sa-profile-avatar,.sa-theme-signature .sa-profile-hero>:not(.sa-profile-cover):not(.sa-profile-avatar){grid-column:1;grid-row:auto}
  .sa-theme-signature .sa-socials{justify-content:center}
}

/* ===== Newsletter form ===== */
.sa-subscribe{font-size:14px}
.sa-sub-text{margin:0 0 12px!important}
.sa-sub-form{display:flex;flex-direction:column;gap:10px;margin:0}
.sa-sub-form input[type=email]{width:100%;padding:11px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;background:#fff;color:#111;box-sizing:border-box}
.sa-sub-form .sa-button{width:100%;cursor:pointer;font-size:14px;text-align:center}
.sa-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.sa-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sa-sub-privacy{font-size:12px;opacity:.7;line-height:1.4}
.sa-sub-msg{margin:0 0 12px!important;padding:10px 12px;border-radius:8px;font-size:13px}
.sa-sub-ok{background:#dcfce7;color:#14532d}
.sa-sub-error{background:#fee2e2;color:#7f1d1d}
.sa-theme-signature .sa-sub-form input[type=email]{background:#0e0e11;border-color:#3a2f15;color:#f1e6c8}
.sa-theme-signature .sa-sub-form .sa-button-solid{background:#c9a24a;border-color:#c9a24a;color:#111}
.sa-theme-signature .sa-sub-ok{background:rgba(34,197,94,.15);color:#bbf7d0}
.sa-theme-signature .sa-sub-error{background:rgba(239,68,68,.15);color:#fecaca}

/* ===== 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}

/* Spacing between the View All Posts button and the stats row */
.sa-template-signature .sa-copy>.sa-button{margin-bottom:16px}
