/* V10.8.642 (TEST) Tamra 2026-10-17 4:56 PM MYT: "there should be no bubble around the iTutor logo anywhere in the platform".
   Loaded on every HTML page by brand569.py. Removes any white pill / tile / circle / shadow / border / padding wrapping the logo itself.
   Logo colours (gold #79b8f6 + navy #0b1736) and logo size are not changed. Rollback: /opt/backups/v642-no-logo-bubble-test-20261017T093334Z/rollback.sh (LIVE: v646 backup) */

/* 1. World headers: Worlds home (.wsc-brand), Today (.cch-brand), Operations/Inbox/Billing (.ds-brand) + the in-world logo button
      with chevron + world name (.cch-logo / .ds-logo). Container kept for layout, made fully transparent (also on hover). */
html body .wsc-brand.wsc-brand,html body .cch-brand.cch-brand,html body .ds-brand.ds-brand,
html[data-theme] body .wsc-brand.wsc-brand,html[data-theme] body .cch-brand.cch-brand,html[data-theme] body .ds-brand.ds-brand{
  background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;border-radius:0!important}
html body .cch-logo,html body .cch-logo:hover,html body .ds-logo,html body .ds-logo:hover,html body .cch-brand .h456-wb,html body .cch-brand .h456-wb:hover,
html body .ds-wb,html body .ds-wb:hover{background:transparent!important;box-shadow:none!important;border-color:transparent!important}

/* 2. iPhone Operations / Inbox / Billing / Today headers: the logo slot was a navy circle with a book icon (old badge; the full
      wordmark does not fit next to the date + 5 buttons at 390px). Now the gold iTutor mark (i + cap) on the page background, no circle. */
@media (max-width:760px){
  html body .ds-brand .ds-lm,html body .cch-brand .cch-lm{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;position:relative}
  html body .ds-brand .ds-lm>svg,html body .cch-brand .cch-lm>svg{visibility:hidden}
  html body .ds-brand .ds-lm::after,html body .cch-brand .cch-lm::after{content:"";position:absolute;inset:2px 0;background:#79b8f6;
    -webkit-mask:url(/static/brand/itutor-mark.svg) center/contain no-repeat;mask:url(/static/brand/itutor-mark.svg) center/contain no-repeat}
}

/* 3. iPhone world chip (logo mark + world name + chevron, e.g. "Sales", "Tutors"): no pill, no white tile behind the mark. */
html body .wchip,html body .wchip:hover{background:transparent!important;border-color:transparent!important;box-shadow:none!important;filter:none!important}
html body .wchip .wmk587{background:transparent!important;box-shadow:none!important;border-radius:0!important}
html body .wchip img{border-radius:0!important}

/* 4. Old gold "IT" tile (.logo-mark), wherever it is still visible (e.g. set-new-password screen): plain gold iTutor mark, no tile. */
html body .logo-mark{background:transparent!important;box-shadow:none!important;border:0!important;color:transparent!important;position:relative;overflow:visible}
html body .logo-mark>*{visibility:hidden}
html body .logo-mark::after{content:"";position:absolute;inset:8% 30%;background:#79b8f6;-webkit-mask:url(/static/brand/itutor-mark.svg) center/contain no-repeat;mask:url(/static/brand/itutor-mark.svg) center/contain no-repeat}

/* 5. Family pay page "One moment..." screen: the logo pulsed inside a white rounded tile with blue rings. Logo only now (still gently pulses). */
html body .pf-pulse .pf-tile{background:transparent!important;border:0!important;box-shadow:none!important}
html body .pf-pulse:before,html body .pf-pulse:after{display:none!important}

/* 6. Generic: any brand-swapped logo host / image never gets its own tile. */
html body .itl,html body img.itl-img,html body .lg-logo,html body .li565-logo{background:transparent!important;box-shadow:none!important;border:0!important}

/* 7. Brand colours on the in-world header logos (light theme): gold i + navy word, same as the Worlds home logo. */
html:not([data-theme=dark]) .ds-brand .itl,html:not([data-theme=dark]) .cch-brand .itl{--logo-accent:#79b8f6!important;--logo-main:#0b1736!important}

/* 8. Tutor check-in "link isn't valid" page: the old IT tile is gone, so give the logo row a little room above the heading. */
html body .cj-solo .cj-brand-row{margin-bottom:14px}