/* GSM Thanksgiving drop-in skin
   Designed against the current GroupStarMedia.com homepage structure.
   No navigation/search/card HTML is re-built; this only adds a seasonal skin.
*/
:root{
  --gsm-thanksgiving-cream:#fffaf1;
  --gsm-thanksgiving-gold:#a27710;
  --gsm-thanksgiving-burgundy:#962228;
}

/* Keep the existing GSM layout; only warm the page canvas. */
html, body{
  background-color:var(--gsm-thanksgiving-cream) !important;
}
body.gsm-thanksgiving-active{
  background-image:
    linear-gradient(rgba(255,250,241,.92),rgba(255,250,241,.92)),
    url('/assets/thanksgiving/page-glow.png');
  background-repeat:repeat-y;
  background-position:top center;
  background-size:100% auto;
}

/* Decorative leaf corners; pointer-events means navigation stays clickable. */
#gsm-thanksgiving-corners{
  position:absolute;
  z-index:2;
  top:0;
  left:0;
  width:100%;
  height:175px;
  pointer-events:none;
  background:url('/assets/thanksgiving/top-corners.png') top center/100% auto no-repeat;
}

/* Main page content should remain above the page background. */
body.gsm-thanksgiving-active > *:not(#gsm-thanksgiving-corners){
  position:relative;
  z-index:3;
}

/* Inserted after the channel grid and immediately before 今日头条. */
#gsm-thanksgiving-band{
  width:min(100%,1600px);
  margin:0 auto 6px;
  line-height:0;
  pointer-events:none;
}
#gsm-thanksgiving-band img{
  display:block;
  width:100%;
  height:auto;
}

/* Existing 一键转发 buttons retain their original click handlers.
   JS only adds this star image inside the button. */
.gsm-thanksgiving-share-decorated{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  position:relative;
  overflow:visible !important;
}
.gsm-thanksgiving-share-decorated .gsm-thanksgiving-share-img{
  height:38px;
  width:auto;
  display:block;
  pointer-events:none;
}

/* If the existing button already carries text, hide only the text visually,
   leaving the actual button/handler untouched. */
.gsm-thanksgiving-share-decorated.gsm-thanksgiving-replace-text{
  font-size:0 !important;
  line-height:0 !important;
  border-color:transparent !important;
  background:transparent !important;
  padding:0 !important;
  box-shadow:none !important;
}

/* Keep cards and nav areas readable like the current GSM homepage. */
body.gsm-thanksgiving-active header,
body.gsm-thanksgiving-active nav,
body.gsm-thanksgiving-active main,
body.gsm-thanksgiving-active section,
body.gsm-thanksgiving-active article{
  backdrop-filter:none;
}

/* Mobile: this is based on the current GSM phone layout. */
@media (max-width:768px){
  #gsm-thanksgiving-corners{
    height:110px;
    background-size:145% auto;
  }
  #gsm-thanksgiving-band{
    width:100%;
    overflow:hidden;
    margin-top:0;
    margin-bottom:4px;
  }
  #gsm-thanksgiving-band img{
    width:126%;
    max-width:none;
    transform:translateX(-10.3%);
  }
  .gsm-thanksgiving-share-decorated .gsm-thanksgiving-share-img{
    height:32px;
  }
}