/* ========================================================================
   Dishio Case Studies — WordPress/Elementor light-mode compatibility
   Loaded ONLY on the Case Studies archive and the approved Case Study singles.
   It restores the same persisted Day/Night system used by the rest of Dishio
   without changing the approved dark-mode design.
   ======================================================================== */

/* Shared light palette for archive + every Case Study single. */
html.light body.dishio-page-case-studies,
html.light body.dishio-case-study{
  --ink:#F6F4EE;
  --ink2:#FFFFFF;
  --ink3:#ECE9E1;
  --paper:#F4F1EA;
  --paper2:#EAE6DC;
  --y:#FFD900;
  --yt:#6E5300;
  --b:#0033A4;
  --g:#006B00;
  --m:#007A00;
  --mt:#006B00;
  --fg:8,9,11;
  --fgc:#08090B;
  --bgc:246,244,238;
  --mut:rgba(8,9,11,.68);
  --mut2:rgba(8,9,11,.58);
  --inv:none;
  background:var(--ink)!important;
  color:var(--fgc)!important;
}

html.light body.dishio-page-case-studies .grain,
html.light body.dishio-case-study .grain{opacity:.03}

/* Elementor Post Content wrappers must follow the selected palette. */
html.light body.dishio-case-study .elementor-widget-theme-post-content,
html.light body.dishio-case-study .elementor-widget-theme-post-content > .elementor-widget-container,
html.light body.dishio-case-study .elementor[data-elementor-type="wp-post"] .elementor-widget-html,
html.light body.dishio-case-study .elementor[data-elementor-type="wp-post"] .elementor-widget-html > .elementor-widget-container,
html.light body.dishio-page-case-studies .elementor-location-archive,
html.light body.dishio-page-case-studies .elementor-location-archive .elementor-widget-html,
html.light body.dishio-page-case-studies .elementor-location-archive .elementor-widget-html > .elementor-widget-container{
  background:transparent!important;
  color:var(--fgc)!important;
  font-family:var(--f)!important;
}

/* ------------------------------------------------------------------------
   Theme Builder header — also supports an older header HTML widget that does
   not have the .dishio-global-shell-header wrapper.
   ------------------------------------------------------------------------ */
body.dishio-page-case-studies .elementor-location-header .navr .tgl,
body.dishio-case-study .elementor-location-header .navr .tgl{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}

html.light body.dishio-page-case-studies .elementor-location-header,
html.light body.dishio-case-study .elementor-location-header,
html.light body.dishio-page-case-studies .elementor-location-header .dishio-global-shell-header,
html.light body.dishio-case-study .elementor-location-header .dishio-global-shell-header{
  --ink:#F6F4EE;
  --ink2:#FFFFFF;
  --ink3:#ECE9E1;
  --y:#FFD900;
  --yt:#6E5300;
  --m:#007A00;
  --fg:8,9,11;
  --fgc:#08090B;
  --bgc:246,244,238;
  --mut:rgba(8,9,11,.68);
  --mut2:rgba(8,9,11,.58);
  color:#08090B!important;
}

/* On Case Studies, Day mode is intentionally visibly light even at page top. */
html.light body.dishio-page-case-studies .elementor-location-header .nav,
html.light body.dishio-case-study .elementor-location-header .nav{
  background:rgba(246,244,238,.94)!important;
  border-bottom:1px solid rgba(8,9,11,.09)!important;
  box-shadow:0 10px 36px rgba(8,9,11,.04)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  backdrop-filter:blur(14px)!important;
}
html.light body.dishio-page-case-studies .elementor-location-header .brand,
html.light body.dishio-case-study .elementor-location-header .brand,
html.light body.dishio-page-case-studies .elementor-location-header .navl>a,
html.light body.dishio-case-study .elementor-location-header .navl>a,
html.light body.dishio-page-case-studies .elementor-location-header .ddb,
html.light body.dishio-case-study .elementor-location-header .ddb,
html.light body.dishio-page-case-studies .elementor-location-header .chip,
html.light body.dishio-case-study .elementor-location-header .chip,
html.light body.dishio-page-case-studies .elementor-location-header .tgl,
html.light body.dishio-case-study .elementor-location-header .tgl{
  color:#08090B!important;
}
html.light body.dishio-page-case-studies .elementor-location-header .brand svg,
html.light body.dishio-case-study .elementor-location-header .brand svg{fill:#08090B!important}
html.light body.dishio-page-case-studies .elementor-location-header .navl>a:hover,
html.light body.dishio-page-case-studies .elementor-location-header .navl>a.on,
html.light body.dishio-case-study .elementor-location-header .navl>a:hover,
html.light body.dishio-case-study .elementor-location-header .navl>a.on,
html.light body.dishio-page-case-studies .elementor-location-header .dd:hover .ddb,
html.light body.dishio-page-case-studies .elementor-location-header .dd.open .ddb,
html.light body.dishio-page-case-studies .elementor-location-header .dd.on .ddb,
html.light body.dishio-case-study .elementor-location-header .dd:hover .ddb,
html.light body.dishio-case-study .elementor-location-header .dd.open .ddb,
html.light body.dishio-case-study .elementor-location-header .dd.on .ddb{
  color:#08090B!important;
  background:rgba(8,9,11,.055)!important;
}
html.light body.dishio-page-case-studies .elementor-location-header .ddm,
html.light body.dishio-case-study .elementor-location-header .ddm{
  background:#fff!important;
  border-color:rgba(8,9,11,.10)!important;
  box-shadow:0 30px 60px -20px rgba(0,0,0,.22)!important;
}
html.light body.dishio-page-case-studies .elementor-location-header .ddm a b,
html.light body.dishio-case-study .elementor-location-header .ddm a b{color:#08090B!important}
html.light body.dishio-page-case-studies .elementor-location-header .ddm a span,
html.light body.dishio-case-study .elementor-location-header .ddm a span{color:rgba(8,9,11,.58)!important}
html.light body.dishio-page-case-studies .elementor-location-header .chip,
html.light body.dishio-case-study .elementor-location-header .chip,
html.light body.dishio-page-case-studies .elementor-location-header .tgl,
html.light body.dishio-case-study .elementor-location-header .tgl{
  border-color:rgba(8,9,11,.28)!important;
  background:transparent!important;
}
html.light body.dishio-page-case-studies .elementor-location-header .chip:not(.solid):hover,
html.light body.dishio-case-study .elementor-location-header .chip:not(.solid):hover{
  background:#08090B!important;
  border-color:#08090B!important;
  color:#fff!important;
}
html.light body.dishio-page-case-studies .elementor-location-header .chip.solid,
html.light body.dishio-page-case-studies .elementor-location-header .chip.solid:visited,
html.light body.dishio-case-study .elementor-location-header .chip.solid,
html.light body.dishio-case-study .elementor-location-header .chip.solid:visited{
  background:#FFD900!important;
  border-color:#FFD900!important;
  color:#000!important;
}
html.light body.dishio-page-case-studies .elementor-location-header .tgl:hover,
html.light body.dishio-case-study .elementor-location-header .tgl:hover{
  border-color:#FFD900!important;
  color:#6E5300!important;
}
html.light body.dishio-page-case-studies .elementor-location-header .tgl .sun,
html.light body.dishio-case-study .elementor-location-header .tgl .sun{display:block!important}
html.light body.dishio-page-case-studies .elementor-location-header .tgl .moon,
html.light body.dishio-case-study .elementor-location-header .tgl .moon{display:none!important}

/* ------------------------------------------------------------------------
   Theme Builder footer — supports both current wrapped footer and older footer
   HTML that may still be stored in Elementor's database.
   ------------------------------------------------------------------------ */
html.light body.dishio-page-case-studies .elementor-location-footer,
html.light body.dishio-case-study .elementor-location-footer,
html.light body.dishio-page-case-studies .elementor-location-footer .dishio-global-shell-footer,
html.light body.dishio-case-study .elementor-location-footer .dishio-global-shell-footer{
  --ink:#F6F4EE;
  --ink2:#FFFFFF;
  --ink3:#ECE9E1;
  --y:#FFD900;
  --yt:#6E5300;
  --m:#007A00;
  --fg:8,9,11;
  --fgc:#08090B;
  --mut:rgba(8,9,11,.68);
  --mut2:rgba(8,9,11,.58);
  color:#08090B!important;
}
html.light body.dishio-page-case-studies .elementor-location-footer footer,
html.light body.dishio-case-study .elementor-location-footer footer{
  background:#F6F4EE!important;
  color:rgba(8,9,11,.68)!important;
  border-top-color:rgba(8,9,11,.09)!important;
}
html.light body.dishio-page-case-studies .elementor-location-footer .brand,
html.light body.dishio-page-case-studies .elementor-location-footer h5,
html.light body.dishio-case-study .elementor-location-footer .brand,
html.light body.dishio-case-study .elementor-location-footer h5{color:#08090B!important}
html.light body.dishio-page-case-studies .elementor-location-footer .brand svg,
html.light body.dishio-case-study .elementor-location-footer .brand svg{fill:#08090B!important}
html.light body.dishio-page-case-studies .elementor-location-footer .ftlow,
html.light body.dishio-case-study .elementor-location-footer .ftlow{
  border-top-color:rgba(8,9,11,.09)!important;
  color:rgba(8,9,11,.58)!important;
}
html.light body.dishio-page-case-studies .elementor-location-footer .ftsoc a,
html.light body.dishio-case-study .elementor-location-footer .ftsoc a{
  color:#08090B!important;
  border-color:rgba(8,9,11,.20)!important;
}
html.light body.dishio-page-case-studies .elementor-location-footer a:hover,
html.light body.dishio-case-study .elementor-location-footer a:hover{color:#6E5300!important}

/* ------------------------------------------------------------------------
   Archive content
   ------------------------------------------------------------------------ */
html.light body.dishio-page-case-studies .ixhero{color:#08090B!important}
html.light body.dishio-page-case-studies .ixhero .hero-bg{
  background:
    radial-gradient(1100px 620px at 78% 18%,rgba(0,51,164,.10),transparent 62%),
    radial-gradient(760px 520px at 10% 82%,rgba(255,217,0,.18),transparent 66%)!important;
}
html.light body.dishio-page-case-studies .crumb{color:rgba(8,9,11,.58)!important}
html.light body.dishio-page-case-studies .crumb:hover{color:#6E5300!important}
html.light body.dishio-page-case-studies .lede{color:rgba(8,9,11,.68)!important}
html.light body.dishio-page-case-studies .ixf button{
  color:#08090B!important;
  border-color:rgba(8,9,11,.18)!important;
  background:transparent!important;
}
html.light body.dishio-page-case-studies .ixf button:hover{border-color:rgba(8,9,11,.48)!important}
html.light body.dishio-page-case-studies .ixf button.on{
  background:#FFD900!important;
  color:#000!important;
  border-color:#FFD900!important;
}
html.light body.dishio-page-case-studies .ixcount{color:rgba(8,9,11,.58)!important}
html.light body.dishio-page-case-studies .rcard{
  background:#fff!important;
  border-color:rgba(8,9,11,.09)!important;
  box-shadow:0 4px 24px rgba(8,9,11,.055)!important;
}
html.light body.dishio-page-case-studies .rcard:hover{border-color:rgba(122,96,0,.42)!important}
html.light body.dishio-page-case-studies .rcard-tag{
  background:rgba(255,255,255,.88)!important;
  color:#000!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html.light body.dishio-page-case-studies .rcard-foot{border-top-color:rgba(8,9,11,.09)!important}
html.light body.dishio-page-case-studies .rcard-num,
html.light body.dishio-page-case-studies .rcard-go{color:#6E5300!important}
html.light body.dishio-page-case-studies .rcard-go svg{stroke:#6E5300!important}
html.light body.dishio-page-case-studies .rcard-sub{color:rgba(8,9,11,.68)!important}
html.light body.dishio-page-case-studies .rcard-foot,
html.light body.dishio-page-case-studies .rcard-foot>span:first-child{color:#08090B!important}
html.light body.dishio-page-case-studies .rcard-foot em{color:rgba(8,9,11,.58)!important}

/* The archive's Elementor link-reset uses --fgc; repeat the final state after
   it so no visited/hover state can turn a card title white/blue/purple. */
html.light body.dishio-page-case-studies .rgrid a.rcard,
html.light body.dishio-page-case-studies .rgrid a.rcard:link,
html.light body.dishio-page-case-studies .rgrid a.rcard:visited,
html.light body.dishio-page-case-studies .rgrid a.rcard:hover,
html.light body.dishio-page-case-studies .rgrid a.rcard:focus,
html.light body.dishio-page-case-studies .rgrid a.rcard:active{
  color:#08090B!important;
  text-decoration:none!important;
}

/* ------------------------------------------------------------------------
   Individual Case Study content
   ------------------------------------------------------------------------ */
/* Hero photography remains cinematic/dark for legibility; the rest of the
   Case Study changes to the light surface just like the main Dishio pages. */
html.light body.dishio-case-study .cshero{
  --ink:#08090B;
  --ink2:#101216;
  --ink3:#171A20;
  --y:#FFD900;
  --yt:#FFD900;
  --m:#00FF88;
  --fg:255,255,255;
  --fgc:#fff;
  --mut:rgba(255,255,255,.52);
  --mut2:rgba(255,255,255,.32);
  color:#fff!important;
}
html.light body.dishio-case-study .cshero h1,
html.light body.dishio-case-study .cshero h2,
html.light body.dishio-case-study .cshero h3,
html.light body.dishio-case-study .cshero .cshead{color:#fff!important}
html.light body.dishio-case-study .cshero .crumb{color:rgba(255,255,255,.55)!important}
html.light body.dishio-case-study .cshero .crumb:hover{color:#FFD900!important}
html.light body.dishio-case-study .cshero .lede{color:rgba(255,255,255,.62)!important}
html.light body.dishio-case-study .cshero .csmeta{color:#FFD900!important}
html.light body.dishio-case-study .cshero .tick div b{color:#fff!important}
html.light body.dishio-case-study .cshero .tick div:nth-child(1) b{color:#FFD900!important}
html.light body.dishio-case-study .cshero .tick div:nth-child(3) b{color:#00FF88!important}
html.light body.dishio-case-study .cshero .tick div span{color:rgba(255,255,255,.38)!important}

/* Elementor's dark-mode isolation rules are !important, so explicitly restore
   the light content color after the hero. */
html.light body.dishio-case-study .elementor[data-elementor-type="wp-post"] .elementor-widget-html h1,
html.light body.dishio-case-study .elementor[data-elementor-type="wp-post"] .elementor-widget-html h2,
html.light body.dishio-case-study .elementor[data-elementor-type="wp-post"] .elementor-widget-html h3,
html.light body.dishio-case-study .elementor[data-elementor-type="wp-post"] .elementor-widget-html h4,
html.light body.dishio-case-study .elementor[data-elementor-type="wp-post"] .elementor-widget-html h5,
html.light body.dishio-case-study .elementor[data-elementor-type="wp-post"] .elementor-widget-html h6{
  color:#08090B!important;
}
html.light body.dishio-case-study .elementor[data-elementor-type="wp-post"] .elementor-widget-html .cshero h1,
html.light body.dishio-case-study .elementor[data-elementor-type="wp-post"] .elementor-widget-html .cshero h2,
html.light body.dishio-case-study .elementor[data-elementor-type="wp-post"] .elementor-widget-html .cshero h3,
html.light body.dishio-case-study .elementor[data-elementor-type="wp-post"] .elementor-widget-html .cshero h4{
  color:#fff!important;
}

html.light body.dishio-case-study .csband{
  background:#fff!important;
  border-top-color:rgba(8,9,11,.09)!important;
  border-bottom-color:rgba(8,9,11,.09)!important;
}
html.light body.dishio-case-study .csmq span{color:rgba(8,9,11,.68)!important}

/* The before/after comparison is intentionally kept as a dark visual module. */
html.light body.dishio-case-study .csbefore,
html.light body.dishio-case-study .csafter{color:#fff!important}
html.light body.dishio-case-study .csbefore h3,
html.light body.dishio-case-study .csafter h3{color:#fff!important}
html.light body.dishio-case-study .csbefore li{color:rgba(255,255,255,.74)!important}
html.light body.dishio-case-study .csafter li{color:rgba(255,255,255,.86)!important}
html.light body.dishio-case-study .csbefore .lb{color:rgba(255,255,255,.60)!important}
html.light body.dishio-case-study .cskick{border-top-color:rgba(255,255,255,.12)!important}
html.light body.dishio-case-study .cskick b{color:#00FF88!important}
html.light body.dishio-case-study .cskick span{color:rgba(255,255,255,.38)!important}

html.light body.dishio-case-study .rule{background:rgba(8,9,11,.10)!important}
html.light body.dishio-case-study .wcard{
  background:#fff!important;
  border-color:rgba(8,9,11,.09)!important;
  box-shadow:0 4px 24px rgba(8,9,11,.05)!important;
}
html.light body.dishio-case-study .wcard p{color:rgba(8,9,11,.48)!important}
html.light body.dishio-case-study .wcard p .hi{color:#08090B!important}
html.light body.dishio-case-study .wcard:nth-child(3) .kx{color:#315CBF!important}
html.light body.dishio-case-study .wzhint{color:rgba(8,9,11,.58)!important}
html.light body.dishio-case-study .wzbar{background:rgba(8,9,11,.14)!important}

html.light body.dishio-case-study .csres{
  background:
    radial-gradient(90% 130% at 12% 50%,rgba(0,122,0,.10),transparent 60%),
    radial-gradient(70% 120% at 96% 0%,rgba(0,51,164,.12),transparent 60%),#fff!important;
  border-color:rgba(8,9,11,.09)!important;
  box-shadow:0 4px 24px rgba(8,9,11,.05)!important;
}
html.light body.dishio-case-study .csres .big-n{color:#007A00!important;text-shadow:none!important}
html.light body.dishio-case-study .csres .rl{color:rgba(8,9,11,.58)!important}
html.light body.dishio-case-study .csres p{color:#08090B!important}

html.light body.dishio-case-study .csmore a{
  background:#fff!important;
  border-color:rgba(8,9,11,.09)!important;
  box-shadow:0 4px 24px rgba(8,9,11,.05)!important;
}
html.light body.dishio-case-study .csmore a:hover{border-color:rgba(8,9,11,.22)!important}
html.light body.dishio-case-study .csmore h4{color:#08090B!important}
html.light body.dishio-case-study .csmore b{color:#007A00!important}
html.light body.dishio-case-study .csmore em,
html.light body.dishio-case-study .csmore i{color:rgba(8,9,11,.58)!important}

/* Shared card/UI surfaces from the prototype that may appear in related blocks. */
html.light body.dishio-case-study .rcard,
html.light body.dishio-case-study .scard,
html.light body.dishio-case-study .qcard,
html.light body.dishio-case-study .panel,
html.light body.dishio-case-study .presscard{
  background:#fff!important;
  border-color:rgba(8,9,11,.09)!important;
  box-shadow:0 4px 24px rgba(8,9,11,.05)!important;
}
html.light body.dishio-case-study .rcard-foot,
html.light body.dishio-case-study .scard-meta em{border-top-color:rgba(8,9,11,.09)!important}
html.light body.dishio-case-study .rcard-tag{background:rgba(255,255,255,.88)!important;color:#000!important}
html.light body.dishio-case-study .presscard h3{color:#08090B!important}
html.light body.dishio-case-study .panel .pn{color:rgba(8,9,11,.08)!important}

/* CTA buttons retain the approved brand-yellow treatment in both modes. */
html.light body.dishio-case-study a.big,
html.light body.dishio-case-study a.big:link,
html.light body.dishio-case-study a.big:visited,
html.light body.dishio-case-study a.big:hover,
html.light body.dishio-case-study a.big:focus,
html.light body.dishio-case-study a.big:active,
html.light body.dishio-page-case-studies a.big,
html.light body.dishio-page-case-studies a.big:visited{
  background:#FFD900!important;
  color:#000!important;
  text-decoration:none!important;
}
html.light body.dishio-case-study a.big *,
html.light body.dishio-page-case-studies a.big *{color:#000!important}
html.light body.dishio-case-study .ghost,
html.light body.dishio-page-case-studies .ghost{
  color:#08090B!important;
  border-color:rgba(8,9,11,.28)!important;
}
html.light body.dishio-case-study .ghost:hover,
html.light body.dishio-page-case-studies .ghost:hover{color:#6E5300!important;border-color:#FFD900!important}

/* Ensure the entire Elementor area follows the selected surface instead of a
   template-level dark background. */
html.light body.dishio-page-case-studies main,
html.light body.dishio-case-study main,
html.light body.dishio-page-case-studies .site-main,
html.light body.dishio-case-study .site-main,
html.light body.dishio-page-case-studies .elementor[data-elementor-type="archive"],
html.light body.dishio-case-study .elementor[data-elementor-type="single-post"],
html.light body.dishio-case-study .elementor[data-elementor-type="wp-post"]{
  background:var(--ink)!important;
}

/* ==========================================================================
   CASE STUDIES — MOBILE RESPONSIVE WORDPRESS / ELEMENTOR COMPATIBILITY
   Desktop light/dark presentation above remains unchanged.
   ========================================================================== */

@media (max-width:980px){

  body.dishio-page-case-studies,
  body.dishio-case-study{
    overflow-x:hidden!important;
  }

  body.dishio-page-case-studies :is(
    .elementor-location-archive,
    .elementor-location-archive .elementor-widget-html,
    .elementor-location-archive .elementor-widget-container
  ),
  body.dishio-case-study :is(
    .elementor-widget-theme-post-content,
    .elementor-widget-theme-post-content > .elementor-widget-container,
    .elementor[data-elementor-type="wp-post"],
    .elementor[data-elementor-type="wp-post"] .elementor-widget-html,
    .elementor[data-elementor-type="wp-post"] .elementor-widget-html > .elementor-widget-container
  ){
    min-width:0!important;
    max-width:100%!important;
    overflow-x:clip!important;
  }

  /* Header remains compact on tablet/mobile. */
  body.dishio-page-case-studies .elementor-location-header .nav,
  body.dishio-case-study .elementor-location-header .nav{
    padding:12px 0!important;
  }

  body.dishio-page-case-studies .elementor-location-header .nav .wrap,
  body.dishio-case-study .elementor-location-header .nav .wrap{
    width:min(100% - 40px,1320px)!important;
    gap:12px!important;
  }

  body.dishio-page-case-studies .elementor-location-header .navl,
  body.dishio-case-study .elementor-location-header .navl{
    display:none!important;
  }

  body.dishio-page-case-studies .elementor-location-header .navr,
  body.dishio-case-study .elementor-location-header .navr{
    margin-left:auto;
    gap:8px!important;
  }

  /* Do not let archive cards or single-case modules escape Elementor columns. */
  body.dishio-page-case-studies :is(.rgrid,.rcard,.srail,.qrow,.who,.stats4,.ladder,.calbox),
  body.dishio-case-study :is(.cshero,.cssplit,.wz,.wrail,.wcard,.csres,.csgal,.csmore){
    min-width:0!important;
    max-width:100%!important;
  }

  /* Footer follows the same stacking as the shared responsive CSS. */
  body.dishio-page-case-studies .elementor-location-footer .ft,
  body.dishio-case-study .elementor-location-footer .ft{
    grid-template-columns:1fr 1fr!important;
  }

  body.dishio-page-case-studies .elementor-location-footer .ft .ftb,
  body.dishio-case-study .elementor-location-footer .ft .ftb{
    grid-column:1/-1!important;
  }
}


@media (max-width:720px){

  body.dishio-page-case-studies .elementor-location-header .nav .wrap,
  body.dishio-case-study .elementor-location-header .nav .wrap{
    width:min(100% - 32px,1320px)!important;
  }

  body.dishio-page-case-studies .elementor-location-header .brand,
  body.dishio-case-study .elementor-location-header .brand{
    font-size:12px!important;
    min-width:0;
  }

  body.dishio-page-case-studies .elementor-location-header .brand svg,
  body.dishio-case-study .elementor-location-header .brand svg{
    width:22px!important;
    height:22px!important;
  }

  body.dishio-page-case-studies .elementor-location-header .chip,
  body.dishio-case-study .elementor-location-header .chip{
    padding:9px 13px!important;
    font-size:11px!important;
  }

  body.dishio-page-case-studies .elementor-location-header .tgl,
  body.dishio-case-study .elementor-location-header .tgl{
    width:36px!important;
    height:36px!important;
  }

  body.dishio-page-case-studies .elementor-location-footer .ft,
  body.dishio-case-study .elementor-location-footer .ft{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }

  body.dishio-page-case-studies .elementor-location-footer .ft .ftb,
  body.dishio-case-study .elementor-location-footer .ft .ftb{
    grid-column:auto!important;
  }

  body.dishio-page-case-studies .elementor-location-footer .ftlow,
  body.dishio-case-study .elementor-location-footer .ftlow{
    flex-direction:column!important;
    align-items:flex-start!important;
  }

  /* Light-mode archive and single content keep readable contrast on small screens. */
  html.light body.dishio-page-case-studies .rcard,
  html.light body.dishio-case-study .wcard{
    box-shadow:0 3px 18px rgba(8,9,11,.045)!important;
  }
}


@media (max-width:480px){

  body.dishio-page-case-studies .elementor-location-header .nav .wrap,
  body.dishio-case-study .elementor-location-header .nav .wrap{
    width:min(100% - 26px,1320px)!important;
  }

  body.dishio-page-case-studies .elementor-location-header .chip:not(.solid),
  body.dishio-case-study .elementor-location-header .chip:not(.solid){
    display:none!important;
  }
}

/* ==========================================================================
   FINAL MOBILE LIGHT-MODE / ELEMENTOR COMPATIBILITY
   Desktop light-mode remains unchanged.
   ========================================================================== */

@media (max-width:980px){

  html.light body.dishio-case-study,
  html.light body.dishio-page-case-studies{
    overflow-x:hidden!important;
  }

  html.light body.dishio-case-study :is(
    .elementor-widget-theme-post-content,
    .elementor-widget-theme-post-content > .elementor-widget-container,
    .elementor[data-elementor-type="wp-post"],
    .elementor[data-elementor-type="wp-post"] .elementor-widget-html,
    .elementor[data-elementor-type="wp-post"] .elementor-widget-html > .elementor-widget-container
  ){
    min-width:0!important;
    max-width:100%!important;
    overflow-x:clip!important;
  }

  /* Make sure the mobile .wz cards keep the approved light palette. */
  html.light body.dishio-case-study .wz .wcard{
    background:#fff!important;
    border-color:rgba(8,9,11,.09)!important;
    box-shadow:0 3px 18px rgba(8,9,11,.045)!important;
  }

  html.light body.dishio-case-study .wz .wcard p{
    color:rgba(8,9,11,.48)!important;
  }

  html.light body.dishio-case-study .wz .wcard p .hi{
    color:#08090B!important;
  }

  /* Mobile case result/card surfaces stay readable in Day mode. */
  html.light body.dishio-case-study .csres{
    border-color:rgba(8,9,11,.09)!important;
  }

  html.light body.dishio-case-study .csmore a{
    max-width:100%!important;
  }
}

@media (max-width:720px){
  html.light body.dishio-case-study .elementor-location-header .nav .wrap{
    width:calc(100% - 32px)!important;
  }
#proves,
#proves .wzin {
  padding: 0 !important;
}
}

@media (max-width:480px){
  html.light body.dishio-case-study .elementor-location-header .nav .wrap{
    width:calc(100% - 26px)!important;
  }
}

@media (max-width: 720px){
  #proves{
    padding: 14px !important;
  }
}