/* ============================================================
   costandprofitability.com - universal social share bar (Peça 1 + 6)
   Praxis. Scoped .cc-share. Vanilla, no deps. EN / PT-PT / ES-ES.
   Variants: rail (desktop sticky left) · end (end-of-article block)
             · bottombar (mobile sticky bottom, optional).
   Never blue.
   ============================================================ */
.cc-share{
  --o:#C75B22; --o-br:#E2761A; --grn:#1C7A57;
  --ink:#1A1714; --ink2:#4A453E; --muted:#756859; --muted2:#9A8E7E;
  --paper:#F3EEE4; --paper2:#EDE6D8; --surface:#FBF9F3; --surface2:#FAF7F0;
  --line:#DCD3C2; --line2:#C9BEAA; --dark:#14110D; --wheat:#E8DBC2;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
  --serif:'Newsreader',Georgia,serif;
  --sans:'Hanken Grotesk',system-ui,sans-serif;
  font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;
}
.cc-share *{box-sizing:border-box;}

/* shared button */
.cc-share .sh-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;
  border:1px solid var(--line2);background:var(--surface);color:var(--ink2);
  border-radius:100px;transition:all .14s;text-decoration:none;font-family:var(--sans);
}
.cc-share .sh-btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7;flex:none;}
.cc-share .sh-btn:hover{border-color:var(--o);color:var(--o);transform:translateY(-1px);}
.cc-share .sh-btn:focus-visible{outline:2px solid var(--o);outline-offset:2px;}

/* ---------- RAIL (desktop vertical sticky) ---------- */
.cc-share.rail{position:sticky;top:120px;display:flex;flex-direction:column;gap:9px;align-items:center;}
.cc-share.rail .sh-lab{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted2);writing-mode:vertical-rl;transform:rotate(180deg);margin-bottom:6px;}
.cc-share.rail .sh-btn{width:42px;height:42px;padding:0;}
@media(max-width:1100px){ .cc-share.rail{display:none;} }

/* ---------- END (end-of-article horizontal block) ---------- */
.cc-share.end{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin:8px 0;display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.cc-share.end .sh-title{font-family:var(--serif);font-size:19px;color:var(--ink);font-weight:500;margin-right:4px;}
.cc-share.end .sh-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.cc-share.end .sh-btn{height:42px;padding:0 16px;font-size:13.5px;font-weight:600;}
.cc-share.end .sh-btn.icon-only{width:42px;padding:0;}
.cc-share.end .sh-suggest{margin-left:auto;}
.cc-share.end .sh-btn.suggest{background:var(--dark);color:var(--paper);border-color:var(--dark);}
.cc-share.end .sh-btn.suggest:hover{background:var(--o);border-color:var(--o);color:#fff;transform:translateY(-1px);}
.cc-share.end .sh-btn.suggest svg{stroke:currentColor;}
@media(max-width:680px){
  .cc-share.end{flex-direction:column;align-items:flex-start;gap:14px;}
  .cc-share.end .sh-suggest{margin-left:0;width:100%;}
  .cc-share.end .sh-btn.suggest{width:100%;}
}

/* ---------- BOTTOMBAR (mobile sticky bottom, optional) ---------- */
.cc-share.bottombar{position:fixed;left:0;right:0;bottom:0;z-index:80;display:none;
  background:rgba(243,238,228,.96);backdrop-filter:saturate(150%) blur(10px);
  border-top:1px solid var(--line);padding:8px 12px;justify-content:space-around;gap:8px;}
.cc-share.bottombar .sh-btn{width:40px;height:40px;padding:0;border-color:transparent;background:transparent;}
.cc-share.bottombar .sh-btn:hover{background:var(--surface);}
@media(max-width:1100px){ .cc-share.bottombar.on{display:flex;} }

/* LinkedIn brand-ish hover accents stay Praxis orange (never blue) */

/* ---------- toast ---------- */
.cc-share-toast{position:fixed;left:50%;bottom:34px;transform:translateX(-50%) translateY(12px);
  background:var(--dark);color:var(--paper);font-family:var(--sans);font-size:14px;font-weight:500;
  padding:12px 20px;border-radius:100px;box-shadow:0 10px 30px -10px rgba(20,17,13,.5);
  opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:200;display:flex;align-items:center;gap:9px;}
.cc-share-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
.cc-share-toast svg{width:16px;height:16px;stroke:var(--o-br);fill:none;stroke-width:2;}