/* Sharing: big worded buttons, readable colours (white text on each passes 4.5:1). */
.nwh-share{margin:28px 0 8px;padding:16px 0 0;border-top:1px solid #E3E9E7;font-size:17px;line-height:1.4}
.nwh-share-h{margin:0 0 10px;font-size:18px;font-weight:800;color:#0D1B24}
.nwh-share-row{display:flex;flex-wrap:wrap;gap:10px}
.nwh-share-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;margin:0;padding:9px 16px;border:2px solid transparent;border-radius:10px;font:inherit;font-size:17px;font-weight:800;line-height:1.2;color:#fff!important;text-decoration:none!important;cursor:pointer;white-space:nowrap}
.nwh-share-btn[hidden]{display:none}
.nwh-share-fb{background:#1464CC}
.nwh-share-wa{background:#0F7A5C}
.nwh-share-x{background:#0D1B24}
.nwh-share-mail{background:#0B4F6C}
.nwh-share-copy,.nwh-share-native{background:#fff;border-color:#0B4F6C;color:#0B4F6C!important}
.nwh-share-btn:hover{filter:brightness(1.12)}
.nwh-share-copy:hover,.nwh-share-native:hover{background:#EAF1F5;filter:none}
.nwh-share-btn:focus-visible,.nwh-share-compact>summary:focus-visible{outline:3px solid #FF5A36;outline-offset:2px}
.nwh-share-status{margin:8px 0 0;font-size:16px;font-weight:700;color:#0F7A5C;overflow-wrap:anywhere}
.nwh-share-status:empty{display:none}
/* Folded variant for lists (events, group walks): one button opens the choices in place, no pop-up. */
.nwh-share-compact{margin:0}
.nwh-share-compact>summary{display:inline-flex;align-items:center;box-sizing:border-box;min-height:44px;padding:8px 14px;border:2px solid #0B4F6C;border-radius:10px;background:#fff;color:#0B4F6C;font-size:17px;font-weight:800;line-height:1.2;cursor:pointer;list-style:none}
.nwh-share-compact>summary::-webkit-details-marker{display:none}
.nwh-share-compact[open]>summary{background:#0B4F6C;color:#fff}
.nwh-share-compact .nwh-share{margin:10px 0 4px;padding:0;border:0}
/* Invite card on the profile */
.nwh-invite-friend .nwh-share{margin-top:12px;padding-top:0;border-top:0}
@media (max-width:480px){
 .nwh-share-row{gap:8px}
 .nwh-share-btn{flex:1 1 calc(50% - 8px);padding:9px 10px}
}
/* Member pages (BuddyPress): the theme styles every button inside #buddypress by id.
   Colours follow the member area there; only the size is ours, so two buttons fit side by side on a phone. */
body:not(#_) #buddypress .nwh-share .nwh-share-btn{padding:9px 16px;font-size:17px;line-height:1.2}
@media (max-width:480px){
 body:not(#_) #buddypress .nwh-share .nwh-share-btn{padding:9px 10px}
}