/*
 * DropX Gaming shared post — event-card inspired layout.
 * The user's own post caption remains a normal post paragraph.
 */
.gaming-shared-post{
  display:block;
  width:100%;
  margin:14px 0 4px;
  overflow:hidden;
  border:1px solid rgba(225,163,53,.42);
  border-radius:14px;
  background:linear-gradient(180deg,#111419 0%,#0b0e12 100%);
  box-shadow:0 9px 26px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,210,130,.055);
  color:inherit;
  text-decoration:none;
  box-sizing:border-box;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.gaming-shared-post:hover{
  border-color:rgba(242,184,82,.78);
  box-shadow:0 12px 30px rgba(0,0,0,.34),0 0 18px rgba(226,155,42,.08);
}
.gaming-shared-post__visual{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16/7;
  min-height:190px;
  max-height:340px;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(ellipse at 50% 80%,rgba(205,125,28,.23),transparent 55%),
    linear-gradient(135deg,#171b21,#080a0d);
}
.gaming-shared-post__visual:before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:
    linear-gradient(90deg,rgba(4,6,9,.78) 0%,rgba(4,6,9,.36) 52%,rgba(4,6,9,.08) 100%),
    linear-gradient(0deg,rgba(3,5,8,.88) 0%,rgba(3,5,8,.08) 64%);
  pointer-events:none;
}
.gaming-shared-post__image{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 48%;
  transition:transform .45s ease;
}
.gaming-shared-post:hover .gaming-shared-post__image{transform:scale(1.025)}
.gaming-shared-post__visual-label{
  position:absolute;
  z-index:2;
  top:17px;
  left:19px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#ffd078;
  font:800 9px/1.2 'Orbitron','Rajdhani',sans-serif;
  letter-spacing:1.7px;
  text-transform:uppercase;
  text-shadow:0 2px 8px #000;
}
.gaming-shared-post__visual-label:before{
  content:"";
  width:7px;height:7px;border-radius:50%;
  background:#f4b64b;
  box-shadow:0 0 10px rgba(244,182,75,.9);
}
.gaming-shared-post__overlay{
  position:absolute;
  z-index:2;
  left:22px;
  right:22px;
  bottom:20px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  pointer-events:none;
}
.gaming-shared-post__eyebrow{
  color:#f5bd58;
  font:800 8px/1.3 'Orbitron','Rajdhani',sans-serif;
  letter-spacing:1.7px;
  text-transform:uppercase;
  text-shadow:0 2px 8px #000;
}
.gaming-shared-post__title{
  max-width:min(760px,100%);
  margin:0;
  color:#fffaf0;
  font:800 clamp(25px,4vw,39px)/.98 'Rajdhani','Arial Narrow',sans-serif;
  letter-spacing:.1px;
  overflow-wrap:anywhere;
  text-shadow:0 3px 14px rgba(0,0,0,.85);
}
.gaming-shared-post__description{
  max-width:680px;
  margin:3px 0 0;
  color:rgba(255,255,255,.88);
  font:600 14px/1.35 'Rajdhani',sans-serif;
  text-shadow:0 2px 8px rgba(0,0,0,.95);
}
.gaming-shared-post__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:62px;
  padding:11px 15px 11px 18px;
  box-sizing:border-box;
  background:linear-gradient(100deg,rgba(22,25,30,.98),rgba(13,16,20,.99));
  border-top:1px solid rgba(255,255,255,.065);
}
.gaming-shared-post__footer-note{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  color:#8f969f;
  font:700 9px/1.3 'Orbitron','Rajdhani',sans-serif;
  letter-spacing:1px;
  text-transform:uppercase;
}
.gaming-shared-post__footer-note img{
  display:block;
  width:34px;
  height:34px;
  flex:0 0 34px;
  object-fit:cover;
  border:1px solid rgba(232,171,70,.5);
  border-radius:8px;
  background:#090b0f;
  box-shadow:0 0 12px rgba(232,171,70,.12);
}
.gaming-shared-post__footer-note span{display:inline-flex;align-items:center;gap:6px}
.gaming-shared-post__footer-note i{color:#d89b3d;font-style:normal}
.gaming-shared-post__action{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  gap:0;
  min-height:38px;
  padding:0 13px;
  border:1px solid rgba(255,203,112,.7);
  border-radius:7px;
  background:linear-gradient(105deg,#f4bd5b,#cb872d);
  color:#17120a;
  font:800 11px/1 'Orbitron','Rajdhani',sans-serif;
  letter-spacing:.55px;
  box-shadow:0 4px 14px rgba(205,135,45,.16);
  transition:filter .2s ease,transform .2s ease;
}
.gaming-shared-post:hover .gaming-shared-post__action{filter:brightness(1.08);transform:translateY(-1px)}
.gaming-shared-post-comment{
  margin:0 0 10px;
  color:var(--text-light,#f2f2f2);
  font:600 1.02rem/1.45 'Rajdhani',sans-serif;
  white-space:pre-wrap;
}
.gaming-shared-post__visual--fallback:before{
  background:
    radial-gradient(ellipse at 75% 45%,rgba(210,137,40,.2),transparent 55%),
    linear-gradient(110deg,rgba(5,7,10,.92),rgba(5,7,10,.3));
}
@media(max-width:620px){
  .gaming-shared-post__visual{
    aspect-ratio:16/9;
    min-height:175px;
    max-height:245px;
  }
  .gaming-shared-post__visual-label{top:13px;left:14px;font-size:8px}
  .gaming-shared-post__overlay{left:15px;right:15px;bottom:14px;gap:4px}
  .gaming-shared-post__title{font-size:clamp(23px,7vw,30px)}
  .gaming-shared-post__description{font-size:12px;max-width:95%}
  .gaming-shared-post__footer{min-height:58px;padding:9px 10px 9px 13px}
  .gaming-shared-post__footer-note{font-size:8px;letter-spacing:.6px}
  .gaming-shared-post__action{min-height:36px;padding:0 11px;font-size:10px}
}
@media(max-width:360px){
  .gaming-shared-post__footer-note{max-width:42%}
  .gaming-shared-post__action{gap:0;padding:0 9px}
}


/* -------------------------------------------------------------------------
   LIGHT THEME — warm beige / espresso / gold
   The artwork stays dark for legible overlay typography; the card chrome
   follows DropX's light palette instead of retaining the dark footer.
   ------------------------------------------------------------------------- */
html[data-dx-theme="light"] .gaming-shared-post,
body.light-mode .gaming-shared-post{
  border-color:rgba(122,83,30,.38);
  background:linear-gradient(180deg,#f0e4d2 0%,#e3d2ba 100%);
  box-shadow:0 9px 24px rgba(76,55,34,.13),inset 0 1px 0 rgba(255,250,239,.8);
  color:#30251b;
}
html[data-dx-theme="light"] .gaming-shared-post:hover,
body.light-mode .gaming-shared-post:hover{
  border-color:rgba(149,102,28,.72);
  box-shadow:0 12px 28px rgba(76,55,34,.18),0 0 16px rgba(149,102,28,.10);
}
html[data-dx-theme="light"] .gaming-shared-post__visual,
body.light-mode .gaming-shared-post__visual{
  background:
    radial-gradient(ellipse at 50% 80%,rgba(205,125,28,.20),transparent 55%),
    linear-gradient(135deg,#33271d,#17120e);
}
html[data-dx-theme="light"] .gaming-shared-post__visual:before,
body.light-mode .gaming-shared-post__visual:before{
  background:
    linear-gradient(90deg,rgba(9,7,5,.70) 0%,rgba(9,7,5,.31) 52%,rgba(9,7,5,.06) 100%),
    linear-gradient(0deg,rgba(9,7,5,.82) 0%,rgba(9,7,5,.04) 68%);
}
html[data-dx-theme="light"] .gaming-shared-post__visual-label,
html[data-dx-theme="light"] .gaming-shared-post__eyebrow,
body.light-mode .gaming-shared-post__visual-label,
body.light-mode .gaming-shared-post__eyebrow{
  color:#ffd078;
  text-shadow:0 2px 9px rgba(0,0,0,.95);
}
html[data-dx-theme="light"] .gaming-shared-post__title,
body.light-mode .gaming-shared-post__title{
  color:#fffaf0;
  text-shadow:0 3px 14px rgba(0,0,0,.92);
}
html[data-dx-theme="light"] .gaming-shared-post__description,
body.light-mode .gaming-shared-post__description{
  color:#fff8ed;
  text-shadow:0 2px 9px rgba(0,0,0,.98);
}
html[data-dx-theme="light"] .gaming-shared-post__footer,
body.light-mode .gaming-shared-post__footer{
  background:linear-gradient(105deg,#eee1ce 0%,#dfccb2 100%);
  border-top:1px solid rgba(105,76,43,.18);
  box-shadow:inset 0 1px 0 rgba(255,250,239,.55);
}
html[data-dx-theme="light"] .gaming-shared-post__footer-note,
body.light-mode .gaming-shared-post__footer-note{
  color:#6d5944;
}
html[data-dx-theme="light"] .gaming-shared-post__footer-note img,
body.light-mode .gaming-shared-post__footer-note img{
  border-color:rgba(149,102,28,.48);
  background:#2c2118;
  box-shadow:0 2px 8px rgba(76,55,34,.16);
}
html[data-dx-theme="light"] .gaming-shared-post__footer-note i,
body.light-mode .gaming-shared-post__footer-note i{
  color:#95661c;
}
html[data-dx-theme="light"] .gaming-shared-post__action,
body.light-mode .gaming-shared-post__action{
  border-color:rgba(149,102,28,.62);
  background:linear-gradient(105deg,#efbd62,#cf9138);
  color:#2b1d0c;
  box-shadow:0 4px 12px rgba(121,81,25,.16);
}
html[data-dx-theme="light"] .gaming-shared-post__action:hover,
body.light-mode .gaming-shared-post__action:hover{
  filter:brightness(1.045);
}
html[data-dx-theme="light"] .gaming-shared-post-comment,
body.light-mode .gaming-shared-post-comment{
  color:#3b3026;
}