/* DEXnews 2.7.33 — Header WhatsApp Channel CTA. Never changes desktop/mobile menu structures. */
.dx-newsroom-top>.dx-desktop-channel-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:42px;padding:9px 13px;border:1px solid var(--dx-channel-color,#168452);border-radius:8px;background:var(--dx-channel-color,#168452);color:#fff!important;text-decoration:none;font-size:13px;font-weight:700;line-height:1.15;white-space:nowrap;transition:filter .15s ease,transform .15s ease}
.dx-newsroom-top>.dx-desktop-channel-button:hover{filter:brightness(.91);text-decoration:none}
.dx-newsroom-top>.dx-desktop-channel-button:focus-visible{outline:3px solid var(--dx-n-active,#c92336);outline-offset:3px}
.dx-newsroom-top>.dx-desktop-channel-button svg{flex:0 0 auto}
@media (max-width:1120px) and (min-width:769px){
 .dx-newsroom-top>.dx-desktop-channel-button{padding:8px 10px;font-size:12px;gap:6px}
 .dx-newsroom-top>.dx-desktop-channel-button span{max-width:105px;overflow:hidden;text-overflow:ellipsis}
 .dx-newsroom-top>.dx-newsroom-desktop-search{min-width:145px;width:clamp(145px,20vw,260px)}
}
@media(max-width:768px){
 .dx-newsroom-top>.dx-desktop-channel-button{display:none!important}
 .dx-newsroom-top>.dx-mobile-channel-button{border-color:var(--dx-channel-color,#168452)!important;color:var(--dx-channel-color,#168452)!important}
}
@media(min-width:769px){.dx-newsroom-top>.dx-mobile-channel-button{display:none!important}}

/* v2.7.34 — adapt mobile Channel button to available header width. */
@media (max-width:768px){
 .dx-newsroom-top{grid-template-columns:40px minmax(0,1fr) auto auto!important;column-gap:clamp(3px,1.2vw,8px)!important}
 .dx-newsroom-top>.dx-mobile-channel-button{display:inline-flex!important;grid-column:3;grid-row:1;min-width:40px;min-height:40px;box-sizing:border-box;flex-shrink:0;gap:5px;padding:6px 9px;line-height:1;background:color-mix(in srgb,var(--dx-channel-color,#168452) 10%,transparent)!important;border:1px solid color-mix(in srgb,var(--dx-channel-color,#168452) 35%,transparent)!important;border-radius:10px;text-decoration:none!important}
 .dx-newsroom-top>.dx-mobile-channel-button svg{width:20px;height:20px;flex:0 0 auto}
 .dx-newsroom-top>.dx-mobile-channel-button span{font-size:11px;line-height:1.2}
 .dx-newsroom-top>.dx-mobile-channel-button:focus-visible{outline:3px solid var(--dx-channel-color,#168452);outline-offset:2px}
 .dx-newsroom-top .dx-newsroom-actions{grid-column:4;grid-row:1;min-width:40px;gap:0!important}
 .dx-newsroom-top .dx-newsroom-actions .dx-search-toggle{min-width:40px!important;width:40px!important}
 .dx-newsroom-top .dx-newsroom-actions .dx-mode-toggle,.dx-newsroom-top .dx-newsroom-actions .dx-nr-home,.dx-newsroom-top .dx-newsroom-actions .dx-nr-account{display:none!important}
 .dx-newsroom-brand{min-width:0!important;max-width:100%!important;overflow:hidden}
 .dx-newsroom-brand img{max-width:100%;height:auto;object-fit:contain}
 /* Non-newsroom layouts use their own navigation row. */
 .dx-header~.dx-primary-nav .dx-nav-actions .dx-mobile-channel-button{display:inline-flex!important;min-width:40px;min-height:40px;padding:7px 9px;gap:5px;color:var(--dx-channel-color,#168452)!important}
}
@media (max-width:440px){
 .dx-newsroom-top>.dx-mobile-channel-button{width:40px;min-width:40px;padding:6px;justify-content:center}
 .dx-newsroom-top>.dx-mobile-channel-button span{display:none}
 .dx-header~.dx-primary-nav .dx-nav-actions .dx-mobile-channel-button{width:40px;padding:6px;justify-content:center}
 .dx-header~.dx-primary-nav .dx-nav-actions .dx-mobile-channel-button span{display:none}
}
@media (prefers-reduced-motion:reduce){.dx-mobile-channel-button{transition:none!important}}

/* v2.7.35 — Restore mobile dark-mode control, without hiding search or Channel.
   The toggle shares the existing DEXnews mode state and JS handler. */
@media (max-width:768px){
 .dx-newsroom-top{
  grid-template-columns:40px minmax(0,1fr) 40px 80px!important;
  column-gap:clamp(2px,1vw,6px)!important;
 }
 .dx-newsroom-top .dx-newsroom-actions{
  display:flex!important;align-items:center;justify-content:flex-end;
  grid-column:4;grid-row:1;min-width:80px;width:80px;
  gap:0!important;
 }
 .dx-newsroom-top .dx-newsroom-actions .dx-mode-toggle{
  display:inline-flex!important;visibility:visible!important;
  align-items:center;justify-content:center;
  flex:0 0 40px;min-width:40px!important;width:40px!important;
  height:40px;min-height:40px!important;
  padding:0!important;margin:0!important;
  color:var(--dx-h-text,#273341)!important;
  border:0;background:transparent;
  border-radius:9px;font-size:23px;line-height:1;
 }
 .dx-newsroom-top .dx-newsroom-actions .dx-search-toggle{
  display:inline-flex!important;flex:0 0 40px;
  width:40px!important;min-width:40px!important;
  height:40px;min-height:40px!important;
  padding:0!important;margin:0!important;
 }
 .dx-newsroom-top .dx-newsroom-actions .dx-mode-toggle:hover,
 .dx-newsroom-top .dx-newsroom-actions .dx-mode-toggle:focus-visible{background:var(--dx-n-hover,#edf2f6)!important}
 .dx-newsroom-top>.dx-mobile-channel-button{
  grid-column:3;grid-row:1;width:40px;min-width:40px;
  height:40px;min-height:40px;padding:6px!important;justify-content:center;
 }
 .dx-newsroom-top>.dx-mobile-channel-button span{display:none!important}
 .dx-newsroom-brand{max-width:100%!important;min-width:0!important;justify-self:center}
 .dx-newsroom-brand .custom-logo,.dx-newsroom-brand .dx-mobile-logo img{max-width:100%;max-height:42px;object-fit:contain}
}
@media(max-width:360px){
 .dx-newsroom-top{grid-template-columns:38px minmax(0,1fr) 38px 76px!important;column-gap:2px!important}
 .dx-newsroom-top>.dx-mobile-channel-button{width:38px;min-width:38px;height:38px;min-height:38px}
 .dx-newsroom-top .dx-newsroom-actions{min-width:76px;width:76px}
 .dx-newsroom-top .dx-newsroom-actions .dx-search-toggle,
 .dx-newsroom-top .dx-newsroom-actions .dx-mode-toggle{flex-basis:38px;width:38px!important;min-width:38px!important}
}