/* =====================================================================
   PARTILHA NO PRODUTO · botão "Partilhar" + pequeno menu (Racestars)
   O QUÊ:  botão redondo com ícone de partilha (linha fina, Lucide "share-2",
           licença MIT), logo por baixo do coração (lista de preferências),
           no canto superior direito da galeria. No telemóvel abre a
           partilha nativa; no computador abre um menu com WhatsApp,
           Facebook, E-mail e "Copiar link".
   ONDE:   juntar ao stylesheet.css do tema, ou carregar só na página de
           produto com partilha-produto.js (ver LEIA-ME.txt).
   ESTILO: botão SEM fundo (transparente), ícone escuro #1d2021 com contorno
           claro subtil; laranja ao passar/aberto. Menu: claro no computador,
           escuro no telemóvel. Coração a condizer: coracao-transparente.css (opcional).
   REVERTER: apagar este bloco (e o partilha-produto.js).
   ===================================================================== */
.rs-share{position:absolute;top:58px;right:10px;z-index:21;font-family:Montserrat,sans-serif}
.rs-share-btn{position:relative;width:44px;height:44px;border:0;border-radius:50%;padding:0;cursor:pointer;
  display:flex;align-items:center;justify-content:center;background:transparent;color:#1d2021;box-shadow:none;transition:color .15s}
.rs-share-btn::before{content:"";position:absolute;inset:0;border-radius:50%}
.rs-share-btn svg{width:22px;height:22px;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 2px rgba(255,255,255,.85))} /* contorno claro: legível em fotos escuras */
.rs-share-btn:hover,.rs-share-btn[aria-expanded="true"]{color:#ff8a00}
.rs-share-btn:focus-visible{outline:2px solid #f5a623;outline-offset:2px}
.rs-share-pop{position:absolute;top:0;right:52px;width:208px;padding:6px;background:#fff;border:1px solid #e6e6e6;border-radius:10px;
  box-shadow:0 8px 24px rgba(0,0,0,.10)}
.rs-share-pop[hidden]{display:none}
.rs-share-pop::before{content:"";display:block;height:2px;margin:-6px -6px 6px;border-radius:10px 10px 0 0;background:linear-gradient(90deg,#f5a623,#ff8a00)}
.rs-share-t{margin:2px 10px 6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b7075}
.rs-share-i{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 10px;border:0;border-radius:6px;background:none;
  font:500 14px Montserrat,sans-serif;color:#1c2021;text-decoration:none;cursor:pointer;text-align:left}
.rs-share-i svg{width:18px;height:18px;flex:none;color:#6b7075}
.rs-share-i:hover,.rs-share-i:focus-visible{background:#f5f5f5;color:#1c2021;outline:none}
.rs-share-i:hover svg{color:#ff8a00}
.rs-share-i.is-ok,.rs-share-i.is-ok svg{color:#1f7a3a}
@media (max-width:768px){
  .rs-share-pop{background:#222527;border-color:#33383b;box-shadow:0 8px 24px rgba(0,0,0,.4)}
  .rs-share-t{color:#9aa0a6}
  .rs-share-i{color:#f2f2f2}.rs-share-i svg{color:#9aa0a6}
  .rs-share-i:hover,.rs-share-i:focus-visible{background:#2c3033;color:#fff}
  .rs-share-i.is-ok,.rs-share-i.is-ok svg{color:#6fd08c}
}