/* Flame-gold 3D contoured finish, site-wide on GRITS Gigs and Gig Life. Presentation only.
   FRaiNK (#gs-w/#gs-p), maps, bottom navigation and the Google Maps button are excluded. */
:root{--ff-hi:#f1c301;--ff-gold:#ffa80a;--ff-amber:#fb9204;--ff-flame:#e75800;--ff-deep:#de4000;--ff-body:#16191e;--ff-ink:#f3ece0;
--ff-rim:linear-gradient(180deg,var(--ff-hi),var(--ff-gold) 30%,var(--ff-amber) 60%,var(--ff-deep));
--ff-glow:0 0 0 1px rgba(0,0,0,.6),0 6px 18px rgba(0,0,0,.55),0 0 14px rgba(251,146,4,.22),inset 0 1px 0 rgba(255,255,255,.06)}

/* Dark gig cards & Vault tiles: full contoured rim on charcoal */
.gx-home .card,.gx-card,.vs-on .vs-row,.vs-on .vs-upnext,.vs-on .vs-cdt,.vs-on .vs-hstats>*,.mygigz .gig-card,.gx-mystats .gx-stat{
 border:1.5px solid transparent!important;border-radius:14px!important;
 background:linear-gradient(var(--ff-body),var(--ff-body)) padding-box,var(--ff-rim) border-box!important;
 box-shadow:var(--ff-glow)!important}

/* Every other card/tile on any page: rim colours only, keeps each page's own background so text stays readable */
:is(.card,.tile,.fcard,.fi-card,.pnl-card,.code-card,.modal-card,.md-card,.sa-card,.cx-card,.gpx-card,.auth-card,.pcard,.bandtile,.dz-tile):not(#gs-w *):not(#gs-p *):not(.leaflet-container *):not(.gx-home .card){
 border-style:solid!important;border-width:1.5px!important;border-radius:14px!important;
 border-color:var(--ff-gold) var(--ff-amber) var(--ff-deep) var(--ff-amber)!important;
 border-top-color:var(--ff-hi)!important;
 box-shadow:0 6px 18px rgba(0,0,0,.35),0 0 12px rgba(251,146,4,.2)!important}

/* No-fee tags, date chips, badges, pills: amber-gold with dark text */
:is(.nofee-tag,.gxa-nofee,.nofee,.gw-nofee,.pk-nofee,.fee,.gx-badge--fee,.badge,.cx-badge,.buy-badge,.pill,.chip,.vault-chip,.vs-on .vs-date,.vs-on .vs-yr):not(#gs-w *):not(#gs-p *):not(.leaflet-container *){
 background:linear-gradient(180deg,var(--ff-hi),var(--ff-gold) 45%,var(--ff-amber))!important;
 color:#1a0e00!important;border:1px solid var(--ff-deep)!important;border-radius:999px!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 6px rgba(0,0,0,.45)!important;text-shadow:none!important}
:is(.badge,.pill,.chip,.nofee,.fee) :is(svg,i){color:#1a0e00!important;fill:currentColor}

/* Buttons & view controls: matte charcoal + glowing rim (matches the Google Maps button) */
:is(.btn,.gx-btn,.pk-btn,.gx-vbtn,.fbtn,.iconbtn,.filterbtn,.vbtn,.profile-btn,.vs-on .vs-switch button,.vs-on .vs-toolbar button,.vs-on .vs-tools button):not(#gs-w *):not(#gs-p *):not(.gs-btn):not(.gx-dir):not(.leaflet-container *):not(.gx-bnav *):not(nav *){
 border:1.5px solid transparent!important;border-radius:999px!important;color:var(--ff-ink)!important;
 background:linear-gradient(#1c1f25,#121418) padding-box,var(--ff-rim) border-box!important;
 box-shadow:var(--ff-glow)!important;text-shadow:none!important}
:is(.btn,.gx-btn,.pk-btn,.gx-vbtn,.fbtn,.iconbtn,.filterbtn,.vbtn,.profile-btn,.vs-on .vs-switch button,.vs-on .vs-toolbar button):not(#gs-w *):not(#gs-p *):not(.gs-btn):not(.gx-dir):hover{
 box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 20px rgba(255,168,10,.45)!important}
:is(.btn,.gx-btn,.pk-btn,.gx-vbtn,.fbtn,.iconbtn) :is(svg,i){color:var(--ff-gold)!important}
.vs-on .vs-switch button[aria-pressed="true"],.vs-on .vs-switch .on,.gx-btn--primary,.gx-vbtn--primary,.btn.primary,.btn-primary{color:var(--ff-gold)!important}
:is(.btn,.gx-btn,.fbtn)[disabled]{opacity:.55!important}