/* LinkGenie share button + dialog (1.3.5). Same layout as the GWA LMS share popup, in LinkGenie colours.
   Colours are --shr-* variables on .gwa-lg-share and --hdr-* on the header, so a dark theme only re-maps variables. */

/* Header icon group (share now; room for more round icons, e.g. a theme toggle). */
.gwa-lg-hdr__tools{display:flex;align-items:center;gap:6px;margin-right:2px}
.gwa-lg-hdr .gwa-lg-hdr__icon{appearance:none;-webkit-appearance:none;flex:none;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin:0;padding:0;border:0;border-radius:999px;background:rgba(var(--gwa-purple-rgb),.08);color:var(--hdr-text);cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .15s ease,box-shadow .2s ease}
.gwa-lg-hdr .gwa-lg-hdr__icon svg{width:19px;height:19px}
.gwa-lg-hdr .gwa-lg-hdr__icon:hover,.gwa-lg-hdr .gwa-lg-hdr__icon[aria-expanded="true"]{background:var(--gwa-gradient);color:#fff;box-shadow:0 6px 18px rgba(var(--gwa-pink-rgb),.28)}
.gwa-lg-hdr .gwa-lg-hdr__icon:focus-visible{outline:2px solid var(--gwa-pink);outline-offset:2px}
.gwa-lg-hdr .gwa-lg-hdr__icon:active{transform:scale(.94)}
.gwa-lg-hdr--dark .gwa-lg-hdr__icon{background:rgba(255,255,255,.12)}
.gwa-lg-drw__tools{display:flex;flex-wrap:wrap;gap:10px}
.gwa-lg-drw__tools .gwa-lg-share-trigger--drawer{flex:1 1 auto;justify-content:center;gap:10px}
.gwa-lg-drw__tools .gwa-lg-share-trigger--drawer svg{width:18px;height:18px}
@media (max-width:520px){.gwa-lg-hdr .gwa-lg-hdr__icon{width:40px;height:40px}.gwa-lg-hdr__tools{margin-right:0}}
/* Phones: make room for the icon group (logo + icons + Sign up + burger must fit inside the pill). */
@media (max-width:440px){
  .gwa-lg-hdr__pill:has(.gwa-lg-hdr__tools){gap:8px;padding-left:16px}
  .gwa-lg-hdr__pill:has(.gwa-lg-hdr__tools) .gwa-lg-hdr__logo img{max-width:104px}
  .gwa-lg-hdr__pill:has(.gwa-lg-hdr__tools) .gwa-lg-hdr__actions{gap:6px}
  .gwa-lg-hdr__pill:has(.gwa-lg-hdr__tools) .gwa-lg-hdr__actions .gwa-lg-hdr__btn--solid{height:40px;padding:0 13px;font-size:13.5px}
  .gwa-lg-hdr__pill:has(.gwa-lg-hdr__tools) .gwa-lg-hdr__burger{width:42px;height:42px}
  .gwa-lg-hdr .gwa-lg-hdr__icon{width:38px;height:38px}
}
@media (max-width:380px){
  .gwa-lg-hdr__pill:has(.gwa-lg-hdr__tools){padding-left:14px;padding-right:6px}
  .gwa-lg-hdr__pill:has(.gwa-lg-hdr__tools) .gwa-lg-hdr__logo img{max-width:94px}
  .gwa-lg-hdr__pill:has(.gwa-lg-hdr__tools) .gwa-lg-hdr__actions .gwa-lg-hdr__btn--solid{padding:0 11px;font-size:13px}
}
/* 1.4.19: toggle + share both stay in the pill on phones; slightly smaller icons below 440px */
@media (max-width:440px){.gwa-lg-hdr__pill:has(.gwa-lg-hdr__tools) .gwa-lg-hdr__tools{gap:4px}.gwa-lg-hdr__pill:has(.gwa-lg-hdr__tools) .gwa-lg-hdr__icon{width:36px;height:36px}.gwa-lg-hdr__pill:has(.gwa-lg-hdr__tools) .gwa-lg-hdr__icon svg{width:18px;height:18px}}
@media (max-width:380px){.gwa-lg-hdr__pill:has(.gwa-lg-hdr__tools){gap:6px}.gwa-lg-hdr__pill:has(.gwa-lg-hdr__tools) .gwa-lg-hdr__logo{margin-right:2px}.gwa-lg-hdr__pill:has(.gwa-lg-hdr__tools) .gwa-lg-hdr__icon{width:34px;height:34px}.gwa-lg-hdr__pill:has(.gwa-lg-hdr__tools) .gwa-lg-hdr__burger{width:40px;height:40px}}
@media (max-width:339px){.gwa-lg-hdr__actions .gwa-lg-hdr__tools{display:none}} /* very narrow phones: toggle + share stay in the menu */

/* Dialog */
html.gwa-lg-share-open,html.gwa-lg-share-open body{overflow:hidden}
.gwa-lg-share[hidden]{display:none!important}
.gwa-lg-share{--shr-bg:#fff;--shr-text:var(--gwa-navy);--shr-muted:var(--gwa-muted,#5d6177);--shr-tile:rgba(var(--gwa-purple-rgb),.05);--shr-tile-b:rgba(var(--gwa-purple-rgb),.12);--shr-backdrop:rgba(var(--gwa-navy-rgb),.55);position:fixed;inset:0;z-index:999995;display:flex;align-items:center;justify-content:center;padding:20px;font-family:var(--gwa-font);line-height:1.4}
.gwa-lg-share__backdrop{position:absolute;inset:0;background:var(--shr-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.gwa-lg-share__panel{position:relative;box-sizing:border-box;width:min(680px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:28px 28px 24px;border-radius:24px;background:var(--shr-bg);color:var(--shr-text);box-shadow:0 30px 80px rgba(var(--gwa-navy-rgb),.35);animation:gwaShrIn .18s ease-out}
.gwa-lg-share__panel::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--gwa-gradient)}
.gwa-lg-share .gwa-lg-share__x{appearance:none;position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin:0;padding:0;border:0;border-radius:50%;background:var(--shr-tile);color:var(--shr-text);cursor:pointer}
.gwa-lg-share .gwa-lg-share__x:hover{background:rgba(var(--gwa-purple-rgb),.12)}
.gwa-lg-share .gwa-lg-share__x:focus-visible,.gwa-lg-share .gwa-lg-share__net:focus-visible,.gwa-lg-share .gwa-lg-share__copy:focus-visible,.gwa-lg-share__scan a:focus-visible{outline:2px solid var(--gwa-pink);outline-offset:2px}
.gwa-lg-share__x svg{width:18px;height:18px}
.gwa-lg-share .gwa-lg-share__title{margin:0 48px 4px 0;padding:0;font:800 24px/1.2 var(--gwa-font);letter-spacing:-.015em;color:var(--shr-text)}
.gwa-lg-share .gwa-lg-share__sub{margin:0 0 16px;padding:0;font-size:14.5px;color:var(--shr-muted)}
.gwa-lg-share__page{display:flex;flex-direction:column;gap:2px;margin:0 0 20px;padding:12px 14px;border-radius:14px;background:var(--shr-tile);border:1px solid var(--shr-tile-b);min-width:0}
.gwa-lg-share__page strong{font-size:14.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gwa-lg-share__page span{font-size:13px;color:var(--gwa-purple-ink,var(--gwa-purple));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gwa-lg-share__cols{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:start}
.gwa-lg-share__cols--noqr{grid-template-columns:1fr}
.gwa-lg-share__qrcol{display:flex;flex-direction:column;align-items:center;gap:10px}
.gwa-lg-share__qr{box-sizing:border-box;width:200px;aspect-ratio:1;padding:8px;border-radius:18px;background:#fff;border:1px solid var(--shr-tile-b)}
.gwa-lg-share__qr img{display:block;width:100%;height:100%}
.gwa-lg-share__qrcol.is-noqr .gwa-lg-share__qr,.gwa-lg-share__qrcol.is-noqr .gwa-lg-share__scan{display:none}
.gwa-lg-share .gwa-lg-share__scan{margin:0;padding:0;font-size:12.5px;text-align:center;color:var(--shr-muted)}
.gwa-lg-share__scan a{color:var(--gwa-pink)!important;font-weight:600;text-decoration:none!important;white-space:nowrap}
.gwa-lg-share .gwa-lg-share__copy{width:100%;padding:13px 18px;font-size:15px;gap:8px}
.gwa-lg-share .gwa-lg-share__copy.is-done{background:var(--gwa-purple)}
.gwa-lg-share__copy svg{width:18px;height:18px}
.gwa-lg-share__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.gwa-lg-share .gwa-lg-share__net{appearance:none;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:72px;margin:0;padding:10px 6px;border-radius:16px;border:1px solid var(--shr-tile-b);background:var(--shr-tile);color:var(--shr-text)!important;text-decoration:none!important;font:600 12.5px/1.2 var(--gwa-font);cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .15s}
.gwa-lg-share__net[hidden]{display:none!important}
.gwa-lg-share .gwa-lg-share__net:hover{background:var(--gwa-gradient);border-color:transparent;color:#fff!important;transform:translateY(-1px)}
.gwa-lg-share__net svg{width:21px;height:21px}
.gwa-lg-share .gwa-lg-share__hint{margin:14px 0 0;padding:10px 14px;border-radius:12px;background:var(--shr-tile);border:1px solid var(--shr-tile-b);font-size:13.5px;color:var(--shr-text)}
@keyframes gwaShrIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@keyframes gwaShrUp{from{transform:translateY(100%)}to{transform:none}}
@media (max-width:767px){
  .gwa-lg-share{align-items:flex-end;padding:0}
  .gwa-lg-share__panel{width:100%;max-height:90vh;padding:28px 16px calc(18px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;animation:gwaShrUp .24s ease-out}
  .gwa-lg-share__panel::after{content:"";position:absolute;top:10px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:rgba(var(--gwa-navy-rgb),.15)}
  .gwa-lg-share__cols{grid-template-columns:1fr;gap:16px}
  .gwa-lg-share__qrcol{display:grid;grid-template-columns:116px 1fr;grid-template-areas:"qr scan" "qr copy";gap:8px 14px;align-items:center}
  .gwa-lg-share__qrcol.is-noqr,.gwa-lg-share__cols--noqr .gwa-lg-share__qrcol{display:flex}
  .gwa-lg-share__qr{width:116px;grid-area:qr;padding:5px;border-radius:14px}
  .gwa-lg-share .gwa-lg-share__scan{grid-area:scan;align-self:end;text-align:left}
  .gwa-lg-share .gwa-lg-share__copy{grid-area:copy;align-self:start}
  .gwa-lg-share .gwa-lg-share__title{font-size:20px}
  .gwa-lg-share__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .gwa-lg-share .gwa-lg-share__net{min-height:66px;font-size:11.5px}
}
@media (max-width:359px){.gwa-lg-share__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.gwa-lg-share__panel{animation:none}}