/* Marble-WoW: pagina Invite friends (cores do tema: marble-custom.css) */
.mw-share { color: #b79c93; font-size: 15px; line-height: 1.55; }
.mw-share__grid { display: grid; grid-template-columns: minmax(260px, 420px) 1fr; gap: 28px; align-items: start; }

.mw-share__poster { position: sticky; top: 16px; }
.mw-share__poster img { display: block; width: 100%; height: auto; border-radius: 10px; border: 1px solid rgba(212,160,74,.35); box-shadow: 0 10px 30px rgba(0,0,0,.6); transition: transform .2s ease; }
.mw-share__poster a:hover img { transform: scale(1.01); }
.mw-share__langs { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-size: 13px; }
.mw-chip { display: inline-block; text-decoration: none !important; padding: 4px 12px; font-size: 13px; color: #e9d9cf !important; background: rgba(0,0,0,.35) !important; border: 1px solid rgba(196,42,34,.45); border-radius: 20px; cursor: pointer; }
.mw-chip.is-on, .mw-chip:hover { color: #ffd98a !important; background: linear-gradient(#8a2a16, #5a170c) !important; border-color: #d4a04a; }

.mw-share__title { margin: 0 0 8px; font-size: 1.7rem; line-height: 1.25; color: #e9d9cf; }
.mw-share__lead { margin: 0 0 18px; }
.mw-share__label { margin: 16px 0 8px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #ffd98a; }

.mw-share__btns { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 8px; }

.mw-sbtn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 14px; font-size: 14px; font-weight: 700; line-height: 1.2; color: #fff !important; text-decoration: none !important; white-space: nowrap; border: 1px solid transparent; border-radius: 8px; cursor: pointer; opacity: 1; font-style: normal; transition: filter .15s ease, transform .15s ease; }
.mw-sbtn:hover { filter: brightness(1.15); transform: translateY(-1px); opacity: 1; }
.mw-sbtn:focus-visible { outline: 2px solid #ff6a4d; outline-offset: 3px; }
.mw-sbtn--wide { width: 100%; margin-top: 12px; padding: 12px 14px; font-size: 15px; }
.mw-sbtn--gold { color: #2a1206 !important; background: linear-gradient(180deg, #ffd98a, #d4a04a) !important; border-color: #ffe7b0; }
.mw-sbtn--gold.is-done { background: linear-gradient(180deg, #8fe39b, #3fa34f) !important; border-color: #b9f5c1; }
.mw-sbtn--blood { background: linear-gradient(180deg, #c42a22, #9e1b1b) !important; border-color: #c42a22; margin-top: 6px; }
.mw-sbtn--wa { background: #1fa855 !important; }
.mw-sbtn--fb { background: #1877f2 !important; }
.mw-sbtn--x  { background: #111 !important; border-color: #444; }
.mw-sbtn--rd { background: #ff4500 !important; }
.mw-sbtn--tg { background: #229ed9 !important; }
.mw-sbtn--tt { background: #000 !important; border-color: #25f4ee; box-shadow: inset -2px 0 0 #fe2c55; }
.mw-share__ttnote { margin: 8px 0 0; padding: 8px 12px; font-size: 13px; color: #e9d9cf; background: rgba(37,244,238,.08); border: 1px solid rgba(37,244,238,.35); border-radius: 8px; }

.mw-share__copyrow { display: flex; gap: 8px; margin-top: 12px; }
.mw-share__copyrow input, .mw-share textarea { flex: 1; min-width: 0; padding: 10px 12px; font-size: 14px; color: #e9d9cf; background: rgba(0,0,0,.45); border: 1px solid rgba(196,42,34,.45); border-radius: 8px; }
.mw-share textarea { display: block; width: 100%; resize: vertical; font-family: inherit; line-height: 1.5; }
.mw-share__msgfoot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 8px; }
.mw-share__msgfoot small { opacity: .8; }

.mw-share__card { margin-top: 18px; padding: 14px 16px; background: rgba(0,0,0,.30); border: 1px solid rgba(212,160,74,.25); border-radius: 10px; }
.mw-share__card h3 { margin: 0 0 8px; font-size: 1.05rem; color: #ffd98a; }
.mw-share__card p { margin: 0 0 8px; }
.mw-share__card--rec { border-color: rgba(212,160,74,.55); background: linear-gradient(135deg, rgba(158,27,27,.25), rgba(0,0,0,.3)); }
.mw-share__char { display: flex; align-items: center; gap: 8px; margin: 4px 0 10px; font-weight: 700; color: #e9d9cf; }
.mw-share__char select { width: auto; max-width: 260px; padding: 6px 10px; color: #e9d9cf; background: rgba(0,0,0,.5); border: 1px solid rgba(196,42,34,.6); border-radius: 6px; }
.mw-share__sub { font-weight: 700; color: #e9d9cf; }
.mw-share__rewards, .mw-share__tips { margin: 0 0 8px; padding-left: 20px; }
.mw-share__rewards li, .mw-share__tips li { margin: 3px 0; }
.mw-share__rules { font-size: 12px; opacity: .75; }
.mw-share__discord { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; color: #8ea1ff; }

@media (max-width: 991.98px) {
	.mw-share__grid { grid-template-columns: 1fr; }
	.mw-share__poster { position: static; max-width: 420px; margin: 0 auto; }
	.mw-share__title { text-align: center; }
}
@media (max-width: 575.98px) {
	.mw-share__copyrow, .mw-share__msgfoot { flex-direction: column; align-items: stretch; }
}
@media (prefers-reduced-motion: reduce) {
	.mw-sbtn, .mw-share__poster img { transition: none; }
}