/* =====================================================================
   GlobeSouq workspace themes
   Import: Cloud Dancer backgrounds, everything else Goji Berry
   Export: Goji Berry backgrounds, everything else Cloud Dancer
   ===================================================================== */
body.theme-importer{--bg:#F0EEE9;--bg-2:#E8E5DE;--fg:#B91428;--fg-2:rgba(185,20,40,.72);--ln:rgba(185,20,40,.2);--soft:rgba(185,20,40,.07);--on-fg:#F0EEE9}
body.theme-exporter{--bg:#B91428;--bg-2:#A5101F;--fg:#F0EEE9;--fg-2:rgba(240,238,233,.75);--ln:rgba(240,238,233,.24);--soft:rgba(240,238,233,.1);--on-fg:#B91428}
body.theme-importer,body.theme-exporter{
  background:var(--bg)!important;color:var(--fg);
  --ink:var(--fg);--muted:var(--fg-2);--line:var(--ln);--canvas:var(--bg);--surface:var(--bg);
  --accent:var(--fg);--accent-strong:var(--fg);--accent-soft:var(--soft);
  --pink:var(--fg);--pink-strong:var(--fg);--pink-deep:var(--fg);--pink-soft:var(--soft);
  --green:var(--fg);--green-strong:var(--fg);--green-deep:var(--fg);--green-soft:var(--soft);
  --red:var(--fg);--red-soft:var(--soft);--amber:var(--fg);--amber-soft:var(--soft);--shadow:none}

/* every text, icon line and border takes the theme ink */
:is(.theme-importer,.theme-exporter) :is(#app,#modal-root,#dialog-root) :not(svg):not(svg *):not(img){color:var(--fg)!important;border-color:var(--ln)!important}
:is(.theme-importer,.theme-exporter) :is(#app,#modal-root,#dialog-root) svg{color:var(--fg)}
:is(.theme-importer,.theme-exporter) :is(#app,#modal-root,#dialog-root) :is(small,.desc,.meta,time,.sub,.hint,.muted,p.desc,.stat small,.stat span,.field small,.eyebrow,.page-head p,.empty p,::placeholder){color:var(--fg-2)!important}
:is(.theme-importer,.theme-exporter) ::placeholder{color:var(--fg-2)!important;opacity:1}

/* every surface takes the theme background */
:is(.theme-importer,.theme-exporter) :is(.shell,.main,.sidebar,.mobile-bar,.card,.stat,.action,.action .ico,.panel,.hero,.search,.cat-pill,.tile,.strip,.listing-card,.tag,.chip,.chip .count,.choice,.messages,.msg,.composer,.summary,.bell,.filters,.mkt-box,.pts-card,.pts-how>div,.pts-cost,.pts-state,.feat-card,.boost,.ladder,.pack,.wl,.wl-card,.wl-perks>div,.sidebar-bottom,.sidebar-user,.offer-bar,.trust,.rate-row,.thread-item,.notice,.store-avatar,.ph,.art-agriculture,.art-spices,.art-grains,.art-dryfruits,.tstep span,.pts-chip,.otp-mail,.btn-quiet,.btn-danger,.btn-ghost,.auth-google,.menu-btn,.modal-close,.nav button,.nav a,.input,.field input,.field select,.field textarea,.filters select,.filters input,.row,.rows>*){
  background:transparent!important;background-image:none!important;box-shadow:none!important}
:is(.theme-importer,.theme-exporter) :is(.modal,.modal-head,.modal-foot,.bell-panel,.bell-head,.dialog,.sidebar,.mobile-bar){background:var(--bg)!important;background-image:none!important}
:is(.theme-importer,.theme-exporter) :is(.card,.stat,.action,.panel,.hero,.search,.tile,.listing-card,.chip,.choice,.summary,.bell,.filters,.mkt-box,.pts-card,.feat-card,.boost,.pack,.wl-card,.sidebar-bottom,.sidebar-user,.offer-bar,.btn-quiet,.btn-danger,.input,.field input,.field select,.field textarea,.filters select,.filters input,.modal,.bell-panel,.cat-pill,.tag,.composer,.msg,.notice,.trust){border:1px solid var(--ln)!important}
:is(.theme-importer,.theme-exporter) .sidebar{border-right:1px solid var(--ln)!important}
:is(.theme-importer,.theme-exporter) :is(.card,.stat,.panel,.hero,.listing-card,.modal,.bell-panel,.pts-card,.pack,.wl-card){box-shadow:none!important}
:is(.theme-importer,.theme-exporter) .modal{box-shadow:0 30px 80px rgba(40,2,8,.35)!important}
:is(.theme-importer,.theme-exporter) .listing-card:hover,:is(.theme-importer,.theme-exporter) .action:hover,:is(.theme-importer,.theme-exporter) .row.clickable:hover,:is(.theme-importer,.theme-exporter) .thread-item:hover,:is(.theme-importer,.theme-exporter) .bell-item:hover{background:var(--soft)!important}

/* selected / active / filled things: solid ink with background-coloured text */
:is(.theme-importer,.theme-exporter) :is(#app,#modal-root,#dialog-root) :is(.btn-primary,.cat-pill.active,.chip.active,.chip.on,.choice.selected,.role-opt.selected,.nav button.active,.badge,.bell-dot,.avatar,.pts-ico,.boost.on .boost-ico,.feat-av,.wl-ico,.pack-flag,.tag-promo,.tag-fast,.tstep.done span,.tstep.on span,.pts-hero):not(#_){
  background:var(--fg)!important;background-image:none!important;color:var(--on-fg)!important;border-color:var(--fg)!important;box-shadow:none!important}
:is(.theme-importer,.theme-exporter) :is(#app,#modal-root,#dialog-root) :is(.btn-primary,.cat-pill.active,.chip.active,.chip.on,.choice.selected,.nav button.active,.badge,.bell-dot,.avatar,.pts-ico,.feat-av,.wl-ico,.pack-flag,.tag-promo,.tag-fast,.pts-hero) :not(#_){color:var(--on-fg)!important;border-color:color-mix(in srgb,var(--on-fg) 30%,transparent)!important}
:is(.theme-importer,.theme-exporter) .nav button.active::before{display:none}
:is(.theme-importer,.theme-exporter) .nav button:hover:not(.active){background:var(--soft)!important}
:is(.theme-importer,.theme-exporter) .btn-primary:hover:not(:disabled){filter:brightness(1.08)}
:is(.theme-importer,.theme-exporter) .pill{background:var(--soft)!important;color:var(--fg)!important;border:1px solid var(--ln)!important}
:is(.theme-importer,.theme-exporter) a{color:var(--fg)!important}
:is(.theme-importer,.theme-exporter) :is(.field input,.field select,.field textarea,.input):focus{border-color:var(--fg)!important;box-shadow:0 0 0 3px var(--soft)!important}
:is(.theme-importer,.theme-exporter) select option{background:var(--bg);color:var(--fg)}
:is(.theme-importer,.theme-exporter) .hero h1 .accent{background:none!important;-webkit-text-fill-color:var(--fg);color:var(--fg)!important;font-style:italic;font-family:"Bodoni Moda",Georgia,serif;font-weight:500}
:is(.theme-importer,.theme-exporter) .en{-webkit-text-fill-color:currentColor;background:none!important}
:is(.theme-importer,.theme-exporter) #toast{background:var(--fg)!important;color:var(--on-fg)!important;border:1px solid color-mix(in srgb,var(--on-fg) 30%,transparent);box-shadow:0 18px 40px rgba(40,2,8,.3)}
:is(.theme-importer,.theme-exporter) #toast *{color:var(--on-fg)!important}
:is(.theme-importer,.theme-exporter) .modal-backdrop{background:rgba(40,2,8,.45)!important}
:is(.theme-importer,.theme-exporter) hr{border-color:var(--ln)!important}
/* product photos and emoji keep their own colours */
:is(.theme-importer,.theme-exporter) :is(img,video,canvas){filter:none}

/* points hero = one inverted block; level chips soft */
:is(.theme-importer,.theme-exporter) .pts-hero::before,:is(.theme-importer,.theme-exporter) .pts-hero::after{display:none}
:is(.theme-importer,.theme-exporter) #app .pts-hero :is(.pts-mini>*,.lvl):not(#_){background:transparent!important;box-shadow:none!important;border:1px solid color-mix(in srgb,var(--on-fg) 35%,transparent)!important}
:is(.theme-importer,.theme-exporter) :is(.lvl-bronze,.lvl-silver,.lvl-gold,.lvl-platinum,.lvl-diamond,.pts-chip,.pts-chip-star){background:var(--soft)!important;background-image:none!important}
:is(.theme-importer,.theme-exporter) .pts-ring circle{stroke:currentColor}
:is(.theme-importer,.theme-exporter) #toast .m-t-ico{background:var(--on-fg)!important;color:var(--fg)!important}
:is(.theme-importer,.theme-exporter) #toast .m-t-bar{background:color-mix(in srgb,var(--on-fg) 45%,transparent)!important}

/* Export side: page and sidebar stay Goji Berry, but every content block
   (cards, category tiles, stats, panels, pop-ups) is Cloud Dancer with Goji Berry inside */
body.theme-exporter :is(.card,.stat,.panel,.tile,.listing-card,.modal,.bell-panel,.pts-card,.pack,.wl-card,.feat-card,.mkt-box,.ladder,.notice,.strip,.offer-bar,.thread-item.active,.messages,.composer,.filters,.search,.boost,.summary){
  --bg:#F0EEE9;--fg:#B91428;--fg-2:rgba(185,20,40,.72);--ln:rgba(185,20,40,.2);--soft:rgba(185,20,40,.07);--on-fg:#F0EEE9}
body.theme-exporter :is(.main,#modal-root,#dialog-root) :is(.card,.stat,.panel,.tile,.listing-card,.modal,.pts-card,.pack,.wl-card,.feat-card,.mkt-box,.ladder,.notice,.strip,.offer-bar,.messages,.filters,.search,.boost):not(#_){
  background:#F0EEE9!important;border-color:transparent!important;box-shadow:0 14px 34px rgba(60,4,12,.22)!important}
body.theme-exporter #app .sidebar .bell-panel:not(#_),body.theme-exporter #app .mobile-bar .bell-panel:not(#_){background:#F0EEE9!important}
/* blocks nested inside a Cloud Dancer block stay flat (no second shadow) */
body.theme-exporter .main :is(.card,.panel,.stat,.pts-card,.pack,.boost) :is(.card,.panel,.stat,.tile,.listing-card,.notice,.summary,.boost,.search,.filters):not(#_){box-shadow:none!important;border-color:rgba(185,20,40,.2)!important}
body.theme-exporter #modal-root .modal :is(.notice,.summary,.card,.panel,.stat,.boost):not(#_){box-shadow:none!important;border-color:rgba(185,20,40,.2)!important}
:is(.theme-importer,.theme-exporter) #app :is(.mobile-bar,.sidebar):not(#_){background:var(--bg)!important}

/* GlobeSouq Points ticks: red = Trusted Seller (exporter), blue = Priority Buyer (importer) */
#app .tick:not(#_),#modal-root .tick:not(#_){display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;font-size:10px;font-weight:900;line-height:1;vertical-align:1px;margin-left:4px;color:#fff!important;border:0!important}
#app .tick-big:not(#_){width:24px;height:24px;font-size:14px;vertical-align:4px}
#app .tick-red:not(#_),#modal-root .tick-red:not(#_){background:#B91428!important}
#app .tick-blue:not(#_),#modal-root .tick-blue:not(#_){background:#1D9BF0!important}
body.theme-exporter #app .sidebar .tick-red:not(#_){background:#F0EEE9!important;color:#B91428!important}
#app .pts-ico.tick-red:not(#_){background:#B91428!important;color:#fff!important}
#app .pts-ico.tick-blue:not(#_){background:#1D9BF0!important;color:#fff!important}
#app .tag-boost:not(#_){display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:800;background:var(--fg)!important;color:var(--on-fg)!important}

/* "Continue with Google": always red text on white, on every theme */
#auth-google.auth-google:not(#_){background:#fff!important;color:#b5121b!important;-webkit-text-fill-color:#b5121b!important;border:1px solid #f0c9cc!important}
#auth-google.auth-google:not(#_):hover{background:#fff5f5!important}