/* ============================================================
   12-share.css — the Share dialog and the view of a shared deck
   (?deck=…, js/share.js). Loads after 11-plus.css.
   ============================================================ */
.share-link{display:flex; gap:8px; align-items:center;}
.share-link input{
  flex:1; min-width:0; font:inherit; font-size:14px; color:var(--text); background:var(--bg-2);
  border:1px solid var(--line-2); border-radius:var(--r1); padding:10px 12px;
}
.share-link input:focus{outline:none; border-color:var(--accent);}
.shared-head .eyebrow{margin-bottom:4px;}
.shared-hint{margin:12px 0 0; font-size:13.5px; color:var(--text-dim); line-height:1.55;}
.shared-foot{margin-top:18px;}
.shop-head{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;}
.shop-head h3{margin:0;}
@media(max-width:960px){
  .share-link{flex-wrap:wrap;}
  .share-link input{flex-basis:100%; font-size:16px;}
  .share-link .btn{flex:1;}
}
#view-shared .dr-right{gap:8px;}

/* The shopping list has a tab of its own now and no longer folds;
   "Buy all" sits at the end of the title line. */
.shop-head{justify-content:flex-start;}
.shop-head .btn{margin-left:auto;}

/* Copy list and Buy all side by side at the end of the title line; under the
   list, "Bought these cards?" puts them into the collection. */
.shop-head .shop-acts{margin-left:auto; display:flex; gap:8px; flex-wrap:wrap;}
.shop-head .shop-acts .btn{margin-left:0;}
.shop-foot{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;
  margin-top:14px; font-size:13px; color:var(--text-dim);}
/* Only an unavailable option fades. The active one of a choice like
   Mainboard/Sideboard is disabled too (nothing to switch to), but it must
   keep its accent fill, also under the mouse. */
.seg button:disabled:not(.active){opacity:.4; cursor:not-allowed;}
.seg button:disabled:not(.active):hover{background:transparent;}
.seg button.active:disabled{opacity:1; cursor:default;}