/* Phase 6C22 — mobile interaction polish: stable sliders, unified header branding, compact Inwant credit */

/* Keep every horizontal rail locked to its own axis while preserving page scroll. */
@media (max-width:1024px){
  .ozb-auto-slider,
  .ozb-leadership-grid,
  .ozb-team-grid,
  .ozb-quick-stats,
  .ozb-impact-grid,
  .ozb-timeline,
  .ozb-media-grid,
  .ozb-survey-stats,
  .ozb-roadmap-list,
  .ozb-phase5-grid,
  .ozb-media6b-grid,
  .ozb-map-country-rail,
  .ozb-elephant-values,
  [data-report-steps]{
    overflow-x:auto!important;
    overflow-y:visible!important;
    touch-action:pan-x pan-y pinch-zoom!important;
    overscroll-behavior-x:contain!important;
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth;
    scrollbar-width:none!important;
    transform:none!important;
  }
  .ozb-auto-slider::-webkit-scrollbar,
  .ozb-leadership-grid::-webkit-scrollbar,
  .ozb-team-grid::-webkit-scrollbar,
  .ozb-quick-stats::-webkit-scrollbar,
  .ozb-impact-grid::-webkit-scrollbar,
  .ozb-timeline::-webkit-scrollbar,
  .ozb-media-grid::-webkit-scrollbar,
  .ozb-survey-stats::-webkit-scrollbar,
  .ozb-roadmap-list::-webkit-scrollbar,
  .ozb-phase5-grid::-webkit-scrollbar,
  .ozb-media6b-grid::-webkit-scrollbar,
  .ozb-map-country-rail::-webkit-scrollbar,
  .ozb-elephant-values::-webkit-scrollbar,
  [data-report-steps]::-webkit-scrollbar{display:none!important}

  .ozb-auto-slider > *,
  .ozb-leadership-grid > *,
  .ozb-team-grid > *,
  .ozb-quick-stats > *,
  .ozb-impact-grid > *,
  .ozb-timeline > *,
  .ozb-media-grid > *,
  .ozb-survey-stats > *,
  .ozb-roadmap-list > *,
  .ozb-phase5-grid > *,
  .ozb-media6b-grid > *,
  .ozb-map-country-rail > *,
  .ozb-elephant-values > *,
  [data-report-steps] > *{
    scroll-snap-align:start!important;
    scroll-snap-stop:normal!important;
    transform:none!important;
    translate:none!important;
    rotate:none!important;
    align-self:stretch!important;
    will-change:auto!important;
  }

  .ozb-slider-axis-x{cursor:grabbing!important;scroll-behavior:auto!important}
  .ozb-c23-native-slider{touch-action:pan-x pan-y pinch-zoom!important;user-select:none;-webkit-user-select:none}
  .ozb-c23-native-slider img{-webkit-user-drag:none;user-drag:none}

  /* Same mobile/tablet logo dimensions on every page as the Report Corruption header. */
  body .ozb-header .ozb-brand{
    max-width:150px!important;
    gap:8px!important;
    overflow:visible!important;
  }
  body .ozb-header .ozb-brand img{
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
    object-fit:contain!important;
    border-radius:50%!important;
    background:#fff!important;
  }
  body .ozb-header .ozb-brand span{
    font-size:11px!important;
    line-height:.92!important;
    letter-spacing:.01em!important;
  }
}
@media (max-width:380px){
  body .ozb-header .ozb-brand{max-width:128px!important;gap:7px!important}
  body .ozb-header .ozb-brand img{width:36px!important;height:36px!important;flex-basis:36px!important}
  body .ozb-header .ozb-brand span{font-size:9.5px!important}
}

/* Mobile Inwant badge: full premium pill first, then a polished icon-only dock. */
@media (max-width:600px){
  .ozb-inwant-badge{
    width:min(286px,calc(100vw - 28px))!important;
    bottom:max(14px,env(safe-area-inset-bottom))!important;
    filter:drop-shadow(0 16px 36px rgba(0,0,0,.5))!important;
    transition:width .58s cubic-bezier(.2,.9,.2,1),opacity .4s ease,transform .5s cubic-bezier(.2,.9,.2,1),visibility .4s!important;
  }
  .ozb-inwant-badge--right{right:14px!important}
  .ozb-inwant-badge--left{left:14px!important}
  .ozb-inwant-badge__link{
    grid-template-columns:40px minmax(0,1fr) 18px!important;
    min-height:58px!important;
    gap:10px!important;
    padding:8px 38px 8px 9px!important;
    border-color:rgba(255,255,255,.16)!important;
    background:linear-gradient(145deg,rgba(18,20,22,.96),rgba(5,6,7,.9))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 14px 32px rgba(0,0,0,.28)!important;
  }
  .ozb-inwant-badge__mark{
    width:40px!important;height:40px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:0 7px 18px rgba(0,0,0,.34),0 0 0 3px rgba(49,170,111,.08)!important;
  }
  .ozb-inwant-badge__mark img{object-fit:cover!important}
  .ozb-inwant-badge__copy strong{font-size:12px!important}
  .ozb-inwant-badge__copy small{font-size:7.8px!important}

  .ozb-inwant-badge.is-compact{
    width:54px!important;
  }
  .ozb-inwant-badge.is-compact .ozb-inwant-badge__link{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:54px!important;
    min-width:54px!important;
    height:54px!important;
    min-height:54px!important;
    padding:6px!important;
    border-radius:18px!important;
    background:linear-gradient(145deg,rgba(18,21,22,.97),rgba(4,6,6,.92))!important;
    border-color:rgba(77,205,142,.28)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 28px rgba(0,0,0,.42),0 0 20px rgba(46,179,116,.12)!important;
  }
  .ozb-inwant-badge.is-compact .ozb-inwant-badge__mark{
    width:40px!important;height:40px!important;flex:0 0 40px!important;
  }
  .ozb-inwant-badge.is-compact .ozb-inwant-badge__copy,
  .ozb-inwant-badge.is-compact .ozb-inwant-badge__arrow,
  .ozb-inwant-badge.is-compact .ozb-inwant-badge__close{display:none!important}
  .ozb-inwant-badge.is-compact .ozb-inwant-badge__link:before{display:none!important}
}