/* gb_share.css - group buying share modal (gbs-*, 2026-10-15). loaded by include/gb_nav.asp with js/gb_share.js.
   kept out of gb_ui.css on purpose : server gb_ui.css is edited separately, so a merge could drop these rules. ASCII only. */
/* ---- share modal (gbs-*, 2026-10-15) : js/gb_share.js window.GBShare. plan 12 / 20260928 groupbuy common.css gbs-* port.
   center modal (no bottom sheet). appended inside #group_buying_area, toast on body. ---- */
.gbs-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;}
.gbs-modal.show{display:flex;}
.gbs-modal *{box-sizing:border-box;}
.gbs-modal [hidden]{display:none !important;}
.gbs-box{position:relative;background:var(--clear);border-radius:16px;padding:22px;max-width:420px;width:100%;max-height:88vh;overflow-y:auto;box-shadow:0 20px 50px -20px rgba(0,0,0,.4);text-align:left;}
.gbs-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.gbs-title{margin:0;font-size:17px;font-weight:800;color:var(--ink);}
.gbs-close{width:36px;height:36px;min-width:36px;padding:0;border-radius:50%;border:none;background:var(--belief);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.gbs-pending{margin-top:14px;background:var(--accent-soft);border-radius:10px;padding:11px 13px;font-size:12.5px;line-height:1.6;color:#5a4a00;}
.gbs-warn{margin-top:14px;background:var(--belief);border-left:4px solid var(--orange);border-radius:0 10px 10px 0;padding:11px 13px;font-size:12.5px;line-height:1.6;color:var(--ink);}
.gbs-pv-label{font-size:12px;font-weight:700;color:var(--hint);margin-top:16px;}
.gbs-preview{margin-top:8px;}
.gbs-pv-card{display:flex;gap:11px;border:1px solid var(--border);border-radius:12px;padding:11px;background:var(--belief);}
.gbs-pv-img{width:64px;height:64px;border-radius:9px;object-fit:cover;flex-shrink:0;background:var(--clear);}
.gbs-pv-body{min-width:0;}
.gbs-pv-title{font-size:13.5px;font-weight:800;color:var(--ink);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.gbs-pv-desc{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.gbs-pv-domain{font-size:11px;color:var(--hint);margin-top:5px;}
.gbs-linkrow{display:flex;gap:8px;margin-top:14px;}
.gbs-modal .gbs-link-input{flex:1;min-width:0;width:auto;height:44px;border:1.5px solid var(--border);border-radius:10px;padding:0 12px;font-size:12.5px;color:var(--muted);background:var(--belief);}
.gbs-copy-btn{height:44px;min-width:64px;padding:0 14px;border-radius:10px;border:none;background:var(--primary);color:var(--clear);font-size:13px;font-weight:800;cursor:pointer;}
.gbs-channels{display:flex;gap:8px;margin-top:14px;}
.gbs-ch{flex:1;min-height:64px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);border-radius:12px;background:var(--clear);font-size:12px;font-weight:700;color:var(--ink);cursor:pointer;font-family:inherit;}
.gbs-ch-ic{display:flex;align-items:center;justify-content:center;height:22px;}
.gbs-ch-ic svg{display:block;}
.gbs-ch:hover{border-color:var(--primary);}
.gbs-ch.on{border-color:var(--trendy);border-width:2px;}
.gbs-ch[data-ch="kakao"].on{background:var(--kakao);border-color:var(--kakao);}
.gbs-ch:disabled{opacity:.45;cursor:not-allowed;}
.gbs-guide{margin-top:12px;min-height:18px;font-size:12.5px;line-height:1.6;color:var(--good);text-align:center;}
.gbs-toast{position:fixed;left:50%;bottom:32px;transform:translateX(-50%) translateY(12px);max-width:90vw;background:rgba(14,14,16,.92);color:#fff;font-size:13px;font-weight:600;line-height:1.5;padding:11px 18px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:10001;text-align:center;}
.gbs-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
@media (max-width:480px){
  .gbs-box{padding:18px;}
  .gbs-ch{min-height:60px;}
}

/* join/complete.asp kakao share button (2026-10-16). class renamed kakao -> share-kakao :
   the site login script binds $(".kakao").on("click", Kakao login) to every .kakao element, so the share button also started Kakao login.
   same look as gb_join.css .share-btn.kakao (gb_join.css left untouched). */
#group_buying_area.gb-done-body .share-btn.share-kakao{background:#FEE500;border-color:#FEE500;color:#3A1D1D;}