/*
 * Dishio source-of-truth UI guard
 * --------------------------------
 * These rules only neutralize WordPress/Elementor/global-theme button styles.
 * Values are copied from the approved static prototype so hover/focus/active
 * states stay visually identical to the source files.
 */

/* Header dropdown + theme controls */
body.dishio-prototype-page .dishio-global-shell-header .ddb,
body.dishio-prototype-page .dishio-global-shell-header .ddb:focus,
body.dishio-prototype-page .dishio-global-shell-header .ddb:active{
  background:none!important;
  color:var(--mut)!important;
  border:0!important;
  box-shadow:none!important;
  outline:none!important;
}
body.dishio-prototype-page .dishio-global-shell-header .dd:hover .ddb,
body.dishio-prototype-page .dishio-global-shell-header .dd.open .ddb,
body.dishio-prototype-page .dishio-global-shell-header .dd.on .ddb{
  background:rgba(var(--fg,255,255,255),.06)!important;
  color:var(--fgc,#fff)!important;
}
body.dishio-prototype-page .dishio-global-shell-header .tgl,
body.dishio-prototype-page .dishio-global-shell-header .tgl:focus,
body.dishio-prototype-page .dishio-global-shell-header .tgl:active{
  background:transparent!important;
  color:var(--fgc,#fff)!important;
  border-color:rgba(var(--fg,255,255,255),.28)!important;
  box-shadow:none!important;
  outline:none!important;
}
body.dishio-prototype-page .dishio-global-shell-header .tgl:hover,
body.dishio-prototype-page .dishio-global-shell-header .tgl.playing{
  background:transparent!important;
  border-color:var(--y)!important;
  color:var(--yt)!important;
}

/* CTA links styled as buttons */
body.dishio-prototype-page .big,
body.dishio-prototype-page .big:link,
body.dishio-prototype-page .big:visited,
body.dishio-prototype-page .big:hover,
body.dishio-prototype-page .big:focus,
body.dishio-prototype-page .big:active{
  background:var(--y)!important;
  color:#000!important;
  border-color:var(--y)!important;
  text-decoration:none!important;
}
body.dishio-prototype-page .ghost,
body.dishio-prototype-page .ghost:link,
body.dishio-prototype-page .ghost:visited{
  background:transparent!important;
  color:var(--fgc,#fff)!important;
  border-color:rgba(var(--fg,255,255,255),.3)!important;
  text-decoration:none!important;
}
body.dishio-prototype-page .ghost:hover,
body.dishio-prototype-page .ghost:focus,
body.dishio-prototype-page .ghost:active{
  background:transparent!important;
  color:var(--y)!important;
  border-color:var(--y)!important;
}
body.dishio-prototype-page .ghost.dark,
body.dishio-prototype-page .ghost.dark:link,
body.dishio-prototype-page .ghost.dark:visited{
  background:#000!important;
  border-color:rgba(255,255,255,.28)!important;
  color:#fff!important;
}
body.dishio-prototype-page .ghost.dark:hover,
body.dishio-prototype-page .ghost.dark:focus,
body.dishio-prototype-page .ghost.dark:active{
  background:#000!important;
  border-color:var(--y)!important;
  color:var(--y)!important;
}

/* Platform tour chips — selected state must always be Dishio yellow, never pink */
body.dishio-prototype-page .tchip,
body.dishio-prototype-page .tchip:hover,
body.dishio-prototype-page .tchip:focus,
body.dishio-prototype-page .tchip:active{
  background:rgba(var(--fg,255,255,255),.05)!important;
  border-color:rgba(var(--fg,255,255,255),.1)!important;
  color:rgba(var(--fg,255,255,255),.66)!important;
  box-shadow:none!important;
  outline:none!important;
}
body.dishio-prototype-page .tchip i{background:rgba(var(--fg,255,255,255),.12)!important}
body.dishio-prototype-page .tchip.on,
body.dishio-prototype-page .tchip.on:hover,
body.dishio-prototype-page .tchip.on:focus,
body.dishio-prototype-page .tchip.on:active{
  background:var(--y)!important;
  border-color:var(--y)!important;
  color:#0d0d0d!important;
  box-shadow:none!important;
}
body.dishio-prototype-page .tchip.on i{background:rgba(0,0,0,.18)!important}

body.dishio-prototype-page .tplay,
body.dishio-prototype-page .tplay:focus,
body.dishio-prototype-page .tplay:active{
  background:transparent!important;
  border-color:rgba(var(--fg,255,255,255),.18)!important;
  color:var(--fgc,#fff)!important;
  box-shadow:none!important;
  outline:none!important;
}
body.dishio-prototype-page .tplay:hover{background:rgba(var(--fg,255,255,255),.08)!important}

/* Tooltip navigation */
body.dishio-prototype-page .ttip-b button,
body.dishio-prototype-page .ttip-b button:focus,
body.dishio-prototype-page .ttip-b button:active{
  background:transparent!important;
  color:var(--fgc,#fff)!important;
  border-color:rgba(var(--fg,255,255,255),.2)!important;
  box-shadow:none!important;
  outline:none!important;
}
body.dishio-prototype-page .ttip-b button:hover{background:rgba(var(--fg,255,255,255),.1)!important}
body.dishio-prototype-page .ttip-b .nx,
body.dishio-prototype-page .ttip-b .nx:focus,
body.dishio-prototype-page .ttip-b .nx:active{
  background:var(--y)!important;
  color:#0d0d0d!important;
  border-color:transparent!important;
}
body.dishio-prototype-page .ttip-b .nx:hover{background:#ffe23d!important;color:#0d0d0d!important}

/* Rate selector */
body.dishio-prototype-page .rate,
body.dishio-prototype-page .rate:hover,
body.dishio-prototype-page .rate:focus,
body.dishio-prototype-page .rate:active{
  background:transparent!important;
  color:var(--mut)!important;
  border-color:rgba(var(--fg,255,255,255),.12)!important;
  box-shadow:none!important;
  outline:none!important;
}
body.dishio-prototype-page .rate.on,
body.dishio-prototype-page .rate.on:hover,
body.dishio-prototype-page .rate.on:focus,
body.dishio-prototype-page .rate.on:active{
  background:var(--y)!important;
  color:#000!important;
  border-color:var(--y)!important;
}

/* Platform card carousel */
body.dishio-prototype-page .pc-dots button,
body.dishio-prototype-page .pc-dots button:hover,
body.dishio-prototype-page .pc-dots button:focus,
body.dishio-prototype-page .pc-dots button:active{
  background:rgba(var(--fg,255,255,255),.22)!important;
  border:0!important;
  box-shadow:none!important;
  outline:none!important;
}
body.dishio-prototype-page .pc-dots button.on,
body.dishio-prototype-page .pc-dots button.on:hover,
body.dishio-prototype-page .pc-dots button.on:focus,
body.dishio-prototype-page .pc-dots button.on:active{background:var(--y)!important}
body.dishio-prototype-page .pc-nav button,
body.dishio-prototype-page .pc-nav button:focus,
body.dishio-prototype-page .pc-nav button:active{
  background:transparent!important;
  color:var(--fgc,#fff)!important;
  border-color:rgba(var(--fg,255,255,255),.16)!important;
  box-shadow:none!important;
  outline:none!important;
}
body.dishio-prototype-page .pc-nav button:hover{background:rgba(var(--fg,255,255,255),.1)!important}

/* Case Studies archive category filters */
body.dishio-page-case-studies .ixf button,
body.dishio-page-case-studies .ixf button:focus,
body.dishio-page-case-studies .ixf button:active{
  background:transparent!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:none!important;
  outline:none!important;
}
body.dishio-page-case-studies .ixf button:hover{background:transparent!important;border-color:rgba(255,255,255,.5)!important;color:#fff!important}
body.dishio-page-case-studies .ixf button.on,
body.dishio-page-case-studies .ixf button.on:hover,
body.dishio-page-case-studies .ixf button.on:focus,
body.dishio-page-case-studies .ixf button.on:active{
  background:var(--y)!important;
  color:#000!important;
  border-color:var(--y)!important;
}

/* Integrations compatibility checker */
body.dishio-page-integrations .chk button,
body.dishio-page-integrations .chk button:hover,
body.dishio-page-integrations .chk button:focus,
body.dishio-page-integrations .chk button:active{
  background:var(--y)!important;
  color:#000!important;
  border:0!important;
  box-shadow:none!important;
  outline:none!important;
}

/* ========================================================================
   Absolute anti-pink interaction guard
   ------------------------------------------------------------------------
   Elementor/global site colors can style native <button>:hover after page
   content has been pasted into an HTML widget.  These component selectors
   intentionally do not depend on the body opt-in class, so the approved
   Dishio states remain authoritative even during previews/migrations.
   ======================================================================== */
.tourbar .tchip,
.tourbar .tchip:hover,
.tourbar .tchip:focus,
.tourbar .tchip:focus-visible,
.tourbar .tchip:active{
  background:rgba(var(--fg,255,255,255),.05)!important;
  border-color:rgba(var(--fg,255,255,255),.1)!important;
  color:rgba(var(--fg,255,255,255),.66)!important;
  box-shadow:none!important;
  outline:none!important;
}
.tourbar .tchip i{background:rgba(var(--fg,255,255,255),.12)!important}
.tourbar .tchip.on,
.tourbar .tchip.on:hover,
.tourbar .tchip.on:focus,
.tourbar .tchip.on:focus-visible,
.tourbar .tchip.on:active{
  background:#FFD900!important;
  border-color:#FFD900!important;
  color:#0d0d0d!important;
  box-shadow:none!important;
  outline:none!important;
}
.tourbar .tchip.on i{background:rgba(0,0,0,.18)!important}
.tourbar .tplay,
.tourbar .tplay:focus,
.tourbar .tplay:focus-visible,
.tourbar .tplay:active{
  background:transparent!important;
  border-color:rgba(var(--fg,255,255,255),.18)!important;
  color:var(--fgc,#fff)!important;
  box-shadow:none!important;
  outline:none!important;
}
.tourbar .tplay:hover{background:rgba(var(--fg,255,255,255),.08)!important}

.ttip-b button,
.ttip-b button:hover,
.ttip-b button:focus,
.ttip-b button:focus-visible,
.ttip-b button:active{
  box-shadow:none!important;
  outline:none!important;
}
.ttip-b button:not(.nx),
.ttip-b button:not(.nx):hover,
.ttip-b button:not(.nx):focus,
.ttip-b button:not(.nx):focus-visible,
.ttip-b button:not(.nx):active{
  background:transparent!important;
  color:var(--fgc,#fff)!important;
  border-color:rgba(var(--fg,255,255,255),.2)!important;
}
.ttip-b .nx,
.ttip-b .nx:hover,
.ttip-b .nx:focus,
.ttip-b .nx:focus-visible,
.ttip-b .nx:active{
  background:#FFD900!important;
  color:#0d0d0d!important;
  border-color:transparent!important;
}
.ttip-b .nx:hover{background:#ffe23d!important}

.rates .rate,
.rates .rate:hover,
.rates .rate:focus,
.rates .rate:focus-visible,
.rates .rate:active{
  background:transparent!important;
  color:var(--mut)!important;
  border-color:rgba(var(--fg,255,255,255),.12)!important;
  box-shadow:none!important;
  outline:none!important;
}
.rates .rate.on,
.rates .rate.on:hover,
.rates .rate.on:focus,
.rates .rate.on:focus-visible,
.rates .rate.on:active{
  background:#FFD900!important;
  color:#000!important;
  border-color:#FFD900!important;
}

.pc-dots button,
.pc-dots button:hover,
.pc-dots button:focus,
.pc-dots button:focus-visible,
.pc-dots button:active{
  background:rgba(var(--fg,255,255,255),.22)!important;
  border:0!important;
  box-shadow:none!important;
  outline:none!important;
}
.pc-dots button.on,
.pc-dots button.on:hover,
.pc-dots button.on:focus,
.pc-dots button.on:focus-visible,
.pc-dots button.on:active{background:#FFD900!important}
.pc-nav button,
.pc-nav button:focus,
.pc-nav button:focus-visible,
.pc-nav button:active{
  background:transparent!important;
  color:var(--fgc,#fff)!important;
  border-color:rgba(var(--fg,255,255,255),.16)!important;
  box-shadow:none!important;
  outline:none!important;
}
.pc-nav button:hover{background:rgba(var(--fg,255,255,255),.1)!important}

.ixf button,
.ixf button:focus,
.ixf button:focus-visible,
.ixf button:active{
  background:transparent!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:none!important;
  outline:none!important;
}
.ixf button:hover{background:transparent!important;border-color:rgba(255,255,255,.5)!important;color:#fff!important}
.ixf button.on,
.ixf button.on:hover,
.ixf button.on:focus,
.ixf button.on:focus-visible,
.ixf button.on:active{
  background:#FFD900!important;
  color:#000!important;
  border-color:#FFD900!important;
}

.ihero .chk button,
.ihero .chk button:hover,
.ihero .chk button:focus,
.ihero .chk button:focus-visible,
.ihero .chk button:active{
  background:#FFD900!important;
  color:#000!important;
  border:0!important;
  box-shadow:none!important;
  outline:none!important;
}

.dishio-global-shell-header .ddb,
.dishio-global-shell-header .ddb:focus,
.dishio-global-shell-header .ddb:focus-visible,
.dishio-global-shell-header .ddb:active{
  background:none!important;
  box-shadow:none!important;
  outline:none!important;
}
.dishio-global-shell-header .dd:hover .ddb,
.dishio-global-shell-header .dd.open .ddb,
.dishio-global-shell-header .dd.on .ddb{
  background:rgba(var(--fg,255,255,255),.06)!important;
  color:var(--fgc,#fff)!important;
}
.dishio-global-shell-header .tgl,
.dishio-global-shell-header .tgl:focus,
.dishio-global-shell-header .tgl:focus-visible,
.dishio-global-shell-header .tgl:active{
  background:transparent!important;
  box-shadow:none!important;
  outline:none!important;
}
.dishio-global-shell-header .tgl:hover,
.dishio-global-shell-header .tgl.playing{
  background:transparent!important;
  border-color:#FFD900!important;
  color:var(--yt,#FFD900)!important;
}