/* VS Article Extras — Theme match for the share bar, reactions, comments and journal newsletter
   Recolours the vsrx- (Share & Reactions) and vscg- (Comments & Newsletter) blocks from red/black
   to the VedicSiddhanta palette: navy, gold and parchment (the same tokens as the author card). */

:root{
  --vt-navy:#13294b; --vt-navy-deep:#0a1630; --vt-navy-mid:#1d3a66;
  --vt-gold:#b8913a; --vt-gold-soft:#d4af37; --vt-gold-hi:#ecc977; --vt-gold-deep:#8a6516;
  --vt-parch:#fbf6ea; --vt-parch-2:#f6eedb; --vt-line:#eadfc8;
  --vt-ink:#1d2440; --vt-muted:#5a607a; --vt-cream:#f3ead7;
  --vt-btn:linear-gradient(180deg,#ecc977,#c99a3b); --vt-btn-hover:linear-gradient(180deg,#f2d488,#b8892f); --vt-btn-fg:#1b1305;
}

/* ───────── Share bar ───────── */
html body .vsrx-widget{--r:#b8913a;--rs:#d4af37;--rp:rgba(184,145,58,.10);--rl:rgba(184,145,58,.35);--bk:#0a1630;--bkm:#13294b;--wm:#fbf6ea;--t:#5a607a;--bd:#eadfc8}
html body .vsrx-share{background:linear-gradient(135deg,var(--vt-navy-deep) 0%,var(--vt-navy) 100%) !important;border-top:3px solid var(--vt-gold-soft) !important;border-radius:14px 14px 0 0}
html body .vsrx-share-label{color:rgba(243,234,215,.75) !important}
html body .vsrx-btn{background:rgba(255,255,255,.05) !important;border:1px solid rgba(212,175,55,.35) !important;color:var(--vt-gold-hi) !important;border-radius:10px}
html body .vsrx-btn svg,html body .vsrx-btn svg *{stroke:currentColor;color:var(--vt-gold-hi)}
html body .vsrx-btn svg[fill]:not([fill="none"]){fill:currentColor}
html body .vsrx-btn:hover{background:rgba(212,175,55,.16) !important;border-color:var(--vt-gold-soft) !important;color:#fff !important;box-shadow:0 6px 18px -8px rgba(212,175,55,.6) !important}

/* ───────── Reactions ───────── */
html body .vsrx-rx{background:var(--vt-parch) !important;border:1px solid var(--vt-line) !important;border-top:none !important;border-radius:0 0 14px 14px}
html body .vsrx-rx-hdr h4,html body .vsrx-rx-hdr h3{color:var(--vt-navy) !important;font-family:"Cormorant Garamond",Georgia,serif !important}
html body .vsrx-rx-total{color:var(--vt-gold-deep) !important;background:rgba(212,175,55,.12) !important;border:1px solid rgba(184,145,58,.4) !important;border-radius:999px}
html body .vsrx-rx-total:empty{display:none !important}
html body .vsrx-rx-btn{background:#fff !important;border:1.5px solid var(--vt-line) !important;border-radius:12px;color:var(--vt-ink)}
html body .vsrx-rx-btn::before{background:var(--vt-navy) !important}
html body .vsrx-rx-btn:hover{border-color:var(--vt-gold) !important;box-shadow:0 8px 20px -12px rgba(19,41,75,.45) !important}
html body .vsrx-rx-btn.on{border-color:var(--vt-navy) !important}
html body .vsrx-lbl{color:var(--vt-ink) !important}
html body .vsrx-cnt{color:var(--vt-gold-deep) !important;font-family:"Cormorant Garamond",Georgia,serif !important}
html body .vsrx-rx-btn.on .vsrx-lbl{color:#fff !important}
html body .vsrx-rx-btn.on .vsrx-cnt{color:var(--vt-gold-hi) !important}
/* The plain "Views: N" line printed right after the widget */
html body .vsrx-widget + p{margin:14px 0 0 !important;font-size:.78rem !important;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--vt-gold-deep) !important}

/* ───────── Discussion header ───────── */
html body .vscg-hdr{background:linear-gradient(135deg,var(--vt-navy-deep) 0%,var(--vt-navy) 100%) !important;border-top:3px solid var(--vt-gold-soft) !important;border-radius:14px 14px 0 0}
html body .vscg-hdr .vscg-hdr-row h3{color:#fff !important;font-family:"Cormorant Garamond",Georgia,serif !important;font-weight:600 !important;font-size:1.6rem !important}
html body .vscg-hdr .vscg-hdr-row h3::before,html body .vscg-hdr .vscg-hdr-row h3::after{display:none !important}
html body .vscg-hdr-row > span:first-child{font-size:0 !important;width:40px;height:40px;flex:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23d4af37' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M6 9h28v17H18l-8 6v-6H6z'/%3E%3Ccircle cx='14' cy='17.5' r='1.3' fill='%23d4af37'/%3E%3Ccircle cx='20' cy='17.5' r='1.3' fill='%23d4af37'/%3E%3Ccircle cx='26' cy='17.5' r='1.3' fill='%23d4af37'/%3E%3C/svg%3E") center/contain no-repeat}
html body .vscg-count{color:var(--vt-gold-hi) !important;background:rgba(212,175,55,.12) !important;border:1px solid rgba(212,175,55,.45) !important;border-radius:999px}
html body .vscg-hdr > p{color:rgba(243,234,215,.78) !important}

/* ───────── Comment list and form ───────── */
html body #vscg-list,html body .vscg-comment{background:#fff !important}
html body .vscg-empty{color:var(--vt-muted) !important;border-bottom:1px solid var(--vt-line) !important}
html body .vscg-comment{border-bottom:1px solid var(--vt-line) !important}
html body .vscg-comment.is-reply{background:var(--vt-parch) !important;border-left:3px solid var(--vt-gold) !important}
html body .vscg-name{color:var(--vt-navy) !important}
html body .vscg-badge{background:var(--vt-navy) !important;color:var(--vt-gold-hi) !important}
html body .vscg-text{color:var(--vt-ink) !important}
html body .vscg-like:hover,html body .vscg-reply-btn:hover{border-color:var(--vt-gold) !important;color:var(--vt-navy) !important;background:rgba(212,175,55,.10) !important}
html body .vscg-like.on{background:var(--vt-navy) !important;border-color:var(--vt-navy) !important}
html body #respond{background:var(--vt-parch) !important;border-top:1px solid var(--vt-line) !important;border-radius:0 0 14px 14px}
html body .vscg-form-title{color:var(--vt-navy) !important;font-family:"Cormorant Garamond",Georgia,serif !important}
html body .vscg-open{color:var(--vt-muted) !important}
html body .vscg-open-tag{background:rgba(212,175,55,.14) !important;border:1px solid rgba(184,145,58,.45) !important;color:var(--vt-gold-deep) !important;border-radius:999px}
html body #respond .vscg-field label,html body .vscg-rbox-inner .vscg-field label{color:var(--vt-navy) !important}
html body .vscg-req,html body #cancel-comment-reply-link{color:var(--vt-gold-deep) !important}
html body #respond input[type=text],html body #respond input[type=email],html body #respond textarea,
html body .vscg-rbox-inner input[type=text],html body .vscg-rbox-inner input[type=email],html body .vscg-rbox-inner textarea{
  background:#fff !important;border:1.5px solid var(--vt-line) !important;color:var(--vt-ink) !important;border-radius:10px !important}
html body #respond input::placeholder,html body #respond textarea::placeholder{color:#9a9fb3 !important}
html body #respond input:focus,html body #respond textarea:focus,html body .vscg-rbox-inner input:focus,html body .vscg-rbox-inner textarea:focus{
  border-color:var(--vt-gold) !important;background:#fff !important;box-shadow:0 0 0 3px rgba(212,175,55,.18) !important}
html body .vscg-chars{color:var(--vt-muted) !important}
html body .vscg-sub{border-color:var(--vt-line) !important;border-radius:10px}
html body .vscg-sub input[type=checkbox]{accent-color:var(--vt-gold)}
html body .vscg-sub span{color:var(--vt-ink) !important}
html body .vscg-rbox-inner{background:var(--vt-parch) !important;border:1px solid var(--vt-line) !important;border-left:3px solid var(--vt-gold) !important}
html body .vscg-rbox-inner p{color:var(--vt-gold-deep) !important}

/* Buttons: the same gold button as the author card */
html body .vscg-btn,html body .vscg-btn-sm{background:var(--vt-btn) !important;color:var(--vt-btn-fg) !important;border:1px solid #b8892f !important;border-radius:999px !important}
html body .vscg-btn:hover:not(:disabled),html body .vscg-btn-sm:hover{background:var(--vt-btn-hover) !important;box-shadow:0 10px 22px -12px rgba(184,137,47,.8) !important}
html body .vscg-spin{border-color:rgba(27,19,5,.25) !important;border-top-color:var(--vt-btn-fg) !important}
html body .vscg-notice{border-left-color:var(--vt-gold) !important;background:rgba(212,175,55,.10) !important;color:var(--vt-ink) !important}

/* ───────── "Never Miss a Research Article" newsletter ───────── */
html body .vscg-nl{background:radial-gradient(520px 240px at 100% 0%,rgba(212,175,55,.18),transparent 62%),linear-gradient(140deg,var(--vt-navy-deep) 0%,var(--vt-navy) 70%,var(--vt-navy-mid) 100%) !important;
  border-top:3px solid var(--vt-gold-soft) !important;border-radius:14px;margin-top:28px}
html body .vscg-nl-copy > span[aria-hidden]{font-size:0 !important;opacity:1 !important;margin-bottom:12px !important}
html body .vscg-nl-copy > span[aria-hidden]::before{content:"ॐ";font-size:44px;line-height:1;color:var(--vt-gold-soft);font-family:"Noto Serif Devanagari","Mangal",serif}
html body .vscg-nl-copy h3{color:var(--vt-gold-hi) !important;font-family:"Cormorant Garamond",Georgia,serif !important;font-weight:600 !important}
html body .vscg-nl-copy h3::before,html body .vscg-nl-copy h3::after{display:none !important}
html body .vscg-nl-copy p{color:rgba(243,234,215,.82) !important}
html body .vscg-nl-copy ul{margin:0 !important;padding:0 !important;list-style:none !important}
html body .vscg-nl-copy li{list-style:none !important;margin:0 !important;padding:0 !important;color:rgba(243,234,215,.86) !important;line-height:1.7 !important}
html body .vscg-nl-copy li::before,html body .vscg-nl-copy li::marker{content:none !important;display:none !important}
html body .vscg-nl-form-col .vscg-field label{color:rgba(243,234,215,.85) !important}
html body .vscg-nl-form-col .vscg-field label em{color:rgba(243,234,215,.6) !important}
html body .vscg-nl-form-col .vscg-req{color:var(--vt-gold-hi) !important}
html body .vscg-nl-form-col input[type=text],html body .vscg-nl-form-col input[type=email]{
  background:rgba(255,255,255,.07) !important;border:1px solid rgba(212,175,55,.4) !important;color:#fff !important;-webkit-text-fill-color:#fff;border-radius:10px !important;min-height:48px}
html body .vscg-nl-form-col input::placeholder{color:rgba(243,234,215,.45) !important;-webkit-text-fill-color:rgba(243,234,215,.45)}
html body .vscg-nl-form-col input:focus{border-color:var(--vt-gold-soft) !important;box-shadow:0 0 0 3px rgba(212,175,55,.2) !important}
html body .vscg-nl-note{color:rgba(243,234,215,.6) !important}
html body .vscg-nl-ok{background:rgba(212,175,55,.10) !important;border:1px solid rgba(212,175,55,.45) !important;border-radius:12px}
html body .vscg-nl-ok strong{color:var(--vt-gold-hi) !important}
html body .vscg-nl-ok p{color:rgba(243,234,215,.85) !important}

@media (max-width:600px){
  html body .vsrx-share,html body .vscg-hdr{border-radius:12px 12px 0 0}
  html body .vscg-nl{border-radius:12px}
}