/* RBS Share -- Facebook-style share arrow + the same share pop-up used on RBS Community.
   Used on the Learning Partner profile and on an opened Learning Partner program.
   The pop-up is a visual copy of .rbs-community-share-* (rbs-community.css); it has its
   own class names (rbs-share-*) so it can never clash with the Community sheet when both
   are on one page (the Community block is shown at the bottom of partner profiles). */

/* ---------- Share arrow (Facebook style) ---------- */
.rbs-share-btn{
	display:inline-flex;align-items:center;justify-content:center;
	width:28px;height:28px;margin:0 0 0 6px;padding:0;
	vertical-align:middle;position:relative;top:-1px;
	border:0;border-radius:50%;background:transparent;
	color:#65676b;cursor:pointer;line-height:1;
	-webkit-tap-highlight-color:transparent;
	transition:background .15s ease,color .15s ease,transform .15s ease;
}
.rbs-share-btn svg{width:18px;height:18px;display:block;flex-shrink:0}
.rbs-share-btn:hover,.rbs-share-btn:focus-visible{background:#f0f2f5;color:#16171a}
.rbs-share-btn:active{transform:scale(.92)}
.rbs-share-btn:focus-visible{outline:2px solid #a9861f;outline-offset:1px}

/* ---------- Share pop-up (same look as the RBS Community sheet) ---------- */
.rbs-share-sheet{--rbs-s-gold:#D4AF37;--rbs-s-gold-dark:#a9861f;--rbs-s-line:#e7e3d8;--rbs-s-muted:#6e727a;--rbs-s-soft:#fdf9f0;--rbs-s-black:#16171a;--rbs-s-ink:#2b2d31;
	position:fixed;inset:0;z-index:2147483001;display:flex;align-items:flex-end;justify-content:center;
	font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.rbs-share-sheet[hidden]{display:none}
.rbs-share-backdrop{position:absolute;inset:0;background:rgba(12,11,6,.74);backdrop-filter:blur(2px)}
.rbs-share-panel{position:relative;width:100%;max-width:480px;max-height:82vh;overflow:auto;box-sizing:border-box;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -16px 50px rgba(0,0,0,.28);padding:10px 20px calc(22px + env(safe-area-inset-bottom,0px));border-top:3px solid var(--rbs-s-gold)}
.rbs-share-handle{width:38px;height:4px;border-radius:3px;background:var(--rbs-s-line);margin:6px auto 14px}
.rbs-share-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.rbs-share-head span{font-family:Georgia,'Iowan Old Style','Palatino Linotype','Book Antiqua',serif;font-size:17px;color:var(--rbs-s-black)}
.rbs-share-close{border:0;background:transparent;font-size:22px;line-height:1;color:var(--rbs-s-muted);cursor:pointer;padding:2px 6px}
.rbs-share-close:hover{color:var(--rbs-s-black)}
.rbs-share-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 6px;margin-bottom:18px}
.rbs-share-option{display:flex;flex-direction:column;align-items:center;gap:7px;border:0;background:transparent;text-decoration:none!important;cursor:pointer;padding:2px;font-family:inherit;font-size:10.5px;font-weight:700;color:var(--rbs-s-ink)!important}
.rbs-share-option[hidden]{display:none}
.rbs-share-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:#fff}
.rbs-share-icon svg{width:23px;height:23px}
.rbs-share-icon-whatsapp{background:#25D366}
.rbs-share-icon-facebook{background:#1877F2}
.rbs-share-icon-instagram{background:radial-gradient(circle at 30% 110%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.rbs-share-icon-telegram{background:#229ED9}
.rbs-share-icon-x{background:#000}
.rbs-share-icon-email{background:var(--rbs-s-muted)}
.rbs-share-icon-more{background:var(--rbs-s-black)}
.rbs-share-linkrow{display:flex;align-items:center;gap:8px;border:1px solid var(--rbs-s-line);border-radius:11px;padding:6px 6px 6px 13px;background:var(--rbs-s-soft)}
.rbs-share-linkrow input{flex:1;min-width:0;border:0;background:transparent;box-shadow:none;font-size:11.5px;color:var(--rbs-s-muted);padding:6px 0;margin:0}
.rbs-share-linkrow input:focus{outline:none;box-shadow:none}
.rbs-share-linkrow button{flex-shrink:0;border:0;border-radius:8px;background:linear-gradient(155deg,var(--rbs-s-gold),var(--rbs-s-gold-dark));color:var(--rbs-s-black);padding:9px 15px;font-family:inherit;font-size:11px;font-weight:800;cursor:pointer;transition:background .15s ease,color .15s ease}
.rbs-share-linkrow button.is-copied{background:#27713a;color:#fff}
@media (max-width:380px){
	.rbs-share-grid{grid-template-columns:repeat(3,1fr)}
}

/* The profile meta line is shown at 60% opacity; use the darker ink there so the arrow ends up the same grey as on the program page. */
.rbs-lp-profile-meta .rbs-share-btn{color:#16171a}
.rbs-lp-profile-meta .rbs-share-btn:hover,.rbs-lp-profile-meta .rbs-share-btn:focus-visible{background:#e4e6eb}