/* Umbral Market — share widget styles.
   Root-served at /share.css (nginx root convention, NOT /static/).
   Loaded site-wide by _inject_share() only on pages carrying the <!--um-share--> sentinel.
   Design tokens match the dark/gold system (bg #1a1a2e family, gold #ffd100, Cinzel+Outfit). */
.um-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 6px;font-family:'Outfit',sans-serif}
.um-share[hidden]{display:none}
.um-share-label{font-family:'Cinzel',serif;font-weight:600;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,209,0,.72);margin-right:4px}
.um-share-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:44px;padding:0 14px;border-radius:10px;cursor:pointer;font-family:'Outfit',sans-serif;font-size:13px;font-weight:500;color:#ede0ff;background:linear-gradient(135deg,rgba(40,30,15,.5),rgba(20,16,30,.5));border:1px solid rgba(120,85,220,.22);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:transform .12s,border-color .15s,background .15s;text-decoration:none;-webkit-tap-highlight-color:transparent}
.um-share-btn:hover{transform:translateY(-1px);border-color:rgba(130,95,230,.42);background:linear-gradient(135deg,rgba(50,38,18,.6),rgba(28,22,40,.6))}
.um-share-btn:focus-visible{outline:2px solid #ffd100;outline-offset:4px;border-color:rgba(255,209,0,.5)}
.um-share-btn svg{width:17px;height:17px;flex:0 0 auto;display:block}
.um-share-btn-primary{border-color:rgba(255,209,0,.32);color:#ffd100}
.um-share-btn-primary:hover{border-color:rgba(255,209,0,.55)}
.um-share-btn.is-copied{border-color:rgba(120,220,140,.55);color:#9bdfa0}
.um-share-icon-only{padding:0;width:44px}
.um-share-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:10001;padding:10px 24px;border-radius:10px;font-size:12px;font-family:'Outfit',sans-serif;color:#c4a0ff;background:rgba(20,10,50,.92);border:1px solid #9b6fff;opacity:0;pointer-events:none;transition:opacity .3s}
.um-share-toast.show{opacity:1}
@media(max-width:600px){.um-share{gap:6px}.um-share-btn{font-size:12px;padding:0 12px}.um-share-label{width:100%;margin:0 0 2px}}
@media(prefers-reduced-motion:reduce){.um-share-btn{transition:none}.um-share-btn:hover{transform:none}.um-share-toast{transition:none}}