/* ============================================================
   DigitalGamesApp — WordPress embedding compatibility layer
   Loaded AFTER style.css. Neutralises common theme conflicts.
   ============================================================ */

/* 1) Remove theme spacing/width constraints around the app container
      (kills the big empty gap between the theme menu and the app) */
#digital-games-app{
  margin:0 !important;
  padding:0 !important;
  max-width:100% !important;
  width:auto !important;
  float:none !important;
  clear:both !important;
  border:0 !important;
}
.entry-content > #digital-games-app,
.wp-block-post-content > #digital-games-app,
.post-content > #digital-games-app,
.e-con-inner > #digital-games-app,
.elementor-widget-container > #digital-games-app,
article > #digital-games-app,
.page-content > #digital-games-app,
main > #digital-games-app{ margin:0 !important; }

/* Keep the ambient background inside the app so it never covers the theme header */
#digital-games-app::before{ position:absolute !important; }

/* 2) Guarantee the header toggle icons (search / sound / theme / menu) always
      render at a sane size and colour regardless of the theme's global svg CSS */
#digital-games-app svg{ max-width:none !important; box-sizing:content-box; }
#digital-games-app [stroke="currentColor"]{ fill:none !important; stroke:currentColor !important; }
#digital-games-app .dga-icon-btn{ color:var(--dga-text) !important; }
#digital-games-app .dga-icon-btn svg{
  width:20px !important; height:20px !important;
  display:block !important; overflow:visible !important;
}
#digital-games-app .dga-menu-btn svg{ width:22px !important; height:22px !important; }

/* 3) Keep card, step and achievement icons from being shrunk/hidden by the theme */
#digital-games-app .dga-card-art svg{ width:66px !important; height:66px !important; display:block !important; }
#digital-games-app .dga-step-ico svg,
#digital-games-app .dga-ach-ico svg{ width:100% !important; height:100% !important; display:block !important; }
#digital-games-app .dga-fav-btn svg,
#digital-games-app .dga-search-wrap svg,
#digital-games-app .dga-sort-wrap svg,
#digital-games-app .dga-faq-icon svg,
#digital-games-app .dga-modal-head svg,
#digital-games-app .dga-sr-ico svg{ display:inline-block !important; }

@media (max-width: 620px){
  #digital-games-app .dga-card-art svg{ width:48px !important; height:48px !important; }
}

/* 4) Undo aggressive theme resets that affect buttons/inputs inside the app */
#digital-games-app button,
#digital-games-app input,
#digital-games-app select,
#digital-games-app textarea{
  text-transform:none !important;
  letter-spacing:normal !important;
  line-height:1.4 !important;
  font-family:inherit !important;
}
#digital-games-app img{ max-width:none; height:auto; }