/* MRWINNER Community / Social Cards
   Standalone medallion artwork and hover-only casino imagery remain separate layers.
   Scoped to this module; no changes to games, wallet or Backoffice styles. */
.mrw-social{
  position:relative;isolation:isolate;overflow:hidden;
  padding:clamp(38px,4.8vw,72px) 0 clamp(48px,5.4vw,80px);
  background:
    radial-gradient(ellipse at 50% -20%,rgba(7,79,49,.44),transparent 64%),
    radial-gradient(ellipse at 2% 40%,rgba(152,108,36,.14),transparent 48%),
    radial-gradient(ellipse at 96% 67%,rgba(0,89,55,.14),transparent 47%),
    linear-gradient(180deg,#06110d 0%,#07100c 43%,#030906 100%);
  border-top:1px solid rgba(225,184,93,.32);
  border-bottom:1px solid rgba(225,184,93,.2);
}
.mrw-social:before{
  position:absolute;inset:0;content:"";pointer-events:none;z-index:-1;opacity:.36;
  background:repeating-linear-gradient(112deg,transparent 0 68px,rgba(230,179,72,.027) 69px,transparent 71px),
             radial-gradient(circle at 50% 66%,rgba(11,115,77,.21),transparent 65%);
  mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent);
}
.mrw-social .container{position:relative;z-index:1;max-width:1360px;width:calc(100% - 32px);margin:0 auto}
.mrw-social-top{text-align:center;margin:0 auto clamp(27px,3vw,38px);max-width:740px}
.mrw-social-top .mrw-social-kicker{
  display:block;font-size:10px;font-weight:700;letter-spacing:.31em;
  margin-bottom:13px;color:#d6ad67;
}
.mrw-social-top h2{
  margin:0 0 12px;font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(28px,3.2vw,45px);line-height:1.13;font-weight:600;
  color:#f6e1b6;text-shadow:0 2px 16px rgba(194,146,64,.12);
}
.mrw-social-top p{margin:0;color:#b5bcb1;font-size:clamp(12px,1vw,14px);line-height:1.5}
.mrw-social-grid{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:stretch;gap:clamp(8px,1.4vw,17px);
  max-width:1250px;margin:0 auto;
}
.mrw-social-card{
  --mrw-card-edge:rgba(201,160,82,.32);
  position:relative;isolation:isolate;overflow:hidden;
  box-sizing:border-box;display:flex;flex-direction:column;
  align-items:center;justify-content:flex-start;min-width:0;
  min-height:clamp(203px,20vw,277px);
  padding:clamp(20px,2.2vw,28px) 12px 20px;
  text-align:center;color:#f1d8ac;text-decoration:none;
  border-radius:14px;
  background:
    linear-gradient(159deg,rgba(23,47,33,.84),rgba(9,19,14,.97) 51%,rgba(3,9,7,.99));
  border:1px solid var(--mrw-card-edge);
  box-shadow:inset 0 1px 0 rgba(255,234,177,.07),0 12px 24px rgba(0,0,0,.18);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.mrw-social-card:before{
  content:"";position:absolute;inset:6px;z-index:0;pointer-events:none;
  border:1px solid rgba(218,171,81,.14);border-radius:10px;
}
.mrw-social-card:after{
  content:"◆";position:absolute;top:0;left:50%;transform:translateX(-50%);
  z-index:2;font-size:11px;color:#dfb35e;line-height:1;
  background:#102016;padding:0 8px;text-shadow:0 0 8px rgba(246,195,75,.28);
}
.mrw-social-card-bg{
  position:absolute;z-index:0;inset:-10px;display:block;
  pointer-events:none;opacity:0;
  background-position:center;background-repeat:no-repeat;background-size:cover;
  filter:blur(10px) brightness(.6) saturate(1.2);
  transform:scale(1.08);
  transition:opacity .3s ease,transform .35s ease;
}
.mrw-social-card-bg:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(3,16,11,.15) 5%,rgba(3,12,8,.67) 100%);
}
.mrw-social-card[data-platform="youtube"] .mrw-social-card-bg{background-image:url('/static/assets/social/youtube-casino.webp?v=1')}
.mrw-social-card[data-platform="x"] .mrw-social-card-bg{background-image:url('/static/assets/social/x-casino.webp?v=1')}
.mrw-social-card[data-platform="kick"] .mrw-social-card-bg{background-image:url('/static/assets/social/kick-casino.webp?v=1')}
.mrw-social-card[data-platform="instagram"] .mrw-social-card-bg{background-image:url('/static/assets/social/instagram-casino.webp?v=1')}
.mrw-social-card[data-platform="facebook"] .mrw-social-card-bg{background-image:url('/static/assets/social/facebook-casino.webp?v=1')}
.mrw-social-card[data-platform="email"] .mrw-social-card-bg{
  background-image:radial-gradient(ellipse at 50% 30%,#2f9767,#0b5337 47%,#051b14 78%);
  filter:blur(9px) brightness(.8);
}
.mrw-social-medallion{
  display:block;position:relative;z-index:1;
  box-sizing:border-box;flex:0 0 auto;
  width:clamp(100px,11.1vw,154px);height:clamp(100px,11.1vw,154px);
  max-width:85%;margin:5px auto 9px;
  object-fit:contain;object-position:center;
  border:0;border-radius:50%;
  filter:drop-shadow(0 9px 12px rgba(0,0,0,.43));
  transition:transform .25s ease,filter .25s ease;
}
.mrw-social-label{
  position:relative;z-index:1;display:flex;flex-direction:column;
  gap:8px;align-items:center;justify-content:end;margin-top:auto;
  min-width:0;width:100%;
}
.mrw-social-label strong{
  font-family:Georgia,"Times New Roman",serif;font-weight:600;
  font-size:clamp(16px,1.45vw,21px);line-height:1.2;
  color:#f6e4c0;overflow-wrap:anywhere;
}
.mrw-social-label small{
  display:block;font-size:clamp(9px,.72vw,11px);
  letter-spacing:.105em;font-weight:700;line-height:1.5;
  color:#d9b66e;overflow-wrap:anywhere;
}
.mrw-social-label small:before{
  content:"";display:block;width:70%;max-width:120px;
  margin:0 auto 8px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(236,192,102,.39),transparent);
}
a.mrw-social-card:hover,a.mrw-social-card:focus-visible{
  transform:translateY(-5px);
  border-color:rgba(255,203,93,.85);
  box-shadow:inset 0 1px 0 rgba(255,244,187,.16),
             0 0 0 1px rgba(248,190,76,.18),
             0 18px 34px rgba(0,0,0,.39),
             0 0 22px rgba(225,159,51,.25);
}
a.mrw-social-card.mrw-social-casino:hover .mrw-social-card-bg,
a.mrw-social-card.mrw-social-casino:focus-visible .mrw-social-card-bg{opacity:.62;transform:scale(1.015)}
a.mrw-social-card.mrw-social-transparent:hover .mrw-social-card-bg,
a.mrw-social-card.mrw-social-transparent:focus-visible .mrw-social-card-bg{opacity:.19;transform:scale(1.015)}
a.mrw-social-card:hover .mrw-social-medallion,
a.mrw-social-card:focus-visible .mrw-social-medallion{
  transform:translateY(-2px) scale(1.045);
  filter:drop-shadow(0 12px 14px rgba(0,0,0,.5)) drop-shadow(0 0 11px rgba(243,195,93,.3));
}
a.mrw-social-card:focus-visible{outline:2px solid #ffdf94;outline-offset:3px}
.mrw-social-card.is-coming{opacity:.7}
.mrw-social-card.is-coming .mrw-social-label small{color:#a6ad9e}
.mrw-social-card.is-coming .mrw-social-medallion{filter:grayscale(.25) drop-shadow(0 8px 10px rgba(0,0,0,.32))}
.mrw-social-medallion.mrw-social-email{
  display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 35% 24%,#137e58,#064a33 46%,#031a12 82%);
  border:4px ridge #d9aa49;
  box-shadow:inset 0 0 0 3px #745017,inset 0 0 16px #00170e,0 5px 14px #0009;
}
.mrw-social-medallion.mrw-social-email:after{
  content:"✉";font-family:Georgia,serif;font-size:clamp(52px,6vw,80px);
  line-height:1;color:#ffdb8b;text-shadow:0 2px 0 #84551e,0 4px 10px #000a;
}
.mrw-social-medallion.mrw-social-email.mrw-social-transparent{
  background:radial-gradient(circle,#136547 0%,#063824 58%,transparent 80%);border-color:#b79241;
}
@media(max-width:1080px){
  .mrw-social-grid{gap:10px}
  .mrw-social-card{padding:20px 8px 15px;min-height:210px}
  .mrw-social-medallion{width:clamp(84px,11vw,122px);height:clamp(84px,11vw,122px)}
  .mrw-social-label strong{font-size:17px}
  .mrw-social-label small{font-size:9px;letter-spacing:.055em}
}
@media(max-width:760px){
  .mrw-social{padding:36px 0 42px}
  .mrw-social-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:600px}
  .mrw-social-card{min-height:197px;padding:19px 8px 14px}
  .mrw-social-medallion{width:104px;height:104px}
}
@media(max-width:450px){
  .mrw-social .container{width:calc(100% - 26px)}
  .mrw-social-top .mrw-social-kicker{font-size:9px;letter-spacing:.2em}
  .mrw-social-top h2{font-size:29px}
  .mrw-social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .mrw-social-card{min-height:202px;padding:16px 9px 15px}
  .mrw-social-card:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 5px);min-width:150px;max-width:185px}
  .mrw-social-medallion{width:112px;height:112px}
  .mrw-social-label strong{font-size:17px}
  .mrw-social-label small{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  .mrw-social-card,.mrw-social-card-bg,.mrw-social-medallion{transition:none}
}